ServerlessなエンジニアのためのServerlessなオンラインサロンをVue/Nuxt/Cognito/Stripeで構築してみたよ / Serverless Days Tokyo 2019

SERVERLESSなエンジニアのための SERVERLESSなオンラインサロンを VUE/NUXT/COGNITO/STRIPEで構築してみたよ SERVERLESS DAYS TOKYO 2019 2019/10/22 藤本竜之介＠グロースチーム合同会社 https://online-salon.growthteam.work/

HTTPS://TOKYO.SERVERLESSDAYS.IO/SPEAKERS/DETAIL-FUJIMOTO.HTML https://online-salon.growthteam.work/

HTTPS://GITHUB.COM/IJIN/SERVERLESSDAYS-TOKYO/PULL/36 https://online-salon.growthteam.work/

HTTPS://TOKYO.SERVERLESSDAYS.IO/SPEAKERS/DETAIL-FUJIMOTO.HTML https://online-salon.growthteam.work/

WHO  藤本竜之介 / Modern Agile Partner  福岡県出身 /
千葉県在住  エンジニアコミュニティと肉大好き  2000: 富士ゼロックス株式会社  2003: 熊本県立大学助手  2008: 株式会社エアケント  2011: 株式会社グリーンアイティシステムズ  2018: グロースチーム合同会社設立 https://online-salon.growthteam.work/

WHY  サブスクリプション（継続定額決済）モデルのWeb事業  “Serverless” なオンラインサロン https://online-salon.growthteam.work/

HTTPS://ONLINE-SALON.GROWTHTEAM.WORK https://online-salon.growthteam.work/

商品（価格）設定 https://online-salon.growthteam.work/

OVERVIEW -Vue/NuxtなSPA - Cognito のユーザ認証 - Stripe の決済API https://online-salon.growthteam.work/

WHAT Stripe 初期設定（商品登録） Cognito 初期設定 Cognito/DynamoDB に登録された情報 Stripe に登録された顧客/支払情報サイトにアクセス
会員登録商品を購入ログアウト/ログイン https://online-salon.growthteam.work/ Nuxt 初期設定

STRIPE 初期設定 3 商品 - Free Plan - Standard Plan
- Premium Plan APIキー Stripe初期設定（商品登録） https://online-salon.growthteam.work/

COGNITO 初期設定ユーザプールアプリクライアント Cognito初期設定 https://online-salon.growthteam.work/

COGNITO 初期設定 https://online-salon.growthteam.work/ Stripe APIキー Cognito アプリクライアントID API GATEWAY URL

サイトにアクセスサイトにアクセス https://online-salon.growthteam.work/

会員登録会員登録  メールアドレスとパスワードを入力  メールアドレス宛に送信される確認コードを入力 https://online-salon.growthteam.work/

COGNITO DYNAMODB 登録された情報会員のメールアドレス Cognito/DynamoDB に登録された情報 https://online-salon.growthteam.work/

商品を購入  Stripeに用意されたテスト用クレジットカード番号商品を購入 https://online-salon.growthteam.work/

STRIPE 登録された情報顧客支払い Stripe に登録された顧客/支払情報 https://online-salon.growthteam.work/

ログアウトログインログアウト/ログイン https://online-salon.growthteam.work/

DEMO  サブスクリプション（継続定額決済）モデルのWeb事業  “Serverless” なオンラインサロン https://online-salon.growthteam.work/

DONE  Vue/NuxtなSPA  Cognito のユーザ認証  Stripe の決済API を理解・習得すれば、Serverlessなオンラ
インサロンを構築できる https://online-salon.growthteam.work/

NEXT - Git Repository - Cloud9 - CloudFormation https://online-salon.growthteam.work/

HTTPS://FUKUOKA.SERVERLESSDAYS.IO/ https://online-salon.growthteam.work/

ServerlessなエンジニアのためのServerlessなオンラインサロンをVue/Nu...

ServerlessなエンジニアのためのServerlessなオンラインサロンをVue/Nuxt/Cognito/Stripeで構築してみたよ / Serverless Days Tokyo 2019

gtw-fujimoto

Other Decks in Technology

Featured

Transcript