Amplifyのhostingを使っているアプリを公開する方法。 hostingを使っていない場合、アプリを公開するpublishコマンドを実行するとエラーになります。 

�� Add hosting to your project before publishing your project
Command: amplify hosting add

参考

公開

アプリを公開するためにpublishコマンドを実行すると、以下のように表示されます。 ここで "y"を入力すると、React等をビルドした後、アプリをAWSにアップして一般公開されます。 

amplify publish
√ Successfully pulled backend environment dev from the cloud.

    Current Environment: dev

┌──────────┬────────────────┬───────────┬───────────────────┐
│ Category │ Resource name  │ Operation │ Provider plugin   │
├──────────┼────────────────┼───────────┼───────────────────┤
│ Hosting  │ amplifyhosting │ Create    │ awscloudformation │
└──────────┴────────────────┴───────────┴───────────────────┘
? Are you sure you want to continue? (Y/n) »

完了したら、以下のようにアクセス用URLが表示されます。 

・・・
・・・
Find out more about deployment here:

  https://cra.link/deployment

√ Zipping artifacts completed.
√ Deployment complete!
https://dev.xxxxxxxxxxxxx.amplifyapp.com

ステータス

公開している場合、statusコマンドを実行すると、以下のように表示されます。 

$ amplify status

    Current Environment: staging

┌──────────┬────────────────┬───────────┬───────────────────┐
│ Category │ Resource name  │ Operation │ Provider plugin   │
├──────────┼────────────────┼───────────┼───────────────────┤
│ Hosting  │ amplifyhosting │ Create    │ awscloudformation │
└──────────┴────────────────┴───────────┴───────────────────┘


Amplify hosting urls: 
┌──────────────┬──────────────────────────────────────────┐
│ FrontEnd Env │ Domain                                   │
├──────────────┼──────────────────────────────────────────┤
│ dev          │ https://dev.xxxxxxxxxxxxx.amplifyapp.com │
└──────────────┴──────────────────────────────────────────┘
これは公開していないstaging環境の情報と、公開されているdev環境のURLが表示されています。

複数公開

devとstaging環境で公開している場合、statusコマンドは以下のように表示します。 

amplify status

    Current Environment: staging

┌──────────┬────────────────┬───────────┬───────────────────┐
│ Category │ Resource name  │ Operation │ Provider plugin   │
├──────────┼────────────────┼───────────┼───────────────────┤
│ Hosting  │ amplifyhosting │ No Change │ awscloudformation │
└──────────┴────────────────┴───────────┴───────────────────┘


Amplify hosting urls: 
┌──────────────┬──────────────────────────────────────────────┐
│ FrontEnd Env │ Domain                                       │
├──────────────┼──────────────────────────────────────────────┤
│ dev          │ https://dev.xxxxxxxxxxxxx.amplifyapp.com     │
├──────────────┼──────────────────────────────────────────────┤
│ staging      │ https://staging.xxxxxxxxxxxxxamplifyapp.com │
└──────────────┴──────────────────────────────────────────────┘
xxxxxxxxxxxxxの部分は全く同じ文字列で、半角数字と半角小文字から成ります。