微信js-sdk实现H5跳转小程序<一>

在做到这块的时候真的踩了很多的坑，下面就讲讲一一的步骤，讲讲需要注意的地方
我是用原生html去实现的，没有用vue框架
下面是相关参看网址：

• 微信JS-SDK说明文档（http://caibaojian.com/wxwiki/0030551f015f01ecaa56d20b88ee3c6cb32503bf.html#.E6.AD.A5.E9.AA.A4.E4.B8.80.EF.BC.9A.E7.BB.91.E5.AE.9A.E5.9F.9F.E5.90.8D）
• 微信公众平台官方跳转步骤文档（https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21）
• 辅助参看文档（https://developers.weixin.qq.com/community/develop/article/doc/0002ac222dcbf8b5e24bbbe445ac13）

一、 绑定域名

使用js-jdk需要去绑定域名，就是在公众号后台去绑定你的h5域名（或者将你的代码部署到某个服务器域名下），这也是很重要的，当时我都不知道，很懵逼，并且你的公众号是需要认证的，如果没有绑定的话，本地代码测是没有作用的

二、引入JS文件 （注意必须是1.6.0版本以上）

这也是踩坑的一步，因为我绑定的域名是https协议的，而官方当时给的地址是http协议的，当时引入后就会报下面的错误，这个时候可以直接改成https（当然，如果是用vue狂下，也没有这个步骤，直接安装weixin-js-sdk插件就行）

后面附上官方地址和截图

• http://res.wx.qq.com/open/js/jweixin-1.6.0.js
• https://res.wx.qq.com/open/js/jweixin-1.6.0.js

三、做好上面两个步骤后，就可以敲代码了

直接贴上全部代码

这里讲几个注意的点

1. 通过wx.config接口注入后才能获取到开放标签，这也是当时我一直纳闷为啥不显示标签的原因

2. wx.config 配置查看官方文档就行

3. 遇到过一个签名失效的情况，这个原因呢就是获取后台签名信息的时候，请求接口的地址url参数传错了，这个就是涉及到签名算法的问题了

4. 其他参数

• username 跳转的小程序的原始id
• path 跳转的小程序的路径，可以携带参数
• wx.config中的appid，这里我取的是后台返回的微信公众号的appid

以上是暂时踩过的坑，虽然代码不多，但是需要理解的地方还是蛮多的，后面应该还会涉及到其他东西，会持续更新...