微信小程序打开外部链接

Posted 2020-11-14 专业打杂

微信开放功能中的组件：web-view   ，官方api如下:https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

该组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面.个人类型与海外类型的小程序暂不支持使用

使用该组件步骤如下：

1.去小程序公众平台配置业务域名

配置业务域名需先下载校验文件，然后放在余姚配置域名的根目录下面,配置好后该文件能通过域名+文件名直接访问，该操作的目的好像是腾讯需要验证改域名的操作权限，如验证不通过在配置业务域名时将提示错误、无法保存。(本人在操作过程中是通过nginx之间配置校验文件映射实现)

此处配置直接配置需要使用的一级域名就可以了，这样所属的二级域名均可通过该配置使用。

2.小程序页面直接使用

<web-view src="http://xxxx"></web-view>

 

遇到的问题：

在做完以上操作后，去开发工具中操作还是提示错误，后面安装配置时提示的排查方式试过没问题，且开发工具缓存等均已清除测试，还是没达到效果。后面过了一两个小时就可以用了。(具体原因不知)

 

总结：

1.不是所有网站都可以进行配置后范围，只有能通过校验的网站才可以(验证有操作权限的网站)

2.web-view 对页面的兼容性还行。但是最好多加调试。

3.对个人和海外类型小程序不支持。

 

截止2018/6/9本文以上内容均验证有效，后续腾讯可能会放宽部分功能，实际情况以官方为主。