blocks|key|1652548|text|我还没有实现这一点，在反应原住民个人。在我正在开发的应用程序中，这将在接下来的几天内移植，但是下面是我们如何在当前的应用程序中进行移植，而不依赖于第三方库，以及我们将如何在Reacti原住民中实现它。这显然只是一个概念，可以在任何地方使用，您可以进行HTTP调用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1652549|使用带有值https://api.stripe.com/v1/tokens的“授权”头对Bearer+{PUBLISHABLE_AUTH_TOKEN}进行POST调用。在正文中，(x-www-form-urlencoded)指出：|offset|length|style|CODE|1652550|card[name]={NAME_ON_CARD}&card[number]={CARD_NUMBER}&card[exp_month]={CARD_EXP_MONTH}&card[exp_year]={CARD_EXP_YEAR}&card[cvc]={CARD_CVC}|code-block|syntax|javascript|1652551|响应将是一个JSON对象，其中包含一个id字段。此id字段是您在进行交易时将引用的卡，因此此ID需要发送到您的服务器并存储。此ID可以存储，而无需担心PCI遵从性。|1652552|更多信息：https://stripe.com/docs/api#tokens|1652553|entityMap|0|LINK|mutability|MUTABLE|url|https://api.stripe.com/v1/tokens|1|https://stripe.com/docs/api#tokens^0|0|18|V|2H|N|5|W|0|0|0|0|5|Y|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@$D|12|E|13|F|G]|$D|14|E|15|F|G]]|9|@$D|16|E|17|1|18]]|A|$]]|$1|H|3|I|5|J|7|19|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1A|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1B|8|@]|9|@$D|1C|E|1D|1|1E]]|A|$]]|$1|Q|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

I have not implemented this in React Native personally yet. In the app I am working on this will be ported over in the next few days but here is how we do it in the current app without any dependency on third party libraries and how we will implement in React Native as well. This is obviously just a concept that can be used anywhere you can make a HTTP call.

Make a POST call to <a href="https://api.stripe.com/v1/tokens" rel="noreferrer">https://api.stripe.com/v1/tokens</a> with a 'Authorization' header with the value <code>Bearer {PUBLISHABLE_AUTH_TOKEN}</code>. In the body <code>(x-www-form-urlencoded)</code> put: 

<pre><code>card[name]={NAME_ON_CARD}&amp;card[number]={CARD_NUMBER}&amp;card[exp_month]={CARD_EXP_MONTH}&amp;card[exp_year]={CARD_EXP_YEAR}&amp;card[cvc]={CARD_CVC}
</code></pre>

The response will be a JSON object that contains (among other things) an id field. This id field is what you will reference the card when making transactions so this ID needs sent to your server and stored. This ID can be stored without worry of PCI compliance.

More Info: <a href="https://stripe.com/docs/api#tokens" rel="noreferrer">https://stripe.com/docs/api#tokens</a>

blocks|key|2253749|text|我在现有的库中遇到了这样的问题，所以我写了一个更好的库。反应-自然条纹允许您收集信用卡信息，使用Stripe对其进行验证，并将其交换为Stripe令牌，所有这些都使用本机代码。目前仅限iOS。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2253750|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/lrettig/react-native-stripe^0|S|7|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I ran into issues doing this with existing libraries, so I wrote a better one. <a href="https://github.com/lrettig/react-native-stripe" rel="nofollow">react-native-stripe</a> allows you to collect credit card information, validate it using Stripe, and exchange it for a Stripe token, all using native code. Currently iOS only.

blocks|key|2810333|text|我推荐：https://github.com/tipsi/tipsi-stripe|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2810334|我成功地连接了，创建了一个客户，并添加了一张卡，并将令牌保存到我的后端。|2810335|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/tipsi/tipsi-stripe^0|4|11|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

I recommend: <a href="https://github.com/tipsi/tipsi-stripe" rel="noreferrer">https://github.com/tipsi/tipsi-stripe</a>

I was able to successfully connect React Native and Stripe to create a customer and add a card and save the tokens to my back end.

blocks|key|2253824|text|我仍然不确定，但我们想要实现的是简单。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2253825|通过使用react，我们能够通过从前端调用条来获取卡片信息来实现这一点。但是，React本机没有自己的代码。|2253826|所以我们需要像这样从自己身上得到我们所需要的一切|2253827|curl+https://api.stripe.com/v1/tokens+\
++-u+sk_test_IjzBJWterND0tgdSyEIhDmgS00ODHLjw1a:+\
++-d+"card[number]"=4242424242424242+\
++-d+"card[exp_month]"=7+\
++-d+"card[exp_year]"=2021+\
++-d+"card[cvc]"=314|code-block|syntax|javascript|2253828|你会得到|2253829|%25+curl+https://api.stripe.com/v1/tokens+\
++-u+sk_test_IjzBJWterND0tgdSyEIhDmgS00ODHLjw1a:+\
++-d+"card[number]"=4242424242424242+\
++-d+"card[exp_month]"=7+\
++-d+"card[exp_year]"=2021+\
++-d+"card[cvc]"=314
{
++"id":+"tok_1H2Vt9AxSyQJWoao8qhjHDuh",
++"object":+"token",
++"card":+{
++++"id":+"card_1H2Vt9AxSyQJWoao26em4Dps",
++++"object":+"card",
++++"address_city":+null,
++++"address_country":+null,
++++"address_line1":+null,
++++"address_line1_check":+null,
++++"address_line2":+null,
++++"address_state":+null,
++++"address_zip":+null,
++++"address_zip_check":+null,
++++"brand":+"Visa",
++++"country":+"US",
++++"cvc_check":+"unchecked",
++++"dynamic_last4":+null,
++++"exp_month":+7,
++++"exp_year":+2021,
++++"fingerprint":+"IS61beTzZemIdd8p",
++++"funding":+"credit",
++++"last4":+"4242",
++++"metadata":+{
++++},
++++"name":+null,
++++"tokenization_method":+null
++},
++"client_ip":+"153.218.66.247",
++"created":+1594186331,
++"livemode":+false,
++"type":+"card",
++"used":+false
}|2253830|您可以像往常一样使用卡上的tok_来实现后端收费。|offset|length|style|CODE|2253831|entityMap^0|0|0|0|0|0|0|D|4|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|11|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|12|8|@$Q|13|R|14|S|T]]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

I'm still not sure, but what We want to achieve is simple.
With react, we were able to achieve this by calling stripe from the front end for card information. However, React Native does not have its own code.
So we need to get everything we need from by ourself Like this
<pre><code>curl https://api.stripe.com/v1/tokens \
 -u sk_test_IjzBJWterND0tgdSyEIhDmgS00ODHLjw1a: \
 -d &quot;card[number]&quot;=4242424242424242 \
 -d &quot;card[exp_month]&quot;=7 \
 -d &quot;card[exp_year]&quot;=2021 \
 -d &quot;card[cvc]&quot;=314
</code></pre>
and you will get
<pre><code>% curl https://api.stripe.com/v1/tokens \
 -u sk_test_IjzBJWterND0tgdSyEIhDmgS00ODHLjw1a: \
 -d &quot;card[number]&quot;=4242424242424242 \
 -d &quot;card[exp_month]&quot;=7 \
 -d &quot;card[exp_year]&quot;=2021 \
 -d &quot;card[cvc]&quot;=314
{
 &quot;id&quot;: &quot;tok_1H2Vt9AxSyQJWoao8qhjHDuh&quot;,
 &quot;object&quot;: &quot;token&quot;,
 &quot;card&quot;: {
 &quot;id&quot;: &quot;card_1H2Vt9AxSyQJWoao26em4Dps&quot;,
 &quot;object&quot;: &quot;card&quot;,
 &quot;address_city&quot;: null,
 &quot;address_country&quot;: null,
 &quot;address_line1&quot;: null,
 &quot;address_line1_check&quot;: null,
 &quot;address_line2&quot;: null,
 &quot;address_state&quot;: null,
 &quot;address_zip&quot;: null,
 &quot;address_zip_check&quot;: null,
 &quot;brand&quot;: &quot;Visa&quot;,
 &quot;country&quot;: &quot;US&quot;,
 &quot;cvc_check&quot;: &quot;unchecked&quot;,
 &quot;dynamic_last4&quot;: null,
 &quot;exp_month&quot;: 7,
 &quot;exp_year&quot;: 2021,
 &quot;fingerprint&quot;: &quot;IS61beTzZemIdd8p&quot;,
 &quot;funding&quot;: &quot;credit&quot;,
 &quot;last4&quot;: &quot;4242&quot;,
 &quot;metadata&quot;: {
 },
 &quot;name&quot;: null,
 &quot;tokenization_method&quot;: null
 },
 &quot;client_ip&quot;: &quot;153.218.66.247&quot;,
 &quot;created&quot;: 1594186331,
 &quot;livemode&quot;: false,
 &quot;type&quot;: &quot;card&quot;,
 &quot;used&quot;: false
}
</code></pre>
You can use the <code>tok_</code> on the card to implement backend charges as usual.

I'm trying to find a good approach to using stripe with react-native. Preferably one that doesn't involve sending credit card details to my own backend or storing my stripe private key in the application. Any ideas welcome! thanks

how to use Stripe (stripe.js) and react-native

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我试图找到一个很好的方法来使用条形和反应本土化。最好是不涉及发送信用卡细节到我自己的后端或存储我的条纹私钥在应用程序。任何想法都欢迎！谢谢

问如何使用条形码(stripe.js)和反应-本机
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用条形码(stripe.js)和反应-本机EN