Slide 1

Slide 1 text

スマホアプリでの  Stripe決済 JP_Stripes #5 Kyoto #JP_Stripes

Slide 2

Slide 2 text

Profile Name: Company: language: Age: Stripe Service: 前田 圭介 22 Works: 株式会社 CI フロントエンジニア / AWSエンジニア 時々デザイナー JavaScript / PHP / Ruby / Python Subscription / Connect

Slide 3

Slide 3 text

# 今日はお話しする事 iOS/Androidでの決済とは? Stripe決済を実装してみた。 まとめ Stripeで出来るアプリ内決済

Slide 4

Slide 4 text

iOS/Androidでのアプリで の決済といえば...

Slide 5

Slide 5 text

iOSは...

Slide 6

Slide 6 text

Androidは...

Slide 7

Slide 7 text

よく見るやつ

Slide 8

Slide 8 text

アプリ内購入 (In App Purchase)

Slide 9

Slide 9 text

アプリ内購入 規約   https://developer.apple.com/jp/app-store/review/guidelines/ https://developer.android.com/google/play/billing/?hl=ja Apple ガイドライン Google ガイドライン 1. アプリに影響を与えるもの(レベルアップアイテム や、課金アイテムをアプリ内で決済させる場合は、 かならず、Apple(もしくはGoogle)の決済APIを利 用すること。(手数料3割) 2. アプリに影響を与えないもの(Tシャツや実際の商 品など)には、Apple(もしくはGoogle)の決済は利 用できません。

Slide 10

Slide 10 text

https://stripe.com/docs/mobile/ios から引用

Slide 11

Slide 11 text

https://stripe.com/docs/mobile/ios から引用 1. Stripeの決済サービスを利用して、物理的な商品を販売することができ ます。(Stripe決済手数料のみ) 2. アプリのデジタルコンテンツ、機能、サービスにはアプリ内購入を利用す る必要があります。(売り上げの30%を支払う必要があります。)

Slide 12

Slide 12 text

現状 アプリ内でStripeを利用する場合、課金コンテンツでは なく、商品購入系のECアプリで利用できる。

Slide 13

Slide 13 text

iOS/Androidでの決済とは? Stripe決済を実装してみた。 まとめ Stripeで出来るアプリ内決済

Slide 14

Slide 14 text

アプリにStripe決済を実装してみた。

Slide 15

Slide 15 text

Stripeから離れてしまいますが、 アプリ開発について少し。。。

Slide 16

Slide 16 text

React Native https://facebook.github.io/react-native/

Slide 17

Slide 17 text

ReactNativeと は

Slide 18

Slide 18 text

ReactNativeでのStripe決済の実装

Slide 19

Slide 19 text

実装方法 JavaScriptだし、stripe-elementsでフォームを作る? アプリ内でAPIを呼べるからそれでやる? ReactNativeで使えるライブラリはないのかなぁ

Slide 20

Slide 20 text

https://stripe.com/docs/libraries#mobile

Slide 21

Slide 21 text

https://tipsi.github.io/tipsi-stripe/

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

ただし。。。 iOSだったら、paymentRequestApplePay Androidだったら、paymentRequestAndroidPay

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

公式にない。。。

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

https://tipsi.github.io/tipsi-stripe/

Slide 29

Slide 29 text

まとめ。 アプリ内で決済をする場合は、規約によりベンダーの決済 APIを利用する必要がある。 Stripeの実装はアプリでも簡単 デジタルコンテンツ、課金アイテムの購入を伴わない限り、 Stripe決済が利用できる。

Slide 30

Slide 30 text

ご清聴ありがとうございました。