もはやコーディングは、フロントエンド(vue/react)だけというサーバレスっぷり! awsだけでリアルタイムチャットWebアプリ作成してみた

もはやコーディングは、フロントエンド(vue/react)だけというサーバレスっぷり! awsだけでリアルタイムチャットWebアプリ作成してみた

参考URL
https://feature-ai-service.dma9ecr5ksxts.amplifyapp.com/

//そのままだとダメだった一覧
修正点その1、amplifyは3.0.0だと古くてエラーになるので、最新のamplify/cliでインストールする
修正点その2、s3のファイル公開は、なぜかawsコンソールから手動でないとダメだった…。
修正点その3、amplify/backend/api/myamplifyproject/schema.graphqlは、全消ししてからコピペした方が良い。微妙に違うので目視だと見過ごしがある…。間違って作ってしまった場合は
amplify remove api
amplify push
で削除して、最初からやり直したら大丈夫だった。

こうやってみると、フロントまわり(vue/react)以外は、awsべったりだな〜。
開発環境(IDE): AWS cloud9
フロントエンド: Vue.js
ユーザー認証: amazon cognite(コグニート)
フレームワーク: aws amplify
※awsの各サービスを関数化してコマンド一発で機能を提供してくれる(amplify add authコマンド一発で認証機能が作れる)
Webサーバ: s3(静的ホスティング)+cloudfront
データベース: amazon dynamodb
リアルタイムチャット: aws AppSync(GraphQL)
※GraphQLはfacebookのリアルタイムチャットで使われている仕様(オープンソース)

試しにAWSだけで作ってみると、フロントまわり(vue/react)以外は、awsべったりだな〜。
まあ、AWSファーストと考えれば正しい実装か?