微信小程序web-view

基于公司业务需求，在做Android开发的同时，还得同步进行另一个项目的微信小程序开发，没办法，公司调整，节约成本，研发也减少了不少人，只得边学边开发...

不过微信11月发布了小程序支持web-view的消息，让本次开发减了不少的工作量，主要是蓝牙设备的数据采集及上传 + web-view

于是，就去了解了一下web-view

一、首先，web-view有以下限制：

1. 个人开发者无法使用
2. 需要配置域名，且域名需ICP备案24小时以上，不支持ip及端口
3. 需使用https
4. 每个小程序账号仅支持配置20个域名，每个域名最多绑定20个小程序，每个小程序一年内最多支持修改域名50次

二、然后看看web-view如何加载html

<web-view src="https://www.itlao5.com"></web-view>

很简单，一行代码搞定，小程序中的web-view会自动占据整个页面，所以无法在web-view上再覆盖view

三、web-view交互

1. 用户可以通过<web-view src="http://itlao5.com/wp/archives/136"></web-view>传参给web-view中的html
2. 网页可以使用wx.miniProgram.navigateTo、wx.miniProgram.navigateBack等接口控制小程序的跳转，并传值
3. 网页可以调用JSSDK指定的js方法
4. 用户分享时可获取当前web-view的url，即在onShareAppMessage回调中返回webViewUrl参数。 示例代码：

Page({
  onShareAppMessage(options) {
    console.log(options.webViewUrl)
  }
})

四、使用注意

1. ios若jssdk接口调用无响应，可在<web-view />的src后加上#wechat_redirect试试
2. web-view空白问题，请升级微信客户端到 6.5.16
3. web-view不支持支付

原文：简书ThinkinLiu 博客: IT老五
ps: 初学小程序，了解还不深，只能写写这些浅显的东西，可能有所遗漏或错误，希望能指出，后续有更多深入，会进行一些补充