微信公众号H5页面（vue）跳转至微信小程序页面方案总结

微信公众号H5跳转微信小程序方案总结

1.需求背景

• 最近由于发挥小程序的性能与用户体验优势，决定将微信公众号的部分功能跳转至小程序相关模块。

解决方案

• 注意开放对象如下：

• • 已认证的服务号，服务号绑定“JS接口安全域名”下的网页可跳转任意合法合规的小程序。
  • 已认证的非个人主体的小程序，使用小程序云开发的静态网站托管绑定的域名下的网页，可以跳转任意合法合规的小程序。

• 注意系统版本要求：

• • 微信版本要求为：7.0.12及以上。
  • 系统版本要求为：iOS 10.3及以上、Android 5.0及以上。

• 第一步：登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

• 第二步：引入微信SDK文件（注：最低版本1.6.0）。

• 第三步：代码如下（如果要携带参数，拼接即可）。

• /*
  注意：
  1.所有开放标签都能像普通的HTML标签一样在页面中直接使用，不需要再进行额外的处理。
  2.页面中与布局和定位相关的样式，如position: fixed; top -100;等，尽量不要写在插槽模版的节点中&