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
640
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
300
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
82
EC-CUBEの最新情報とEC-CUBE4.0.3の軽減税率について | EC-CUBE九州UG(2019/09/11)
okazy
0
390
Other Decks in Technology
See All in Technology
Making your applications cross-environment - OSCG 2024 NA
salaboy
0
190
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
3.2k
Platform Engineering for Software Developers and Architects
syntasso
1
520
アジャイルチームがらしさを発揮するための目標づくり / Making the goal and enabling the team
kakehashi
3
140
VideoMamba: State Space Model for Efficient Video Understanding
chou500
0
190
DynamoDB でスロットリングが発生したとき/when_throttling_occurs_in_dynamodb_short
emiki
0
250
10XにおけるData Contractの導入について: Data Contract事例共有会
10xinc
6
660
エンジニア人生の拡張性を高める 「探索型キャリア設計」の提案
tenshoku_draft
1
130
The Role of Developer Relations in AI Product Success.
giftojabu1
0
130
日経電子版のStoreKit2フルリニューアル
shimastripe
1
140
複雑なState管理からの脱却
sansantech
PRO
1
150
第1回 国土交通省 データコンペ参加者向け勉強会③- Snowflake x estie編 -
estie
0
130
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Designing the Hi-DPI Web
ddemaree
280
34k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
Fireside Chat
paigeccino
34
3k
GraphQLとの向き合い方2022年版
quramy
43
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Typedesign – Prime Four
hannesfritz
40
2.4k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
130
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