1
0
Code Issues Pull Requests Packages Projects Releases Wiki Activity GitHub Gitee
React Native 包使用微信分享、登录、收藏、支付等功能,支持Android/iOS。 ⚠克隆自:https://github.com/uiwjs/react-native-wechat ⚠克隆时间:2024.07.25
Go to file
2020-08-01 18:50:53 +08:00
.github/workflows doc: 添加 TypeScript 文档。 2020-08-01 18:06:03 +08:00
android Init project. 2020-07-31 14:47:29 +08:00
example chore(iOS): 添加微信 SDK v1.8.7.1 2020-08-01 18:05:40 +08:00
ios chore(iOS): 添加微信 SDK v1.8.7.1 2020-08-01 18:05:40 +08:00
.gitignore Init project. 2020-07-31 14:47:29 +08:00
index.d.ts chore(iOS): 添加微信 SDK v1.8.7.1 2020-08-01 18:05:40 +08:00
index.js chore(iOS): 添加微信 SDK v1.8.7.1 2020-08-01 18:05:40 +08:00
package.json doc: 添加 TypeScript 文档。 2020-08-01 18:06:03 +08:00
README.md doc: Update README.md 2020-08-01 18:50:53 +08:00
typedoc.json doc: 添加 TypeScript 文档。 2020-08-01 18:06:03 +08:00

@uiw/react-native-wechat

NPM Version

React Native 包使用微信分享、登录、收藏、支付等功能。

注意事项

iOS: 微信授权登录 Universal Link(通用链接)

Universal Link(通用链接)是苹果在 iOS9 推出的,一种能够方便的通过传统 HTTPS 链接来启动 APP 的功能,可以使用相同的网址打开网址和 APP。
看起来就是一条普通的 https 链接当然是我们在该链接域名根目录配置过的一个链接也可以在该链接中放置对应的H5页面。当用户的点击该链接只要手机中安装了支持该链接的 APP 就会直接进入到 APP 中。如果没有安装APP则会跳转到 Safari 浏览器中,展示 H5 页面。对用户来说则是一个无缝跳转的过程。

创建一个名为 apple-app-site-association 的文件,如下:

{
  "applinks": {
    "apps": [],
    "details": [
      {
        "appID": "Team ID.com.uiwjs.XXX",
        "paths": ["/uiwjs/*"]
      },
      {
        "appID": "Team ID.com.uiwjs.XXX",
        "paths": ["/uiwjstest/*"]
      }
    ]
  }
}

上传该文件到你的域名所对应的根目录xxx目录下,apple-app-site-association 文件不需要扩展名。

注意: 苹果提供了一个网页来验证我们编写的这个 apple-app-site-association 是否合法有效。

根目录
https://uiwjs.github.io/apple-app-site-association

xxx目录
https://uiwjs.github.io/react-native-wechat/apple-app-site-association

安装依赖

yarn add @uiw/react-native-alipay
# react-native version >= 0.60+
$ cd ios && pod install

使用

import Wechat from '@uiw/react-native-wechat';

开发

cd example   # 进入实例 example 工程,根目录不需要安装,会引发错误
yarn install # 安装依赖

cd ios     # 进入 example/ios 目录安装依赖
pod instll # 安装依赖

其它

当前工程基于 @brodybits/create-react-native-module 初始化。

npx create-react-native-module --package-identifier com.uiwjs.react.wechat --object-class-name RNWechat --generate-example Wechat --example-react-native-version 0.63.2 --module-name @uiw/react-native-wechat --github-account uiwjs --author-name "Kenny Wong" --author-email "wowohoo@qq.com"

相关连接