IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> React-Native Stripe Google Pay开发 -> 正文阅读

[移动开发]React-Native Stripe Google Pay开发

1、支付商家:Stripe。
React-Native-Stripe android版本是从0.2.0才开始支持。之前的版本只支持Apple Pay,android需要写原生代码。

2、根据React-Native android版本Google Pay示例代码,开发好后,用Debug版本测试,但是测试时是不会支付的,会报支付失败。如果用发行版本测试,会报商户未开通问题,需要先开通商户才能使用发行版本测试。

// Stripe Google Pay,安卓版本最低需要 4.2.0
目录:android/build.gradle
com.android.tools.build:gradle:4.2.0

目录:android/gradle/wrapper/gradle-wrapper.properties
https\://services.gradle.org/distributions/gradle-6.7.1-bin.zip

npm install @stripe/stripe-react-native后,先不要执行yarn命令
先把yarn.lock和package.lock文件删除,不把这两个文件删除,会影响android运行,打包发行版本后可能会因为环境原因造成不知名的闪退。
删除文件后,再执行yarn命令。
import { useGooglePay } from '@stripe/stripe-react-native';

// Google Pay
const { initGooglePay, presentGooglePay } = useGooglePay();
const [canUseGooglePay, setCanUseGooglePay] = useState<boolean>(false);

// 在需要Google Pay的页面或其他页面初始化时调用
useEffect(() => {
  if (Platform.OS !== 'ios') {
    initGooglePay({
      testEnv: false, // Debug模式时,需要设置为true
      merchantName: 'Stripe Test', // 商户名称,自定义的
      countryCode: 'AU', // 国家代码,这里是澳大利亚
    }).then(({ error }) => {
      if (error) {
        // 初始化Google Pay失败
      }
      else {
        // 设置状态为支持谷歌支付
        setCanUseGooglePay(true);
      }
    });
  }
}, []);
// Google Pay按钮点击触发方法。Google Pay按钮必须要按照谷歌的样式,有黑色边框的图标,从Googe Pay上下载图标放上去就行,不然审核开通商户时不给通过。
const onGooglePay = () => {
  if (!canUseGooglePay) return;
  const { error } = await presentGooglePay({
    clientSecret, // clientSecret获取,和Apple Pay获取clientSecret是一样的,Stripe官网上的Apple Pay开发文档里有
    forSetupIntent: false, // 暂时不知道啥意思,官网没有说
    currencyCode: 'AUD', // 货币代码,这里是澳元
  });

  if (error) {
    // handle error
  }
  else {
    // 支付成功时
  }
};

3、截图Google Pay支付流程,到 Google Pay Business Console 中,在Business profile中填写商户信息,在Google Pay API中,上传支付流程截图,提交Google审核,审核通过后将会开通商户,会有商户ID发送到邮件里,在启动App时,像设置Apple Pay商户ID一样设置Google Pay的商户ID。

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-08-19 12:09:56  更:2021-08-19 12:12:32 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 10:12:01-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码