uniapp写的h5跳转小程序

使用场景:

我们对接第三方支付的时候,对方只提供了原生小程序id和appid,由我们的app和h5平台跳转至小程序。

遇到的问题:

app跳转本地正常,线上报错如下

解决办法:

需要去微信开放平台申请应用appid

易错点:

// #ifdef APP-PLUS

plus.share.getServices(function(res){

var sweixin = null;

for(var i=0;i<res.length;i++){

var t = res[i];

if(t.id == 'weixin'){

sweixin = t;

}

}

if(sweixin){

sweixin.launchMiniProgram({

id: 'xxx',//原生小程序id gh打头的

type: 0,

path:token_url

});

}

},function(res){

console.log(JSON.stringify(res));

});

// #endif

h5跳转,在网上看到很多关于跳转的,大部分都是需要申请微信公众平台开放权限,使用微信的sdk,但是发现了一种很新的办法。以前对接过富友支付。发现了链接的方式

weixin://dl/business/?appid=wx9f0f95c42bcf73c9&path=pages/pay-plugin/pay-plugin&query=

具体我这边的实现方式如下

str=pages/pay-plugin/pay/plugin?tradeNo=puv*2FWpIPEJr70WQr%2BZ4dAApVNMS192d100TkLSPr1nM3D&member_id=1284250&type=BF

const index = str.indexOf("?");

const path = str.substring(0,index);

let list = str.substring(index+1);

return `weixin://dl/business/?appid=wx9f0f95c42bcf73c9&path={path}\&query={encodeURIComponent(list)}`

}

相关推荐
bug总结18 小时前
深入理解 uni-app 的 uni.createSelectorQuery()
uni-app
weixin_lynhgworld18 小时前
盲盒抽谷机小程序系统开发:从0到1的完整方法论
小程序
weixin_lynhgworld18 小时前
短剧小程序系统开发:赋能创作者,推动短剧艺术创新发展
小程序
真上帝的左手18 小时前
25. 移动端-uni-app
uni-app
编程猪猪侠18 小时前
基于Uni-app+vue3实现微信小程序地图固定中心点范围内拖拽选择位置功能(分步骤详解)
uni-app
小徐_233321 小时前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
前端·uni-app·trae
斯~内克21 小时前
UniApp 页面传参方式详解
网络协议·udp·uni-app
一匹电信狗21 小时前
【C++】异常详解(万字解读)
服务器·c++·算法·leetcode·小程序·stl·visual studio
大聪明了1 天前
uniapp vue3 使用 pinia
javascript·vue.js·uni-app
说私域1 天前
基于开源AI智能客服、AI智能名片与S2B2C商城小程序的微商服务优化及复购转介绍提升策略研究
人工智能·小程序