Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
EC-CUBE4 Web API β版を触ってみよう! | EC-CUBEオンラインUG(20...
Search
Hideki Okajima
April 09, 2020
Technology
0
630
EC-CUBE4 Web API β版を触ってみよう! | EC-CUBEオンラインUG(2020/04/09)
EC-CUBE4 Web API β版を触ってみよう! | EC-CUBEオンラインUG(2020/04/09)
Hideki Okajima
April 09, 2020
Tweet
Share
More Decks by Hideki Okajima
See All by Hideki Okajima
EC-CUBEの最新情報とSite Kitプラグイン! | 第65回EC-CUBE関西UG
okazy
0
130
会員情報と受注情報をカスタマイズしてみよう! | 第64回EC-CUBE関西UG
okazy
0
84
EC-CUBE4 の Web API を触ってみよう! | 第62回EC-CUBE関西UG
okazy
0
290
EC-CUBEの最新情報 | EC-CUBE東京UG(2020/05/06)
okazy
0
340
EC-CUBEの最新情報 | EC-CUBE関西UG(2019/12/19)
okazy
0
67
EC-CUBEの最新情報と開発ドキュメント | EC-CUBE関西UG(2019/11/21)
okazy
0
100
EC-CUBEの最新情報とECのセキュリティについて | EC-CUBE関西UG(2019/10/24)
okazy
0
130
EC-CUBEの最新情報とECと軽減税率制度について | EC-CUBE関西UG(2019/09/19)
okazy
0
80
EC-CUBEの最新情報とEC-CUBE4.0.3の軽減税率について | EC-CUBE九州UG(2019/09/11)
okazy
0
380
Other Decks in Technology
See All in Technology
CyberAgent 生成AI Deep Dive with Amazon Web Services / genai-aws
cyberagentdevelopers
PRO
1
480
Vueで Webコンポーネントを作って Reactで使う / 20241030-cloudsign-vuefes_after_night
bengo4com
4
2.5k
Autify Company Deck
autifyhq
1
39k
クライアントサイドでよく使われる Debounce処理 をサーバサイドで3回実装した話
yoshiori
1
150
生成AIとAWS CDKで実現! 自社ブログレビューの効率化
ymae
2
330
小規模に始めるデータメッシュとデータガバナンスの実践
kimujun
3
580
【技術書典17】OpenFOAM(自宅で極める流体解析)2次元円柱まわりの流れ
kamakiri1225
0
210
Java x Spring Boot Warm up
kazu_kichi_67
2
490
Aurora_BlueGreenDeploymentsやってみた
tsukasa_ishimaru
1
120
独自ツール開発でスタジオ撮影をDX!「VLS(Virtual LED Studio)」 / dx-studio-vls
cyberagentdevelopers
PRO
1
180
visionOSでの空間表現実装とImmersive Video表示について / ai-immersive-visionos
cyberagentdevelopers
PRO
1
110
CAMERA-Suite: 広告文生成のための評価スイート / ai-camera-suite
cyberagentdevelopers
PRO
3
270
Featured
See All Featured
Docker and Python
trallard
40
3.1k
Designing for Performance
lara
604
68k
GraphQLの誤解/rethinking-graphql
sonatard
66
9.9k
Measuring & Analyzing Core Web Vitals
bluesmoon
1
40
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
The Invisible Side of Design
smashingmag
297
50k
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Designing for humans not robots
tammielis
249
25k
Visualization
eitanlees
144
15k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
How to Think Like a Performance Engineer
csswizardry
19
1.1k
Transcript
EC-CUBE4 API β版を触ってみよう! 2020/04/09 Okazy
okazy (岡嶋 秀記) 株式会社イーシーキューブ - EC-CUBE関⻄UG勉強会を主催 - オープンエンジニア - EC-CUBE4の開発メンバー
- Github等ではokazyで活動中 - 趣味は旅⾏、温泉、世界遺産 - 今年は⾃粛中
Web APIのベータ版が公開 - GraphQL - OAuth2 - https://www.ec-cube.net/press/detail.php?press_id=252
EC-CUBE4 API β版を触ってみよう!
EC-CUBE4 API β版を触ってみよう! - Web APIって何︖何が嬉しいの︖ - EC-CUBE4 API β版でできること
- インストールの⼿引き - 実際に実⾏してみよう - 今後について
- Web APIって何︖何が嬉しいの︖ - 「API」は「Application Programming Interface」の頭⽂字 - 「Interface」は「境界⾯」「接点」 -
アプリケーション同⼠をつなぐもの - Web APIはWebアプリケーション同⼠をつなぐもの
- Web APIって何︖何が嬉しいの︖ - ⾊々なサービスがつながる時代 - Web APIが無いと独⾃の仕様(Interface)でアプリ ケーションをつなぐ必要がある -
Web APIがあると、その仕様に従ってアプリケーシ ョンの連携ができる
- Web APIって何︖何が嬉しいの︖ - 開発・プラグイン - メリット︓⾃由度が⾼い、機能追加も可能 - デメリット︓独⾃開発・プラグイン開発/導⼊が必要 -
API - メリット︓EC-CUBE側で特別な開発が不要 - デメリット︓⽤意されていない機能は対応できない
EC-CUBE4 API β版を触ってみよう! - Web APIって何︖何が嬉しいの︖ - EC-CUBE4 API β版でできること
- インストールの⼿引き - 実際に実⾏してみよう - 今後について
- EC-CUBE4 API β版でできること - OAuth2.0による認可 - GraphQLによる情報の取得
- EC-CUBE4 API β版でできること - OAuth2.0とは - 権限の認可を⾏うためのオープンスタンダード - 「このアプリはこの情報が⾒られる権限がある」
- 連携前に、アプリケーションの連携の設定をする
- EC-CUBE4 API β版でできること - GraphQLとは - Web APIの規格 -
RESTful API(3系) - 1回のリクエストで取れる { products { id name ProductClasses { id code } } }
- EC-CUBE4 API β版でできること - GraphQLで取得できるデータ - 商品⼀覧 - 受注⼀覧
- 会員⼀覧 - 各⼀覧画⾯での検索条件が指定可能
EC-CUBE4 API β版を触ってみよう! - Web APIって何︖何が嬉しいの︖ - EC-CUBE4 API β版でできること
- インストールの⼿引き - 実際に実⾏してみよう - 今後について
- インストールの⼿引き - 少し難易度が⾼いです - https://doc4.ec-cube.net/api_quickstart_guide - 通常のインストールとの違い - experimental/api
ブランチ - OAuth2.0⽤の鍵の設置 - コマンドでClientの作成
EC-CUBE4 API β版を触ってみよう! - Web APIって何︖何が嬉しいの︖ - EC-CUBE4 API β版でできること
- インストールの⼿引き - 実際に実⾏してみよう - 今後について
- 実際に実⾏してみよう - APIクライアント - Insomnia - https://insomnia.rest/ - POSTMAN
- https://www.postman.com/
- 実際に実⾏してみよう - OAuth2.0による認可 # OAuth2認可情報 - Grant Type: Authorization
Code - Authorization Endpoint: http://example.com/admin/authorize - Access Token Endpoint: http://example.com/token - 初期登録クライアント - Callback URL: http://example.com/ - Client ID: 3032b086e75e7653d9ea77cc3493db20 - Client Secret: ⾒せないよ - Scope: read,write # GraphQL接続情報(取得のみ可能) - Endpoint: http://example.com/api
- 実際に実⾏してみよう - 受注情報を取得 { orders { id order_no name01
name02 } }
- 実際に実⾏してみよう - 出荷情報を追加 { orders { id order_no name01
name02 Shippings { id postal_code Pref { name } addr01 addr02 } } }
- 実際に実⾏してみよう - 商品情報を追加 { orders { id order_no name01
name02 Shippings { id postal_code Pref { name } addr01 addr02 } } products { id name } }
- 実際に実⾏してみよう - 受注⽇の条件を追加 { orders( order_date_start: "2020-01-01" ) {
id order_no name01 name02 } }
- 実際に実⾏してみよう - 受注ステータスの条件を追加 { orders( order_date_start: "2020-01-01" status: ["1","4","6"]
) { id order_no name01 name02 } }
EC-CUBE4 API β版を触ってみよう! - Web APIって何︖何が嬉しいの︖ - EC-CUBE4 API β版でできること
- インストールの⼿引き - 実際に実⾏してみよう - 今後について
- 今後について(暫定) - APIの仕様 - 4.0.x系のプラグインとしてリリース - GraphQL - Mutation
- 登録できるデータ: 商品登録、受注登録、会員登録 - それぞれの登録画⾯で登録できる項⽬が登録可能
- 今後について(暫定) - 暫定の計画です - 随時Issueを更新していきますので乞うご期待︕ - https://github.com/EC-CUBE/ec- cube/issues/4447#issuecomment-611329376
- お願い - 実際に利⽤されたい⽅、すでにAPI連携をされている ⽅のご意⾒を募集しています。 - こんなユースケースで利⽤したいなどIssueでも私に 直接でもいいのでご相談ください。
告知 - 4⽉16⽇(⽊) オンライン関⻄UG勉強会 - 売上を上げるためのサイト改善
Thanks #eccube