如何H5中打开小程序,支持传参

最近要有个项目交付过程中,需要支持从网页跳转微信小程序,于是去微信官方搜了两圈,

第一圈,看到一个官方回复

然后心凉了,妈的官方说不支持。

但是我见过小程序跳转啊,觉得肯定有办法解决此问题,于是在官网文档跑了第二圈

获取 URL Link | 微信开放文档

官方解释如下

通过服务端接口可以获取打开小程序任意页面的 URL Link。适用于从短信、邮件、网页、微信内等场景打开小程序。 通过 URL Link 打开小程序的场景值为 1194。

于是,让开发人员,服务端对接了生成link的接口,前端动态从后端获取link,用于跳转。t跳转代码如下

 //打开小程序
        openHxMini(item){
           this.$http.post("/xxx/getWxMiniData",{query:`xxx=${item.xxx}`,path:"pages/index/index"}).then(res=>{
               if(res.status == 200){
                   const a = document.createElement('a')
                   a.href = res.data.data.wxMiniLink
                   a.click()
                   setTimeout(()=>{
                       a.remove();
                   },500)

               }
           })
        },

最后成功跳转了。

完事,睡觉。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值