CI/CDパイプラインセットアップでAWS増幅を使用して反応アプリを配備すること

あなたが最近反応し始めたか、いくつかの時間のために反応しているが、CI/CDパイプラインをセットアップして、アプリケーションを展開する方法を疑問に思っているならば、あなたは楽しみのためにいます.
我々は、CI/CDパイプラインセットアップでAWS増幅を使用して、反応アプリケーションを作成して、配備するでしょう.開始するには、まず反応アプリケーションを作成する必要があります.物事を高速化するには、我々はすぐに反応アプリケーションテンプレートを生成するためにCRAを作成します.ですから、craが既にインストールされていることを考慮したアプリケーションを作成するには、次のコマンドを入力してください

create-react-app my-app

CRAがインストールされていないならば、我々は単にNPXを使うことができます

npx create-react-app my-app

今すぐ、私たちはすぐにGithub/GitLab何でもあなたに合った新しいレポを作成するまで、それはボイラープレートを生成するために数分かかります.
一度repoとボイラープレートを作成して生成されている我々は私たちのアプリケーションフォルダーに移動することができますCRAの自動Gitを初期化し、作成します.我々の容易さのためのGitignoreも.今、我々は単にレポのリンクをつかむし、我々のアプリの起源として追加する必要があります.

cd my-app
git remote add origin [email protected]:gituser/projectname.git
git push origin -u origin master

今、我々は我々のアプリを作成し、githubにコードを押して行われます.さて、我々は最終的にAWSアンプを使用してGitリポジトリに接続し、アプリケーションを配備することができます.それで、始めるために、あなたのAWSコンソールに頭を入れて、Amplifyを捜してください.あなたは、同様のポップアップを提示されます

ポップアップをクリックすると、ホームページを増幅するためにリダイレクトされます.今、すべてのアプリケーションの左側のNavbarをクリックすると、何かと同様に提示されます

今、右上には、接続アプリをクリックすると、何かに似て表示されます

プロバイダを選択します.私のケースでは、Githubを使用していますが、任意のオプションを使用して、次をクリックしてください.一度クリックすると、いくつかの許可を許可するよう求めてGithubから認証画面が表示されます.一旦認証を完了すると、あなたはあなたのGitリポジトリを選ぶことができますAWS Amplifyと接続して、また、新しいコードが押されるとき、あなたはトリガーとして使用する枝を選ぶことができます.デフォルトのマスターブランチを残します.

「次へ」をクリックします.今すぐ拡大する建物を開始し、数分後には、展開されたアプリケーションのリンクが表示されます.
あなたのコードを変更し、マスター支店にそれをプッシュする場合は、再構築し、自動的にアプリケーションを展開する.
将来の記事では、あなた自身のドメインとの反応アプリを接続する方法をご案内します.

Thanks For Reading !!