react-native跳轉(zhuǎn)微信和支付寶小程序

一. 跳轉(zhuǎn)微信小程序

1.在微信開放平臺注冊App,獲取appId,不注冊調(diào)不起小程序,ios填寫universal link
2.添加依賴庫:react-native-wechat-lib,按照文檔進行配置
3.ios配置Universal Link (通用鏈接),參考大神教程:http://events.jianshu.io/p/2f2083077191

registerApp(appid) 注冊

import * as WeChat from 'react-native-wechat-lib';

WeChat.registerApp('appid', 'universalLink');//universalLink與微信開放平臺所填一致

LaunchMiniProgram (LaunchMiniProgramMetadata) 跳到小程序

import * as WeChat from 'react-native-wechat-lib';

WeChat.launchMiniProgram({
  userName: 'gh_d39d10000000',//小程序原始id
  miniProgramType: 0,//可選打開 1開發(fā)版,2體驗版,0正式版
  path: 'pages/index/index'//要打開小程序的頁面
});

二. 跳轉(zhuǎn)支付寶小程序

外部 APP/瀏覽器 喚起小程序,需要通過 scheme 調(diào)用,在 scheme 中可以傳參和設置跳轉(zhuǎn)的首頁參數(shù)。

URL 格式

//appId 支付寶小程序appId
//page 要打開的小程序頁面
//query 攜帶的啟動參數(shù)必須進行 UrlEncode 否則只能獲取第一個參數(shù)。
alipays://platformapi/startapp?appId=[appId]&page=[pagePath]&query=[params]

react-native打開支付寶小程序

import {Linking} from 'react-native';

Linking.openURL("alipays://platformapi/startapp?appId= 2021002154600008&page=pages/index/index&query=[params]");
到這里android已經(jīng)可以成功跳轉(zhuǎn)支付寶小程序了,ios報錯提示要在Info.plist文件的LSApplicationQueriesSchemes增加alipays
<key>LSApplicationQueriesSchemes</key>
    <array>
        <string>weixin</string>
        <string>wechat</string>
        <string>weixinULAPI</string>
        <string>alipays</string>
    </array>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容