微信小程序内嵌網頁web-view開發教程
發表時(shí)間：2022-9-6
發布人(rén)：融晨科技
浏覽次數：94
爲(wéi / wèi)了(le／liǎo)便于(yú)開發者靈活配置小程序，微信小程序開放了(le／liǎo)内嵌網頁能力。這(zhè)意味着小程序的(de)内容不(bù)再局限于(yú)pages和(hé / huò)large，我們可以(yǐ)借助内嵌網頁豐富小程序的(de)内容。下面附上(shàng)詳細的(de)開發教程（含 視頻操作以(yǐ)及注意事項）
一、小程序内嵌網頁web-view教程
1) 微信公衆平台，登錄小程序賬号
2) 左側-設置-開發設置-業務域名-配置
3) 小程序管理員微信掃碼
4) 填寫小程序業務域名，域名需ICP備案
5) 下載校檢文件上(shàng)傳至服務器指定目錄，保存
6) 小程序業務域名配置完成
7) 打開微信開發者工具，添加小程序項目
8) 進入小程序調試，點擊底部導航-外鏈頁page10001,右側找到(dào)page10001.wxml，删除原有代碼，插入<web-view src=http://www.wxapp-union.com/“ 業務域名/網頁.html ”>
備注： 此處外鏈頁爲(wéi / wèi)空白頁，便于(yú)借助webview組件插入網頁内容作對比
9）ctrl+s保存查看小程序内嵌網頁得内容
備注：此處開發者需更新到(dào)教程庫版本1.6.4
二、小程序web-view注意事項
1）業務域名需ICP備案，新域名備案24小時(shí)後即可配置，域名不(bù)支持IP地(dì / de)址及端口号
2）下載校檢文件，上(shàng)傳至服務器指定根目錄
3）開發者工具最新版-基礎庫版本1.6.4
三、附上(shàng)本次小程序web-view内嵌網頁視頻教程
webview視頻演示： https://www.zhihu.com/question/67564075/answer/258773999
