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

}

相关推荐
Mr_li14 小时前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup16 小时前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Mintopia2 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia2 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
不爱说话郭德纲2 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
HashTang4 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
JunjunZ4 天前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
郑州光合科技余经理4 天前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php
TT_Close5 天前
“啪啪啪”三下键盘,极速拉起你的 uni-app 项目!
vue.js·uni-app·前端工程化
特立独行的猫a5 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS影视票房榜组件完整实现过程
华为·uni-app·harmonyos·轮播图·uniapp-x