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)}`

}

相关推荐
CHU7290351 天前
生鲜团购商城小程序:新鲜触手可及的便捷购物新体验
小程序
医疗信息化王工2 天前
钉钉小程序开发实战:手术查询小程序
小程序·钉钉·手术查询
Fate_I_C2 天前
uniappx 鸿蒙运行包制作失败
华为·uni-app·uniapp·harmonyos
软件开发技术2 天前
新版点微同城主题源码34.7+全套插件+小程序前后端 源文件
小程序·php
chQHk57BN2 天前
跨平台前端开发:用Flutter和UniApp一次编写多端运行
flutter·uni-app
mon_star°2 天前
消防安全培训小程序项目亮点与功能清单
小程序
自然 醒2 天前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
编程迪2 天前
基于Java和Vue开发的在线问诊系统医疗咨询小程序APP
小程序
CHB2 天前
uni-agent,你的数字员工来了
人工智能·uni-app·vibecoding
CHU7290352 天前
知识触手可及:在线教学课堂APP的沉浸式学习体验
前端·学习·小程序