返回

打开微信小程序的新方式:支持外网打开啦!

前端

微信小程序外网打开的新方式

微信小程序自推出以来,就以其便捷性、实用性深受用户喜爱。但一直以来,小程序只能在微信内打开,这限制了其进一步的发展。

终于,在千呼万唤中,微信小程序终于支持以URL Scheme的形式从外部唤起了。这意味着,用户可以通过外部网站或应用直接打开小程序,无需再进入微信。

这无疑是跨境电商、出海企业的福音。小程序外网打开,可以让这些企业在自己的网站或应用中嵌入小程序,为用户提供更便捷、无缝的服务。

如何实现微信小程序外网打开

实现微信小程序外网打开并不复杂,只需按照以下步骤操作即可:

  1. 在微信小程序管理后台,点击“设置”->“开发设置”,找到“业务域名”一项,添加需要外网打开的小程序的域名。
  2. 在需要外网打开的小程序的代码中,添加以下代码:
<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>
  1. 在需要外网打开的小程序的页面中,添加以下代码:
<a href="wx://path/to/小程序页面" class="wx-open-launch-weapp">打开小程序</a>

其中,"wx://path/to/小程序页面"为小程序页面路径,"wx-open-launch-weapp"为打开小程序的样式。

完成以上步骤后,即可实现微信小程序外网打开。

注意事项

  1. 微信小程序外网打开仅支持HTTPS协议,不支持HTTP协议。
  1. 微信小程序外网打开需要用户授权,如果用户拒绝授权,则无法打开小程序。
  2. 微信小程序外网打开后,小程序页面会以Webview的形式展示,因此需要确保小程序页面在Webview中能够正常显示。

结语

微信小程序外网打开的实现,无疑为小程序的发展开辟了新的天地。相信在不久的将来,小程序将成为跨境电商、出海企业不可或缺的营销工具。