微信网页换起小程序 第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或浏览器中打开小程序还需要打开云函数和云资源权限