Upgrade to Pro — share decks privately, control downloads, hide ads and more …

toCサービスを AWS Amplify使って 構築 / 運用しているお話

toCサービスを AWS Amplify使って 構築 / 運用しているお話

ReactNative - Cognito 認証で運用していたアプリを AWS Amplify Consoleで Web に載せ替えました! t
oC サービスを商用環境で運営 / 随時改善してます。
また、Pinpoint も導入しユーザーのアクティビティ等も分析しています。

Kohei Tani

April 01, 2021
Tweet

Other Decks in Programming

Transcript

  1. Amplify LibrariesでさくっとAWSのリソースと 連動できる便利さ 6 1 2 SPAはAmplify ConsoleでFA 3 Amplify

    CLIで欲しい機能を さくっと追加できる世界観 本日の サマリー
  2. => この座組でどうやってWebサービスが回る状態まで持っていくか。 後輩ちゃん : 開発者歴1年半 - 実務未経験駆け出しで彷徨っていた 所をTwitterで採用して1年半 - Laravel,

    Reactは触れる - 京大卒でTOEIC900越え わい : 開発者歴9年 - 新卒で 株式会社ワークスアプリケー ションズにてERPパッケージシステム の開発者としてスタート - 株式会社ユーティル を共同創業して Web受託制作を数年間 - 肉屋さんのCTO + 個人でWeb受託 制作受託とかサービス立ち上げサ ポート 開発者は 2人 12
  3. Amplifyフレームワークの紹介 お名前 できること Libraries iOS、Android、js、Flutter用のライブラリ群。 認証やPinpoint、AppSyncとのやりとり等を簡単に実装できる。 Console SPAや静的サイトのホスティング、 CI/CDの運用を自動化するマネージド サービス。

    CLI AWS のバックエンドを構築できるインターフェース。 認証基盤の構築やPinpointの構築が一瞬でできる。 15 参考URL : https:/ /aws.amazon.com/jp/builders-flash/202008/analyze-ec-website/
  4. Amplify LibrariesでさくっとAWSのリソースと 連動できる便利さ 16 1 2 SPAはAmplify ConsoleでFA 3 Amplify

    CLIで欲しい機能を さくっと追加できる世界観 本日の サマリー
  5. 20

  6. 22

  7. CLIでリソース構築。 Amplify CLIで連携するCognito リソースも一瞬で構築可能。 Cognitoとの連携は素敵さ。 認証画面が一瞬で。 ログイン / 新規登録 /

    パスワー ド再発行の画面、ロジックはすで に用意されています。 あとは見た目もカスタマイズする だけ。 OAuthとの連携も。 公式DocにReactでCognitoを利 用したFacebookログインや Googleログインの実装例があり ます。 (ほぼ流用しちゃえ) https:/ /docs.amplify.aws/lib/ auth/social/q/platform/js 23
  8. CI/CDを一瞬で。 Gitリソースと連携するだけでパイ プラインを構築可能。 Deployした後キャッシュも自動で 削除してくれる。 もうハマらない。 もう、なんもせんでえぇやん。 ホスティングも一瞬で。 簡単すぎて書くことがない。 (Route53で管理している必要は

    あるけれども)一瞬で証明書を発 行してSSL通信も当たり前に。 鍵付き検証環境も一瞬で 。 Basic認証付きの検証環境も一瞬 で構築。 関係者との事前確認の準備も ノータッチで完了。 25
  9. 29