微信网页换起小程序 第1篇
官方网站写的是比较好的，但是还不够详细和许多坑点，下面是实例代码：
正在打开 “小程序示例”...
请在手机打开网页链接
纯es5写的代码模块，可以改造成任意架构代码。下面讲一下怎么改成自己的项目里面以及坑点：
1、调试工具可以去掉：
2、Appid替换：怎么找到我们需要的id呢？替换位置都在哪呢？
1）登录微信公共平台
3）替换位置
4)修改逻辑
这里把判断固定写死false，就是想让网页一直走最后else的逻辑，以后想用开放性标签，就把这里还原即可。代码块放下面了。
5）跳转函数改造
3、云函数的构建：
1）我这是构建好的：上文替换栏里面最后一张图说的云函数ID就是图中红色勾选框
按照图文一步一步走就行了，我这里就不写那么多了。
微信网页换起小程序 第2篇
使用开性标签，把上面修改逻辑的代码还原。
然后就是几个问题：
一、域名的坑：
1、开发使用者必须是已认证的服-务-号（服务号可以置顶，订阅号不能），服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。
2、开发使用者必须是已认证的非个人主体的小程序，使用小程序云开发的静态网站托管绑定的域名下的网页，可以使用此标签跳转任意合法合规的小程序。
3、必须部署到正式服务器，测试公众号不显示图标。
4、必须是在已认证的服务号中做JS接口安全域名验证，“JS接口安全域名”和“IP白名单”都要，IP是指获取微信签名的服务器的IP。
注意：1、2两个条件必须满足其中一个；3、4两个条件必须满足，否则标签中的按钮不会显示（微信文档不讲武德，写的不清楚，稍微不注意就会掉坑）。
官方文档入口：_Web_Apps/
还有几点：
1、微信开发者工具，“verifyOpenTagList”:[]，是显示不了图标的。微信开发工具和真机测试结果可能不一样，一定要用真机测试。安卓和ios测试结果也可能不同，都要测试。
2、小程序的web-view不支持wx-open-launch-weapp。
3、jsApiList:[‘chooseImage’, ‘previewImage’]（必须有，不然安卓不显示）
4、微信版本要求为：及以上。 系统版本要求为：iOS 及以上、Android 及以上
二：config配置坑：签名一定要找服务端要，生成规则让服务端自己看。
ps：小程序测试的时候使用线上首页测试最佳~
微信网页换起小程序 第3篇
在文件中添加云函数路径_cloudfunctionRoot_: _functions/_
在云开发管理后台可查看云函数情况
4. 修改静态网页用记事本或者其他工具打开刚解压的h5文件夹中的文件，搜索
替换小程序AppId和云开发环境ID，保存
在微信外，其他APP或浏览器中打开小程序还需要打开云函数和云资源权限