-
.env ファイルの設定
front/.env ファイルの
LIFF_IDに LIFF アプリの LIFF ID を、BASE_URLに AWS APIGateway の URL を、APIGATEWAY_STAGEに AWS APIGateway のステージ名を設定してください。▼ .env ファイル
# LIFF ID LIFF_ID=9999999999-xxxxxxxx # AXIOS BASE URL BASE_URL=https://xxxxxxxxxx.execute-api.ap-northeast-1.amazonaws.com # API Gateway Stage APIGATEWAY_STAGE=dev # Ajax Module (axios or amplify) AJAX_MODULE=amplify -
node_modules インストール
front プロジェクトに Node.js の依存パッケージ(※ node_modules フォルダ)がインストールされていない場合、front フォルダー直下で以下のコマンドを実行して node_modules をインストールしてください。
npm installもしくは
yarn install -
静的ビルド
フロント側をビルドして S3 に配置する静的モジュール生成します。 front フォルダ直下で以下のコマンドを実行してください。
npm run buildもしくは
yarn run buildビルドが完了したら front/dist フォルダが生成されています。 dist フォルダ内のファイルが S3 配置対象になります。
-
S3 にフロントエンドのモジュールを配置
上記、静的ビルドでビルドしたモジュール (※ dist フォルダの中身全部) を対象のS3に配置してください。