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 = resi;

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

}

相关推荐
天丁o2 小时前
Spring Boot + uni-app 智慧考勤闭环 Demo:打卡记录、异常状态和日统计如何复用到企业系统
spring boot·uni-app·mybatis plus·企业管理系统·考勤系统
这是个栗子3 小时前
uni-app 微信小程序开发:常用事件指令(@xxx)(一)
微信小程序·小程序·uni-app
2601_9623446218 小时前
计算机毕业设计之基于大数据的投保数据的分析系统的设计与实现
大数据·人工智能·深度学习·机器学习·信息可视化·小程序·课程设计
黑黑的独立开发笔记21 小时前
「 简记往来」第十五篇:小程序性能优化——首屏从2.5秒到1.2秒
性能优化·小程序·首屏优化·分包加载·setdata·简记往来
小徐_23334 天前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
宸翰5 天前
解决 uni-app App 端 vue-i18n 占位符丢失:封装跨端可用的 tf 格式化方法
前端·vue.js·uni-app
时光足迹6 天前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹6 天前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app
时光足迹6 天前
uni-app 里把加密视频嵌入页面播放?我分析了 4 种方案,只有 1 种接近完美
前端·vue.js·uni-app
时光足迹6 天前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app