SlideShare une entreprise Scribd logo
1  sur  36
Télécharger pour lire hors ligne
1
STORES.jpへのPayPal導⼊
2017/04/05 PPUG Meetup #1
勝亦 亮 (@acairojuni)
2
勝亦 亮( @acairojuni )
株式会社ブラケット エンジニア
* 株式会社ネットフォレストに約6年 在籍
* 2016年7⽉: 株式会社ブラケットで STORES.jpの
開発業務に従事、クラウドのサーバ管理からWEB
アプリケーションの開発まで担当
3
2017年1⽉ PayPal導⼊
✕
4
喜びの声
「STORES.jpがPayPal決済対応したし移⾏しようかな!」
「PayPal経由でJCBカードの利⽤できる!」
「海外決済の⽅も安⼼してお使いいただけます!」
などなど 導⼊後喜びの声をいただきました。
・
・
・
5
STORES.jpへのPayPal導⼊
今⽇のお話
6
STORES.jpへのPayPal導⼊
今⽇のお話
7
PayPalでの決済サービス導⼊
今⽇のお話
決済実装初めてでもできた
8
STORES.jp というサービス
9
STORES.jp
URL: https://stores.jp/
「最短2分で、驚くほど簡単にオンラインストアがつくれる!」
だれでも、かんたんに、オンラインストアを作成できる
10
STORES.jp の決済の流れ
11
STORES.jp の決済の流れ
12
STORES.jp の決済の流れ
13
STORES.jp の決済の流れ
14
STORES.jp の決済の流れ
15
STORES.jp の決済の流れ
16
決済のイメージ
購⼊者
ストアオーナー
17
国内・国外で決済
18
PayPalの導⼊
19
導⼊の順序
1. ペイパル社と打ち合わせ
2. 導⼊⼿引の読み込み
3. APIの確認・選択
4. 実装
5. PayPal Sandbox環境でテスト
6. ステージング環境でテスト
7. 本番反映
20
導⼊の順序
1. ペイパル社と打ち合わせ
2. 導⼊⼿引の読み込み
3. APIの確認・選択
4. 実装
5. PayPal Sandbox環境でテスト
6. ステージング環境でテスト
7. 本番反映
21
APIの確認・選択
PayPalの決済APIは3種類
Classic API
REST API
Braintree
22
APIの確認・選択
今回はこちらを利⽤
Classic API( NVP )
REST API
Braintree
23
Classic API
NVP⽅式とSOAP⽅式があり、NVP⽅式を採⽤
ExpressCheckout⽅式で実装
ExpressCheckout とは
エクスプレスチェックアウトは、ペイパルアカウントに登録された
顧客のクレジットカード情報や配送先住所を使ってAPIで決済を⾏
う決済システムです。
https://www.paypal.com/jp/webapps/mpp/express-checkout より引⽤
24
実装
ドキュメントを読む
curlコマンドでリクエストとレスポンスの確認
PayPalとやり取りするクラスを実装
クライアント側を実装
25
決済でキーとなるAPI
SetExpressCheckout
DoExpressCheckoutPayment
GetExpressCheckout
決済に必要な情報を送り、決済⽤トークンを取得する
PayPalでの決済認証後、決済に関する情報を取得する
認証された決済を、確定し決済する
26
実装: 処理の流れ
サーバサイドクライアント
1. 決済開始 2. トークン取得 3. トークン返却
4. 決済モーダル
5. 決済の認証
6. リダイレクト
7. 決済情報取得
9. 完了 8. 決済
27
レールに少し沿っていない導⼊
Not PayPal ボタン
✕
シングルページ
アプリケーション
28
実装
ドキュメントを読む
curlコマンドでリクエストとレスポンスの確認
PayPalとやり取りするクラスを実装
クライアント側を実装
29
実装: ハマりどころ
ドキュメントを読む
curlコマンドでリクエストとレスポンスの確認
PayPalとやり取りするクラスを実装
クライアント側を実装
公式ドキュメントが
結局⼀番役に⽴った
決済画⾯がSPAの場
合⼯夫が必要
リクエストフィー
ルド毎に制限があ
るのでドキュメン
トを要確認
30
Sandbox環境
サンドボックス環境が⽤意されています。
ガンガン使いましょう。
31
その他注意しておきたい
・10486エラー
・アメリカの決済が厳しい
・審査によって決済が保留になることがある
32
10486 エラー
購⼊者のクレジットカードが何らかの理由で
決済不能だった場合に 10486エラーというものがある。
このエラーが発⽣した場合
PayPalのシステムで、再び決済画⾯を表⽰した場合
決済ができなかった理由を表⽰し再度決済をする
ことができる。
33
アメリカの決済が厳しい
アメリカの決済の場合購⼊者の住所に制限が
課されている。
アメリカからの決済が想定される場合は
対応が必要
34
審査によって決済が保留になることがある
商品によって決済が保留になることがある
実際にあった保留理由
・アメリカの制裁国の名前が商品名に⼊っていた
・電⼦タバコ
35
まとめ
・APIの種類がたくさんあるので⾃分たちにあったもの
を選ぶ
・公式ドキュメントを⼀通り⾒ておく
・実装がレールから外れる場合は少し⼯夫が必要
36
ご清聴ありがとうございました

Contenu connexe

Similaire à STORES.jpへのPayPal導入

Keikubo fluxflex meetup_in_tokyo_1006
Keikubo fluxflex meetup_in_tokyo_1006Keikubo fluxflex meetup_in_tokyo_1006
Keikubo fluxflex meetup_in_tokyo_1006
keikubo
 
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
Tomohisa Hoshino
 

Similaire à STORES.jpへのPayPal導入 (20)

WebPayからStripeに移行した話
WebPayからStripeに移行した話WebPayからStripeに移行した話
WebPayからStripeに移行した話
 
20180228 sendai it_workshop
20180228 sendai it_workshop20180228 sendai it_workshop
20180228 sendai it_workshop
 
20180316 ppug tokyo_#5
20180316 ppug tokyo_#520180316 ppug tokyo_#5
20180316 ppug tokyo_#5
 
20190312 node gakuen
20190312 node gakuen20190312 node gakuen
20190312 node gakuen
 
API Meetup #8 PayPal API
API Meetup #8 PayPal APIAPI Meetup #8 PayPal API
API Meetup #8 PayPal API
 
PayPal User Groupの振り返り
PayPal User Groupの振り返りPayPal User Groupの振り返り
PayPal User Groupの振り返り
 
スマートデバイスを意識したECサイト構築 等
スマートデバイスを意識したECサイト構築 等スマートデバイスを意識したECサイト構築 等
スマートデバイスを意識したECサイト構築 等
 
20180616 pay pal_meetup_osaka
20180616 pay pal_meetup_osaka20180616 pay pal_meetup_osaka
20180616 pay pal_meetup_osaka
 
Gunosy Beer Bash #05 pairs
Gunosy Beer Bash #05 pairsGunosy Beer Bash #05 pairs
Gunosy Beer Bash #05 pairs
 
EC業界の裾野を広げる方法 PPUG(PayPal User Group) #2 Lightning Talk by MaP design 渡部知記
EC業界の裾野を広げる方法 PPUG(PayPal User Group) #2 Lightning Talk by  MaP design 渡部知記EC業界の裾野を広げる方法 PPUG(PayPal User Group) #2 Lightning Talk by  MaP design 渡部知記
EC業界の裾野を広げる方法 PPUG(PayPal User Group) #2 Lightning Talk by MaP design 渡部知記
 
お金をかけずにお客様が集まるホームページをつくる方法教えます。
お金をかけずにお客様が集まるホームページをつくる方法教えます。お金をかけずにお客様が集まるホームページをつくる方法教えます。
お金をかけずにお客様が集まるホームページをつくる方法教えます。
 
Shopifyで採用されているPayPal実装とそのデモ
Shopifyで採用されているPayPal実装とそのデモShopifyで採用されているPayPal実装とそのデモ
Shopifyで採用されているPayPal実装とそのデモ
 
KPCB Internet Trend Report 2016 in Japanese
KPCB Internet Trend Report 2016 in JapaneseKPCB Internet Trend Report 2016 in Japanese
KPCB Internet Trend Report 2016 in Japanese
 
Passbook ~o2 oとボクと、時々、cm~
Passbook ~o2 oとボクと、時々、cm~Passbook ~o2 oとボクと、時々、cm~
Passbook ~o2 oとボクと、時々、cm~
 
20180224 ppug osaka_#3
20180224 ppug osaka_#320180224 ppug osaka_#3
20180224 ppug osaka_#3
 
PPUG Kyoto #1
PPUG Kyoto #1PPUG Kyoto #1
PPUG Kyoto #1
 
20180222 serverless meetup_#7
20180222 serverless meetup_#720180222 serverless meetup_#7
20180222 serverless meetup_#7
 
Keikubo fluxflex meetup_in_tokyo_1006
Keikubo fluxflex meetup_in_tokyo_1006Keikubo fluxflex meetup_in_tokyo_1006
Keikubo fluxflex meetup_in_tokyo_1006
 
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
 
20180521 cs hack
20180521 cs hack20180521 cs hack
20180521 cs hack
 

Dernier

Dernier (11)

Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 

STORES.jpへのPayPal導入