首页wx-open-launch-weapp html代码示例

wx-open-launch-weapp html代码示例

时间: 2023-09-03 22:08:50 浏览: 203

HTML5跳转小程序wx-open-launch-weapp的示例代码

4星 · 用户满意度95%

注意事项微信开放标签有最低的微信版本要求，以及最低的系统版本要求。微信版本要求为：7.0.12及以上。系统版本要求为：iOS 10.3及以上、Android 5.0及以上。绑定域名微信安全域名只能修改绑定3次/每月登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。引入JS文件在需要调用JS接口的页面引入如下JS文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweix

以下是一个简单的 HTML 代码示例，可以用于启动微信小程序： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>启动微信小程序</title> </head> <body> <button onclick="launchWeapp()">启动微信小程序</button> <script> function launchWeapp() { WeixinJSBridge.invoke('launchMiniProgram', { 'type': 'app', 'appId': '你的小程序AppID', 'path': 'pages/index/index' }, function(res) { console.log(res); }); } </script> </body> </html> ``` 在实际使用时，需要将 `appId` 替换成你的小程序的 AppID，`path` 替换成你要启动的小程序页面路径。同时，还需要确保在微信客户端中打开该 HTML 页面才能正常启动微信小程序。

阅读全文