SST ( Serverless Stack Toolkit ) 使ってみた

2023-09-26 緊急開催！サーバーレス座談会 in JAWS-UG 大阪

Transcript

1. SST ( Serverless Stack Toolkit )
   使ってみた
   2023.09.23
   

   View Slide

2. Who am I ?
   {
   "Name": "古賀巧",
   "X_id": "@koara__fftr",
   "Age": 27,
   "Career": [ “C”, ”C++”, ”C#”, ”JavaScript”, ”PHP”],
   "Hobbies": ["音楽"],
   "Certifications": [ ],
   "Favorite_AWS_service": "AWS Lambda",
   "Other": [ ]
   }
   

   View Slide

3. What is SST？
   

   View Slide

4. SSTを使う準備
   aws cliをインストールしておく
   認証情報を設定しておく
   npx create-sst@latest my-app
   cd my-app
   npm install
   npx sst start
   SSTを使う
   

   View Slide

5. SSTコンソールとAWSアカウントの紐づけ
   

   View Slide

6. SSTコンソールとAWSアカウントの紐づけ
   

   View Slide

7. 別タブが開いてAWSコンソールにログイン
   

   View Slide

8. SSTとAWSアカウントを紐づけるための CFnスタックをデプロイする
   

   View Slide

9. 「sst-」から始まるAdminstratorAccess権限をもつIAMロール
   SSTConnectというカスタムタイプのリソース (Lambda関数)を作成
   

   View Slide

10. デプ完
    

    View Slide

11. packages\frontend
    packages\functions
    stacks
    フロントエンド
    Lambda関数
    インフラ
    SSTアプリのディレクトリ構造
    

    View Slide

12. SSTアプリにフロントエンドを追加する
    Reactを追加
    npx create-react-app packages/frontend --use-npm
    .env追加
    package.jsonのstartコマンドにsst bindを追加
    npm run start
    https://sst.dev/examples/how-to-create-a-reactjs-app-with-serverless.html
    

    View Slide

13. フロントエンドとバックエンドを一緒に書ける
    CDKよりも抽象化されていて簡単に書ける
    ローカルでLambdaを実行してデバッグできる
    変更がすぐに適応される CDKよりも速い
    SSTを使うメリット
    SST独自の書き方
    CDKよりも抽象化されていて簡単に書けてしまう
    SSTコンソールで確認できるのはサーバーレスサービ
    スのみ
    SSTを使うデメリット
    

    View Slide