SlideShare a Scribd company logo
1 of 13
PromiseとNode.jsで解説する
Smart Payment Button
PP東京Node学園 33時限目
About me
2
Junichi Okamura (@benzookapi)
PayPal Integration Manager/Evangelist
Scala/Java/Node.js/Python/Ruby/PHP/../Mobile/../ppt
Rock/Beer/DQ/JOJO/I18N/Marketing/Payment
API愛好家、開発支援、漫画家
本日お話ししたいこと
©2016 PayPal Inc. Confidential and proprietary. 3
https://developer.paypal.com/ 「PayPal Developer」で検索
新しくなったPayPalの実装方法とそのデモ
PayPal Checkout
©2016 PayPal Inc. Confidential and proprietary. 4
- Smart Payment Button -
JavaScriptだけで実装完了
Promiseによる非同期遷移に対応
サーバーサイドの実装も選べる
詳細はQiitaの日本語情報で
©2016 PayPal Inc. Confidential and proprietary. 5
https://qiita.com/PPJP/items/db5c57991c2c3fe80ac7 @PPJP「 PayPal API決済の実装方法 」
百聞は一見にしかずでまずはデモ!
©2016 PayPal Inc. Confidential and proprietary. 6
https://jo-pp-node-demo.herokuapp.com/
ポイント① Promiseによる非同期処理
©2016 PayPal Inc. Confidential and proprietary. 7
https://developer.paypal.com/docs/checkout/integrate/#6-verify-the-transaction
リダイレクト処理なしで決済結果の
描画が可能。
ポイント② 各言語のSDKでサーバーサイド実装も簡単
©2016 PayPal Inc. Confidential and proprietary. 8
https://developer.paypal.com/docs/checkout/reference/server-integration/set-up-transaction/
Node.js SDKの場合サーバー処理
も非同期が基本(同期も可能)
https://github.com/paypal/Checkout-Nodejs-SDK/
ポイント③ JS SDKのカスタマイズもGETパラメータで簡単
©2016 PayPal Inc. Confidential and proprietary. 9
https://developer.paypal.com/docs/checkout/reference/customize-sdk/
読み込むJSファイルに様々なパラ
メータを渡すと挙動が変わる(JS
の記述を最小化)
ポイント④ GraphQLを内部で呼んで処理を効率化
©2016 PayPal Inc. Confidential and proprietary. 10
https://medium.com/paypal-engineering/graphql-resolvers-best-practices-cd36fdbcef55
GraphQLとは: https://speakerdeck.com/benzookapi/chu-xin-zhe-gahobozhi-shi-zerodehong-
tutemitagraphqlfalsegan-xiang
というわけで・・
©2016 PayPal Inc. Confidential and proprietary. 11
PayPalの実装最近かなりナウいので触ってみてね!
最後に
©2016 PayPal Inc. Confidential and proprietary. 12
PayPalのユーザーコミュニティもあるので是非ご参加ください!
PPUG (PayPal User Group)
https://ppug.org/
東京
大阪
京都
名古屋 「PPUG」で検索すると
グループに参加できます!
東京
(八王子)
新潟
仙台
福岡
PromiseとNode.jsで解説する
Smart Payment Button
PP東京Node学園 33時限目

More Related Content

What's hot

20180222 serverless meetup_#7
20180222 serverless meetup_#720180222 serverless meetup_#7
20180222 serverless meetup_#7Junichi Okamura
 
PayPalアカウントを使った便利で安心なプラットフォーム運用
PayPalアカウントを使った便利で安心なプラットフォーム運用PayPalアカウントを使った便利で安心なプラットフォーム運用
PayPalアカウントを使った便利で安心なプラットフォーム運用Junichi Okamura
 
20180228 sendai it_workshop
20180228 sendai it_workshop20180228 sendai it_workshop
20180228 sendai it_workshopJunichi Okamura
 
WagtailとPelicanでJAMstack環境作ってみた
WagtailとPelicanでJAMstack環境作ってみたWagtailとPelicanでJAMstack環境作ってみた
WagtailとPelicanでJAMstack環境作ってみたMakoto Mochizuki
 
FinTechやろうせZE☆
FinTechやろうせZE☆FinTechやろうせZE☆
FinTechやろうせZE☆Shu Kobuchi
 
20180915 word camp_tokyo
20180915 word camp_tokyo20180915 word camp_tokyo
20180915 word camp_tokyoJunichi Okamura
 
20180616 pay pal_meetup_osaka
20180616 pay pal_meetup_osaka20180616 pay pal_meetup_osaka
20180616 pay pal_meetup_osakaJunichi Okamura
 

What's hot (12)

20180222 serverless meetup_#7
20180222 serverless meetup_#720180222 serverless meetup_#7
20180222 serverless meetup_#7
 
PayPalアカウントを使った便利で安心なプラットフォーム運用
PayPalアカウントを使った便利で安心なプラットフォーム運用PayPalアカウントを使った便利で安心なプラットフォーム運用
PayPalアカウントを使った便利で安心なプラットフォーム運用
 
20180228 sendai it_workshop
20180228 sendai it_workshop20180228 sendai it_workshop
20180228 sendai it_workshop
 
WagtailとPelicanでJAMstack環境作ってみた
WagtailとPelicanでJAMstack環境作ってみたWagtailとPelicanでJAMstack環境作ってみた
WagtailとPelicanでJAMstack環境作ってみた
 
20180609 ppug nagoya
20180609 ppug nagoya20180609 ppug nagoya
20180609 ppug nagoya
 
20180829 ppug fukuoka
20180829 ppug fukuoka20180829 ppug fukuoka
20180829 ppug fukuoka
 
20180519 ppug niigata
20180519 ppug niigata20180519 ppug niigata
20180519 ppug niigata
 
20180530 ppug tokyo
20180530 ppug tokyo20180530 ppug tokyo
20180530 ppug tokyo
 
20180525 ppug sendai
20180525 ppug sendai20180525 ppug sendai
20180525 ppug sendai
 
FinTechやろうせZE☆
FinTechやろうせZE☆FinTechやろうせZE☆
FinTechやろうせZE☆
 
20180915 word camp_tokyo
20180915 word camp_tokyo20180915 word camp_tokyo
20180915 word camp_tokyo
 
20180616 pay pal_meetup_osaka
20180616 pay pal_meetup_osaka20180616 pay pal_meetup_osaka
20180616 pay pal_meetup_osaka
 

Similar to 20190312 node gakuen

API Meetup #8 PayPal API
API Meetup #8 PayPal APIAPI Meetup #8 PayPal API
API Meetup #8 PayPal APIJunichi Okamura
 
Iot_algyan_hands-on_20161129
Iot_algyan_hands-on_20161129Iot_algyan_hands-on_20161129
Iot_algyan_hands-on_20161129Junichi Okamura
 
PayPal Tech Meetup #7 Year End Party with PayPal Masters!
PayPal Tech Meetup #7 Year End Party with PayPal Masters!PayPal Tech Meetup #7 Year End Party with PayPal Masters!
PayPal Tech Meetup #7 Year End Party with PayPal Masters!Junichi Okamura
 
20220303_SAP AppGyverとSAP CAPで簡単なアプリを作ってみた~市民開発者とプロ開発者で作業を分担してみた~
20220303_SAP AppGyverとSAP CAPで簡単なアプリを作ってみた~市民開発者とプロ開発者で作業を分担してみた~20220303_SAP AppGyverとSAP CAPで簡単なアプリを作ってみた~市民開発者とプロ開発者で作業を分担してみた~
20220303_SAP AppGyverとSAP CAPで簡単なアプリを作ってみた~市民開発者とプロ開発者で作業を分担してみた~MasashiOtsuka1
 
20180529 fukuoka ec_night
20180529 fukuoka ec_night20180529 fukuoka ec_night
20180529 fukuoka ec_nightJunichi Okamura
 
PayPal User Groupの振り返り
PayPal User Groupの振り返りPayPal User Groupの振り返り
PayPal User Groupの振り返りJunichi Okamura
 
【16-E-2】「ペイパル最新決済ソリューション」水野博商氏/植野稔之氏
【16-E-2】「ペイパル最新決済ソリューション」水野博商氏/植野稔之氏【16-E-2】「ペイパル最新決済ソリューション」水野博商氏/植野稔之氏
【16-E-2】「ペイパル最新決済ソリューション」水野博商氏/植野稔之氏Developers Summit
 
Java クライント実装におけるAPIスタイル頂上決戦! 野良REST vs GraphQL vs OData vs OpenAPI (Swagger)
Java クライント実装におけるAPIスタイル頂上決戦! 野良REST vs GraphQL vs OData vs OpenAPI (Swagger)Java クライント実装におけるAPIスタイル頂上決戦! 野良REST vs GraphQL vs OData vs OpenAPI (Swagger)
Java クライント実装におけるAPIスタイル頂上決戦! 野良REST vs GraphQL vs OData vs OpenAPI (Swagger)Kazuya Sugimoto
 
STORES.jpへのPayPal導入
STORES.jpへのPayPal導入STORES.jpへのPayPal導入
STORES.jpへのPayPal導入Ryo Katsumata
 
API はメタデータを提供せよ LT#1 JJUG_CCC2018
API はメタデータを提供せよ LT#1 JJUG_CCC2018API はメタデータを提供せよ LT#1 JJUG_CCC2018
API はメタデータを提供せよ LT#1 JJUG_CCC2018CData Software Japan
 
イベント決済向けQR決済アプリSKIYAKI PAYのPayPal実装について
イベント決済向けQR決済アプリSKIYAKI PAYのPayPal実装についてイベント決済向けQR決済アプリSKIYAKI PAYのPayPal実装について
イベント決済向けQR決済アプリSKIYAKI PAYのPayPal実装について淳 那須
 
イベント向けQR決済アプリSKIYAKI PAYのPayPal実装について
イベント向けQR決済アプリSKIYAKI PAYのPayPal実装についてイベント向けQR決済アプリSKIYAKI PAYのPayPal実装について
イベント向けQR決済アプリSKIYAKI PAYのPayPal実装について淳 那須
 
Api meet up online#6 session1 ginco
Api meet up online#6 session1 gincoApi meet up online#6 session1 ginco
Api meet up online#6 session1 gincoNihei Tsukasa
 
20200611_jp_stripes_setouchi_vol1
20200611_jp_stripes_setouchi_vol120200611_jp_stripes_setouchi_vol1
20200611_jp_stripes_setouchi_vol1Takeshi Furusato
 
20160621 KDL_monacaソリューションセミナー
20160621 KDL_monacaソリューションセミナー20160621 KDL_monacaソリューションセミナー
20160621 KDL_monacaソリューションセミナーkdl_yamanaka
 
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理Tomohisa Hoshino
 

Similar to 20190312 node gakuen (20)

API Meetup #8 PayPal API
API Meetup #8 PayPal APIAPI Meetup #8 PayPal API
API Meetup #8 PayPal API
 
Iot_algyan_hands-on_20161129
Iot_algyan_hands-on_20161129Iot_algyan_hands-on_20161129
Iot_algyan_hands-on_20161129
 
20180322 tech meetup_#8
20180322 tech meetup_#820180322 tech meetup_#8
20180322 tech meetup_#8
 
20180521 cs hack
20180521 cs hack20180521 cs hack
20180521 cs hack
 
20180607 ppug hachioji
20180607 ppug hachioji20180607 ppug hachioji
20180607 ppug hachioji
 
PayPal Tech Meetup #7 Year End Party with PayPal Masters!
PayPal Tech Meetup #7 Year End Party with PayPal Masters!PayPal Tech Meetup #7 Year End Party with PayPal Masters!
PayPal Tech Meetup #7 Year End Party with PayPal Masters!
 
20220303_SAP AppGyverとSAP CAPで簡単なアプリを作ってみた~市民開発者とプロ開発者で作業を分担してみた~
20220303_SAP AppGyverとSAP CAPで簡単なアプリを作ってみた~市民開発者とプロ開発者で作業を分担してみた~20220303_SAP AppGyverとSAP CAPで簡単なアプリを作ってみた~市民開発者とプロ開発者で作業を分担してみた~
20220303_SAP AppGyverとSAP CAPで簡単なアプリを作ってみた~市民開発者とプロ開発者で作業を分担してみた~
 
20180529 fukuoka ec_night
20180529 fukuoka ec_night20180529 fukuoka ec_night
20180529 fukuoka ec_night
 
PayPal User Groupの振り返り
PayPal User Groupの振り返りPayPal User Groupの振り返り
PayPal User Groupの振り返り
 
【16-E-2】「ペイパル最新決済ソリューション」水野博商氏/植野稔之氏
【16-E-2】「ペイパル最新決済ソリューション」水野博商氏/植野稔之氏【16-E-2】「ペイパル最新決済ソリューション」水野博商氏/植野稔之氏
【16-E-2】「ペイパル最新決済ソリューション」水野博商氏/植野稔之氏
 
Java クライント実装におけるAPIスタイル頂上決戦! 野良REST vs GraphQL vs OData vs OpenAPI (Swagger)
Java クライント実装におけるAPIスタイル頂上決戦! 野良REST vs GraphQL vs OData vs OpenAPI (Swagger)Java クライント実装におけるAPIスタイル頂上決戦! 野良REST vs GraphQL vs OData vs OpenAPI (Swagger)
Java クライント実装におけるAPIスタイル頂上決戦! 野良REST vs GraphQL vs OData vs OpenAPI (Swagger)
 
STORES.jpへのPayPal導入
STORES.jpへのPayPal導入STORES.jpへのPayPal導入
STORES.jpへのPayPal導入
 
API はメタデータを提供せよ LT#1 JJUG_CCC2018
API はメタデータを提供せよ LT#1 JJUG_CCC2018API はメタデータを提供せよ LT#1 JJUG_CCC2018
API はメタデータを提供せよ LT#1 JJUG_CCC2018
 
イベント決済向けQR決済アプリSKIYAKI PAYのPayPal実装について
イベント決済向けQR決済アプリSKIYAKI PAYのPayPal実装についてイベント決済向けQR決済アプリSKIYAKI PAYのPayPal実装について
イベント決済向けQR決済アプリSKIYAKI PAYのPayPal実装について
 
イベント向けQR決済アプリSKIYAKI PAYのPayPal実装について
イベント向けQR決済アプリSKIYAKI PAYのPayPal実装についてイベント向けQR決済アプリSKIYAKI PAYのPayPal実装について
イベント向けQR決済アプリSKIYAKI PAYのPayPal実装について
 
Api meet up online#6 session1 ginco
Api meet up online#6 session1 gincoApi meet up online#6 session1 ginco
Api meet up online#6 session1 ginco
 
20200611_jp_stripes_setouchi_vol1
20200611_jp_stripes_setouchi_vol120200611_jp_stripes_setouchi_vol1
20200611_jp_stripes_setouchi_vol1
 
20160621 KDL_monacaソリューションセミナー
20160621 KDL_monacaソリューションセミナー20160621 KDL_monacaソリューションセミナー
20160621 KDL_monacaソリューションセミナー
 
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
 
Payjp
PayjpPayjp
Payjp
 

20190312 node gakuen

Editor's Notes

  1. http
  2. http
  3. http
  4. http
  5. http
  6. http
  7. http
  8. http
  9. https://ppug.org/  もWordPress