基于公司業(yè)務(wù)需求，在做Android開發(fā)的同時，還得同步進行另一個項目的微信小程序開發(fā)，沒辦法，公司調(diào)整，節(jié)約成本，研發(fā)也減少了不少人，只得邊學(xué)邊開發(fā)...

不過微信11月發(fā)布了小程序支持web-view的消息，讓本次開發(fā)減了不少的工作量，主要是藍牙設(shè)備的數(shù)據(jù)采集及上傳 + web-view

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

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

1. 個人開發(fā)者無法使用
2. 需要配置域名，且域名需ICP備案24小時以上，不支持ip及端口
3. 需使用https
4. 每個小程序賬號僅支持配置20個域名，每個域名最多綁定20個小程序，每個小程序一年內(nèi)最多支持修改域名50次

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

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

很簡單，一行代碼搞定，小程序中的web-view會自動占據(jù)整個頁面，所以無法在web-view上再覆蓋view

三、web-view交互

1. 用戶可以通過<web-view src="http://itlao5.com/wp/archives/136"></web-view>傳參給web-view中的html
2. 網(wǎng)頁可以使用wx.miniProgram.navigateTo、wx.miniProgram.navigateBack等接口控制小程序的跳轉(zhuǎn)，并傳值
3. 網(wǎng)頁可以調(diào)用JSSDK指定的js方法
4. 用戶分享時可獲取當(dāng)前web-view的url，即在onShareAppMessage回調(diào)中返回webViewUrl參數(shù)。 示例代碼：

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

四、使用注意

1. ios若jssdk接口調(diào)用無響應(yīng)，可在<web-view />的src后加上#wechat_redirect試試
2. web-view空白問題，請升級微信客戶端到 6.5.16
3. web-view不支持支付

個人博客: IT老五
微信公眾號：【IT老五（it-lao5）】，一起源創(chuàng)，一起學(xué)習(xí)！

ps: 初學(xué)小程序，了解還不深，只能寫寫這些淺顯的東西，可能有所遺漏或錯誤，希望能指出，后續(xù)有更多深入，會進行一些補充