微信小程序-web-view-开发日记，看这一篇就够了！，38岁的中年失业者怎么活下去

微信小程序的 web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。 这对于基于 H5 开发的站点，直接迁移到小程序带来了很大的便利。当然这其中也有一些需要注意的坑。

一 账号权限

如果要在小程序中使用 web-view 组件，则需要开发者账号不仅是该小程序的开发者而且还有网页开发权限，这需要在该小程序关联的公众号里面绑定开发者账号为开发者。不然在开发工具里面会弹窗提示没有网页开发权限。提示如下：

二 业务域名

we-bview 组件的 src 属性指向网页的链接。可打开关联的公众号的文章，其它网页则需登录小程序管理后台（设置 -> 开发设置）中配置业务域名，如下图：

配置业务域名的时候会提示你上传验证文件到该域名下进行验证。如果你压根就没有权限去上传验证文件，那不好意思，你用了不该业务域名，页面直接提示报错，无法正常访问。

三 登录态

小程序登录态与 web-view 组件登录态属于两套隔离的系统。所以得想办法让小程序中的登录态传入到 web-view 组件的 H5 页面中。目前最简单也是最常用的方案是把 cookie作为 url 参数传入，然后再在 H5 中获取并设置 cookie，为了提高点难度，可以加个加解密。

如果不嫌麻烦，可以搭建一个中间服务，传入 tickets，中间服务通过 ticket