返回
打开微信小程序的新方式:支持外网打开啦!
前端
2024-01-02 18:39:35
微信小程序外网打开的新方式
微信小程序自推出以来,就以其便捷性、实用性深受用户喜爱。但一直以来,小程序只能在微信内打开,这限制了其进一步的发展。
终于,在千呼万唤中,微信小程序终于支持以URL Scheme的形式从外部唤起了。这意味着,用户可以通过外部网站或应用直接打开小程序,无需再进入微信。
这无疑是跨境电商、出海企业的福音。小程序外网打开,可以让这些企业在自己的网站或应用中嵌入小程序,为用户提供更便捷、无缝的服务。
如何实现微信小程序外网打开
实现微信小程序外网打开并不复杂,只需按照以下步骤操作即可:
- 在微信小程序管理后台,点击“设置”->“开发设置”,找到“业务域名”一项,添加需要外网打开的小程序的域名。
- 在需要外网打开的小程序的代码中,添加以下代码:
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '你的小程序appId', // 必填,公众号的appId
timestamp: '你的时间戳', // 必填,生成签名的时间戳
nonceStr: '你的随机串', // 必填,生成签名的随机串
signature: '你的签名', // 必填,签名
jsApiList: [] // 必填,需要使用的JS接口列表
});
</script>
- 在需要外网打开的小程序的页面中,添加以下代码:
<a href="wx://path/to/小程序页面" class="wx-open-launch-weapp">打开小程序</a>
其中,"wx://path/to/小程序页面"为小程序页面路径,"wx-open-launch-weapp"为打开小程序的样式。
完成以上步骤后,即可实现微信小程序外网打开。
注意事项
- 微信小程序外网打开仅支持HTTPS协议,不支持HTTP协议。
- 微信小程序外网打开需要用户授权,如果用户拒绝授权,则无法打开小程序。
- 微信小程序外网打开后,小程序页面会以Webview的形式展示,因此需要确保小程序页面在Webview中能够正常显示。
结语
微信小程序外网打开的实现,无疑为小程序的发展开辟了新的天地。相信在不久的将来,小程序将成为跨境电商、出海企业不可或缺的营销工具。