​​rubyとVue.jsでECサイトをゼロから構築する(4日目)

​​日程 

​​リンク

​​第4回タイムテーブル

​​
​​内容
​​時間
​​開場、受付開始
​​12:45-13:10
​​登壇者の自己紹介
​​13:10-13:15
​​参加者の自己紹介 各テーブルごと
​​13:15-13:25
​​ワークショップの趣旨説明
​​13:25-13:40
​​これから作るものの説明
​​13:40-13:50
​​認証機能 - 40分
​​13:50-14:30
​​10分休憩
​​14:30-14:40
​​管理画面 - 50分
​​14:40-15:30
​​決済機能 - 50分
​​15:30-16:20
​​懇親会準備、アンケート実施
​​16:20-16:30
​​懇親会
​​16:30-17:10
​​閉会、片付け
​​17:10-17:30

​​コンテンツ

  • ​​登壇者の自己紹介 - 5分
  • ​​参加者の自己紹介 各テーブルごと- 10分
​​
  1. ​​認証機能(ログイン)の仕組みを作る
  1. ​​Auth0 https://auth0.com/jp
  1. ​​DashboardからNEW APPLICATIONをクリック
  1. ​​Single page Web Appを選択
  1. ​​https://github.com/x-hack-git/ruby-vuejs-ec
  1. ​​JWT https://qiita.com/gctoyo/items/8d0ffb265845ab8cc87c
  1. ​​読み方はジョット
  1. ​​管理画面と商品追加APIを作って、商品を管理画面から登録できるようにしてみる
  1. ​​API追加
  1. ​​管理画面のフォーム作成
  1. ​​決済機能を組み込んでみる
​​
 
PAY.JP
様々なサービスにクレジットカード決済を無料で簡単に導入できる開発者向けのオンライン決済サービスです。シンプルなAPI・多彩な機能、分かりやすい料金形態のもと開発者であれば、WEB・モバイル・IoTなど様々なシーンで、通常決済や定期購入決済などを導入することが可能です。
pay.jp
PAY.JP • pay.jp
​​
​​
 
Auth0 QuickStarts の Ruby API Authorization で学ぶ認証基盤の入り口の入り口 - ようへいの日々精進XP
Auth0 とは Auth0 機能 OAuth2.0 や Open ID Connect とは それぞれをざっくりと... OAuth 2.0 というか, OAuth について Open ID Connect JWT Ruby Sample を動かす まだまだ Quick Start Ruby Sample (1) ~ このサンプルは ~ Ruby Sample (2) ~ Auth0 での API 作成 ~ Ruby Sample (3) ~ .env ファイルの編集 ~ Ruby Sample (4) ~ docker run ~ Ruby Sample (5) ~ アクセストークンの取得…
inokara.hateblo.jp
Auth0 QuickStarts の Ruby API Authorization で学ぶ認証基盤の入り口の入り口 - ようへいの日々精進XP • inokara.hateblo.jp
​​
​​
​​RubyでPay.jp
​​
 
[Ruby] Pay.jpでクレジットカード決済を簡単実装 - Qiita
# 概要 クレジットカード決済代行サービスの[Pay.jp](https://pay.jp/)を導入することで、Webサービスなどにクレジットカード決済機能を簡単に導入することができる。 本記事では、PayjpをRubyから利用する...
qiita.com
[Ruby] Pay.jpでクレジットカード決済を簡単実装 - Qiita • qiita.com
​​
​​
 
PAY.JP
支払いをもっとシンプルに。PAY.JPならシンプルなAPI・多彩な機能・分かりやすい料金形態のもと、WEB・モバイル・IoTなど様々なシーンで決済を導入する事が可能です。
pay.jp
PAY.JP • pay.jp
​​
​​