AWS Amplify Console でのデプロイまたはプルリクエストのプレビュー

プレビューの有効化

1. アプリ設定の「プレビュー」に移動します
2. 「プレビューを有効にする」ボタンをクリックします
3. 「GitHubアプリをインストール」をクリックします。この機能を有効にするにはGitHubアプリが必要です
   
4. ターゲットを「すべてのリポジトリ」または「指定されたリポジトリ」から選択し、「インストール」ボタンをクリックします。ここでは、指定されたリポジトリ
   (Shifter-Headless-Amazon-Amplify-Console) をインストールします
5. アプリがインストールされました
6. 「アプリ設定: プレビュー」に戻ります
7. プレビューを有効にするブランチを選択し、「管理」ボタンをクリックします。ここでは、master
   ブランチでこの機能を有効にします
8. モーダルが表示されます
9. トグルスイッチをクリックして有効にし、「確認」ボタンをクリックします
   
10. プレビュー機能が有効になっていることを確認します

これで、プルリクエストをプレビューする準備ができました。

プルリクエストの作成

1. プルリクエスト用の新しいブランチを作成します

   $ git checkout -b my-first-branch origin/master

   変更を加えて、プッシュします。

   $ git add .
   $ git commit -m "some changes"
   $ git push origin my-first-branch

2. ブランチがGitHub上に作成されていることを確認します

3. 「Compare & pull request」ボタンをクリックします

4. 「Create pull request」ボタンをクリックします

5. マージの準備ができました

6. 新しいブランチをアプリに接続します
   GitHubに新しいブランチをプッシュした後、「Connect
   branch」をクリックします

7. ブランチを選択し、「Next」ボタンをクリックします。my-first-branch
   は新しく追加されたブランチです

8. 「保存してデプロイ」ボタンをクリックします

9. Amplify が動作しています

10. ……そしてデプロイされました

11. 「プレビュー」に移動します

12. 作成されたプルリクエストのプレビューURLが利用可能になりました。提供されたプレビューURLをクリックして、変更がアプリに適用されていることを確認してください
    

プルリクエストをマージして変更をデプロイする

1. GitHubに戻り、「Merge pull request」ボタンをクリックします
2. …そして確認します
3. マージ中
4. Amplify Consoleに戻り、マージを確認します。master
   での変更をビルド中です
5. デプロイ完了！

ヒント

アプリのホームページの自動生成されたスクリーンショットを、ヘッドレスChromeでプレビューできます。「Verify」タブをクリックしてください