を展開し、AWS

助けてくれたなら、

簡単に説明します.

AWSを増幅コンソールで構成するアプリ

YMLファイルを使用して反応アプリを構成する

複数の環境を管理する

ここでデモを見る
ウェブサイトhttps://master.d19tgz4vpyd5.amplifyapp.com/
AWSを使用して反応アプリを構成
によるとdocs , AWSを増幅する“最も簡単な方法は、モバイルとWebアプリケーションのスケールを構築する最速です.”
Any増幅イントロ

Get started here

あなたはすべてのアプリのページから起動している場合は、右上隅にある新しいアプリケーション、ホストのWebアプリを選択します.

あなたのgithub、bitbucket、gitlab、またはAWSのコデストリビューションリポジトリを接続します.我々はgithubを選択します.

リポジトリサービスプロバイダーを接続したら、リポジトリを選択します.

Note: In case, your repository is under an organization, you won’t see the repositories unless the owner of the organization approves the email request from the AWS Amplify

さて、リポジトリを見て、あなたが望むものをクリックして、対応するブランチを構築し展開することができます.

「Webアプリケーションの配備」を選択します

アクセスは、ビルドタイルの上に進行状況インジケータを選択して画面をログにアクセスします.ビルドには次の段階があります.

Provision -> Build -> Deploy ->Verify

AWSのビルドステップ
AWSを使用して反応アプリを構成
プログラマとして、いくつかのコンソールを介してではなく、展開を制御する必要があります.
我々はYLファイルを通して我々の反応配備を構成します.

AWS増幅コンソールに行って、あなたのアプリを選んでください.

左側に、ビルド設定をクリックします

アプリケーションのビルドの仕様では、ダウンロードをクリックします.これはデフォルトの増幅をダウンロードします.YMLファイル

YMLファイルを増幅
追加file リポジトリのルートに

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

複数の環境を管理する
ほとんどすべての反応アプリは異なる環境を持っているし、プログラムを展開したり、複数の環境を管理する.
我々は、AWSの増幅の中で環境ベースの設定を展開するために我々の反応アプリを構成します.

異なる環境を設定するためにenv-cmd

env cmdをインストールする

npm i env-cmd

私たちはプロダクション.env.production (これはどんな名前でもかまいません)

あなたのpackage.json として新しいスクリプトを追加

"build:prod": "env-cmd -f .env.production react-scripts build"

したがって、コマンドを実行するとnpm run build:prod これは、ファイル.env.production 畝

実行してローカルで検証するnpm run build:prod それからserve -s build ビルドをローカルに実行するには

すべてが機能するならば、我々は拡大配備を進めます

AWSの増幅コンソール内のアプリに移動し、環境変数の左側のクリックで

buildCount envという変数を入力し、値をprod

ビルド環境
インサイド・ユアamplify.yml エディットpreBuild インストールするフェーズenv-cmdさて、ビルドフェーズを編集し、npm run build:$BUILD_ENV 畝

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm install env-cmd
        - npm ci
    build:
      commands:
        - echo "I am running 🏃 on $BUILD_ENV" 
        - npm run build:$BUILD_ENV
  artifacts:
    baseDirectory: build
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

Basically, this takes in the variable from your app’s environment variables(BUILD_ENV) and replaces the command with the value(prod).

したがって、ビルド時に、コマンドはnpm run build:prod これはローカルビルドに使用したのと同じでした.

あなたは、支店ごとに別のアプリを作成し、要件に応じてBuildRange ENV変数を使用してこれをさらに取ることができます.

# Examples
Create app with qa branch and set the BUILD_ENV as qa

Source code.
助けてくれたなら、