VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

谈谈h5页面跳转到小程序的几种实现方案(有常见坑)(如何从H5页面跳转到小程序)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

如何从h5页面跳转到小程序?以下文章介绍了h5页面跳转到小程序的几种实现方案,并分享了入坑记录和注意事项,希望对大家有所帮助!

谈谈h5页面跳转到小程序的几种实现方案(有常见坑)(如何从H5页面跳转到小程序)

最近,我负责了一个与H5页面跳转小程序场景相关的需求。具体应用场景是:

一起来看看H5跳转小程序目前的实现方案吧~

目前,H5跳转小程序有多种实现方案,您可以根据自己的实际场景进行选择。上面提到的第二种情况更适合。让我们一个一个来看。【相关学习推荐:小程序开发教程】

第一种:URL Scheme小程序的URL Scheme如果是借助云端开发的,无需认证即可获取,直接调用即可获取。我不需要在这里赘述。感兴趣的童鞋请查看文档~

那么如何获取小程序的URL方案呢?您可以通过服务器界面或小程序管理后台中的“工具”-“生成URL方案”入口获取打开小程序任意页面的URL方案。

以下示例通过:小程序管理后台-工具-生成URL方案展示页面。

1.png

填写具体的路径和参数,点击“生成”保存生成的URL方案,并直接放入按钮的click事件中,如:

openWeapp(){ location . href = & # 39;weixin://dl/business/?t = xxxxxx & # 39}其他详情请参考微信官方文档。

第二种:直接用微信的短URL链接打开链接后,会出现微信默认的H5中转页面(也可以自定义H5中转页面)。当前版本已经支持默认的自动跳转小程序,不需要用户确认,这非常好。

关于如何获取URL链接的详细信息,请参考官方微信文档。

在登录微信调优生成URL链接的界面中,参数路径只识别官方版本。虽然有一个环境变量env_version,但它没有用(也就是说,设置的路径必须已经存在于正式版本中,否则将被报告为无效的weapp pagepath)。

生成的网址链接,即类似https://wxaurl.cn/pFawq35qbfd,的短链接,只有在微信环境中打开时才会跳转到官方版本。即使您的env_version设置为体验版或开发版,您也需要在外部浏览器中打开它以跳转到指定的版本。请参考。

在部分OPPO浏览器中打开(如下图),提示“请打开手机上的网页链接”,兼容性有待提高...

2.png

第三种:在自定义H5页面中嵌入微信标签需要js-sdk-1.6.0或更高版本才能支持(https://res.wx.qq.com/open/js/jweixin-1.6.0.js)在wx.config中添加一个open taglist({ debug:true,//打开调试模式,所有调用的API的返回值都会显示在客户端警告中。如果您想查看输入的参数,您可以在pc端打开它们,参数信息将通过日志打印出来。只有在pc端才会打印AppID:& # 39;',//必选,微信官方账号的唯一标识符时间戳:://必选,生成的签名时间戳non castr:& # 39;',//必需,用于生成签名的随机字符串签名:& # 39;',//必选,带符号的jsApiList:【】,//必选,要使用的JS接口列表open taglist:【】//可选,要使用的开放标记列表,如【& # 39;wx-open -launch -app & # 39;]});OpenTagList当前支持配置:

Wx-open-launch-weapp -指H5跳转小程序wx-open-launch-app -指H5跳转app wx-open -订阅-服务号订阅通知按钮wx-open -音频-音频播放HTML标签示例...详情请以官方微信文档为准。

注意,使用该功能必须是非个人主体认证的小程序。您只能跳过已发布的【正式版】小程序,而不能跳过【体验版】或【开发版】。路径属性,官方文档一般是pages/home/index?User=123&action=abc就是一个例子,但实际使用时可能会报告页面不存在,需要添加一个。声明的页面路径后的html后缀,例如pages/home/index.html,这是有毒的。最后,关于H5跳转小程序的场景已经足够了。希望能帮到你。也可以留言和其他坑爹的交流一下~

更多编程相关知识请访问:编程视频!!

以上是关于H5页面跳转到小程序的几种实现方案(有常见坑)的细节。请多多关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:谈谈h5页面跳转到小程序的几种实现方案(有常见坑)(如何从H5页面跳转到小程序) https://zhujicankao.com/104896.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 谈谈h5页面跳转到小程序的几种实现方案(有常见坑)(如何从H5页面跳转到小程序)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!