微信开放功能中的组件: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本文以上内容均验证有效,后续腾讯可能会放宽部分功能,实际情况以官方为主。