小程序跳转:云开发之h5跳小程序

背景:

抖音通过链接跳转微信小程序。考虑使用h5页面中转实现,下面是实现步骤。

官方的文档上面写的还是比较详细的,可以仔细阅读,按照步骤去操作。

实践总结:

测试必须使用真机测试,模拟器之类的全部不行,只能是辅助开发。

h5页面放在云开发中的静态网站上,此种方式仅仅会导致在PC端通过链接打开,会停留在h5页面。配置的wx-open-launch-weapp开放标签按钮,需要主动点击才会打开目标小程序,避免了无感知和某些政策审核问题。

小程序跳转:云开发之h5跳小程序_第1张图片

经过测试,发现中转的h5页面也可以放在自己公司的静态服务器上面,但带来的问题是在手机端微信内通过链接打开h5页,wx-open-launch-weapp开放标签按钮不显示,没有办法去到小程序。后面想到改用a标签,此种方式可以实现跳转,但是在一些机器上面(特别是安卓),会直接跳转到微信并打开目标小程序。如果是在PC端通过链接打开,会在h5页面自动跳转到空白页(blocked)

问题:

wx-open-launch-weapp开放标签按钮不显示,下面是一些参考文章。

微信官方开放标签使用文档地址 目录 | 微信开放文档。

小程序跳转:h5避免中间页直接打开微信小程序_url link 跳转怎么去除中间页-CSDN博客

小程序跳转:云开发之h5跳小程序_新建一个云函数,名为 public,然后将其 index.js 设为以下内容:-CSDN博客

vue中使用wx-open-launch-weapp开放标签按钮不显示问题 | 微信开放社区

你可能感兴趣的:(小程序,uni-app,微信,小程序)