次のJSアプリを展開します

あなたは、S 3を使用してAOR上の静的なアプリケーション/ウェブサイトを展開することができますまたは増幅.私はAWSを増幅し、このチュートリアルでは、私はすぐにどのようにあなたの次を展開することができますを見るつもりです.はいのJSアプリはci/cdで5分以内に増幅します.
私は、あなたがすでに次を持っていると仮定します.準備ができていない場合はclone this sample app .

ステップ1

AWSコンソールから「AWSアンプ」をクリックします

あなたがAWSの増幅のホームページにあると、[スタート]を選択します

その後、「配達」セクションの下で、「Get Start」をクリックしてください

ステップ2

Githubを選択し、「続行」をクリックします-あなたが助けを必要とするならば、それはあなたがGithubを認可するよう頼みます

ステップ3

を選択し、次のをクリックします

ステップ4

AWSアンプは自動的にビルドスクリプトを生成しますが、少し変更する必要があります.をクリックしてbuild and artifacts セクション

最後のビルド設定は次のようになります.👇🏽

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - yarn install
    build:
      commands:
        - yarn run export
  artifacts:
    baseDirectory: out
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

ビルド設定を更新したら、「保存」をクリックします

をクリック

ステップ5

をクリックします

それです.すべての段階が渡されたら、リンクをクリックすることができますし、アクションであなたのアプリケーションを参照してください.

CI/CD(技術的にのみCD)が動作しているかどうかをテストするには、あなたのアプリケーションに変更を行い、あなたのレポにプッシュします.すべてのステージが過ぎた後に、彼らは生きるべきです.
ℹ️ 注意:

あなたが使用しないならばyarn , これに応じてビルド設定を変更してくださいnpm )

私たちはNext.js static export

任意のフロントエンド/静的アプリ(反応、Vue、角度など)をホストするための同じ手順を使用することができます-もNuxtを展開することができます.jsアプリ

あなたが使いたくないならばstatic exports とSSRを必要とread this