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

}

相关推荐
十五春会13 小时前
【uniapp】App平台展示pdf文件
pdf·uni-app
请叫我欧皇i14 小时前
保姆级教程vscode创建uniapp vue3+ts+pinia项目并实现自动导入、打包功能
ide·vscode·uni-app
海鸥两三14 小时前
Uni-App(Vue3 + TypeScript)项目结构详解 ------ 以 Lighting-UniApp 为例,提供源代码
vue.js·typescript·uni-app·1024程序员节
知识分享小能手14 小时前
uni-app 入门学习教程,从入门到精通,uni-app 企业项目实战:鲁嗑瓜子项目开发知识点(9)
前端·javascript·学习·微信小程序·小程序·uni-app·vue
知识分享小能手14 小时前
uni-app 入门学习教程,从入门到精通,uni-app中uCharts组件学习((8)
vue.js·学习·ui·微信小程序·小程序·uni-app·echarts
社会底层无业大学生17 小时前
uniapp微信小程序简单表格展示
微信小程序·小程序·uni-app·vue·1024程序员节
從南走到北17 小时前
JAVA无人自助共享系统台球室源码自助开台约球交友系统源码小程序
java·微信·微信小程序·小程序·1024程序员节
2501_9159184120 小时前
iOS 26 查看电池容量与健康状态 多工具组合的工程实践
android·ios·小程序·https·uni-app·iphone·webview
2501_915909061 天前
iOS 架构设计全解析 从MVC到MVVM与使用 开心上架 跨平台发布 免Mac
android·ios·小程序·https·uni-app·iphone·webview
2501_916008891 天前
Web 前端开发常用工具推荐与团队实践分享
android·前端·ios·小程序·uni-app·iphone·webview