Amazon HoneycodeでAPIを使う為に、料金プランを変更した。

スプレッドシートを元にウェブサービスが作れるAWSの新サービス [Amazon Honeycode](https://aws.amazon.com/jp/blogs/aws/introducing-amazon-honeycode-build-web-mobile-apps-without-writing-code/) が発表され、ベータ版が利用できるようになりました。

ベータ版の為なのか、AWSコンソール内ではなく、[専用ドメインからのサービス登録](https://www.honeycode.aws/)でした。

Amazon Honeycodeのサービス登録は普通でした。
しかし、専用APIを利用する為には料金プランをアップグレードする必要がある事、AWSコンソールと画面をいったり来たりする必要があり手間取りました。AWSを日頃使い慣れている方なら問題ないのでしょうが、私は迷ってしまったので、このエントリー記事で残します。

##### 参照した公式ドキュメント
[Getting Started with Honeycode APIs](https://honeycodecommunity.aws/t/getting-started-with-honeycode-apis/790)
*Upgrading to a Plus or Pro plan is a prerequisite to accessing developer tools and Honeycode APIs.*

Google翻訳: 
PlusまたはProプランへのアップグレードは、開発者ツールとHoneycode APIにアクセスするための前提条件です。

**PlusまたはProプランは有料です！！！**

次の①、②の順で設定すると、詰まることなく料金プランを変更できるはずです。

①[Connecting Honeycode to an AWS Account](https://honeycodecommunity.aws/t/connecting-honeycode-to-an-aws-account/98)
HoneycodeサービスとAWSアカウントを紐づける手順が記載されています。

②[Upgrading Your Team Plan](https://honeycodecommunity.aws/t/upgrading-your-team-plan/921)
料金プランを変更する手順が書かれていますが、「Team Plan」となっている点がポイントです。

##### 詳しい料金プランの変更手順
①HoneycodeへAWSアカウントを紐づける手順


Honeycode画面の左側に人型のアイコンをクリックします。
Teamsタブが表示されて、アカウント登録時の名前が表示されるのでクリックしてください。
Team画面が表示され、「Connect AWS account」が表示されます。

※ この時点でUpgrade planへのリンクを押下できますが、表示された画面でプラン変更できません。

<img width="943" alt="11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/e6b93401-cbd0-6505-9348-52b1c6d91a79.png">

AWSコンソール画面を開いて、マイアカウントをクリックしてください。
アカウントIDが表示されますので、この12桁の文字列をコピーしてください。

<img width="595" alt="12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/81ca31e9-e353-4d25-de08-3662d58d4750.png">

Honeycode画面に戻ってください。
「Connect」ボタンを押下すると、画像のように表示されます。
入力欄に先ほどコピーした文字列をペーストしてください。
「Connect to AWS」ボタンをクリックしてください。

<img width="946" alt="13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/052b8712-4146-fe8c-a617-28eb8cc91400.png">

「Go to AWS console」ボタンを押下してください。

<img width="948" alt="14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/e5754b1e-df00-de3d-57c3-8d1f4996244f.png">

ここからAWSコンソール画面に戻ります。
(Honeycode画面で登録した名前) Teamのポチをクリックすると「Actions」が操作できるようになります。
「Approve connection」をクリックしてください。

<img width="928" alt="15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/5a53ed58-0b2d-b3c3-7b99-433e1944eaca.png">
<img width="939" alt="19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/4ccb7615-bc87-19ba-68b5-05e7237b14b6.png">

この画面が表示されるので入力欄に「Approve」と入力してください。

<img width="451" alt="21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/106a4fde-7e11-2a00-4ac7-27cbb2c6be24.png">

押せるようになるので、「Approve connection」ボタンをクリックしてください。

<img width="452" alt="22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/1c6863ff-021e-ddd5-6c82-1e72d8e8d2d5.png">

「Successfully connected. Honeycode is now connected to your AWS account」と表示されるはずです。

<img width="749" alt="23.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/7803c893-1cae-0179-5aca-a219df970b21.png">




②Teamプランを変更する手順

Honeycode画面で操作します。

Upgrade planのリンクをクリックします。

<img width="200" alt="25.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/a38937c8-c84c-906f-e913-28615730bcb7.png">

すると次の画像のように「Ready to upgrade?」と表示されます。
どちらかの「Upgrade to ～」をクリックして、無料から有料の料金プランへ変更できます。

※　「Your AWS account is connected!」と表示されていない場合は、これまでの手順を見直してください。

<img width="716" alt="26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/5d64632a-25bc-449d-6eb3-680434739912.png">

「Simple To-do」テンプレートで作成し、Builderモードで表示しています。

右クリックして、「Get ARN and IDs」を選択してください。

<img width="605" alt="32.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/21ce7805-2651-ae09-7a92-4432d191e7c4.png">

<img width="328" alt="34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/83cc453e-e1be-f882-c3d0-de3b4141009a.png">

上の方でも紹介した[Getting Started with Honeycode APIs](https://honeycodecommunity.aws/t/getting-started-with-honeycode-apis/790)にて、APIの設定方法が載っていました。

別のサービスに連携させてみたいです。出来た際には、記事にまとめます。

##### 気付いた事
Honeycodeで作成したアプリをスマホで利用する場合、専用アプリから呼び出すようです。
iPhone版の専用アプリは日本ではまだ配信されていません。Android版は未確認です。

<img width="254" alt="apple.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155894/65074a51-ad15-5c89-d5bb-582915c91b99.png">

[App Store Preview > Amazon Honeycode](https://apps.apple.com/app/id1502619411)
[Google Play > Amazon Honeycode](https://play.google.com/store/apps/details?id=com.amazon.aws.honeycode)