小程序模板網(wǎng)

微信小程序內(nèi)嵌網(wǎng)頁web-view開發(fā)教程

發(fā)布時間:2018-04-25 10:37 所屬欄目:小程序開發(fā)教程

為了便于開發(fā)者靈活配置小程序,微信小程序開放了內(nèi)嵌網(wǎng)頁能力。這意味著小程序的內(nèi)容不再局限于pages和large,我們可以借助內(nèi)嵌網(wǎng)頁豐富小程序的內(nèi)容。下面附上詳細的開發(fā)教程(含 視頻操作以及注意事項) 
一、小程序內(nèi)嵌網(wǎng)頁web-view教程

1) 微信公眾平臺,登錄小程序賬號

 

2) 左側(cè)-設置-開發(fā)設置-業(yè)務域名-配置

3) 小程序管理員微信掃碼

4) 填寫小程序業(yè)務域名,域名需ICP備案

5) 下載校檢文件上傳至服務器指定目錄,保存

6) 小程序業(yè)務域名配置完成

7) 打開微信開發(fā)者工具,添加小程序項目

8) 進入小程序調(diào)試,點擊底部導航-外鏈頁page10001,右側(cè)找到page10001.wxml,刪除原有代碼,插入<web-view src=“ 業(yè)務域名/網(wǎng)頁.html ”></web-view>

備注: 此處外鏈頁為空白頁,便于借助webview組件插入網(wǎng)頁內(nèi)容作對比

9)ctrl+s保存查看小程序內(nèi)嵌網(wǎng)頁得內(nèi)容

備注:此處開發(fā)者需更新到教程庫版本1.6.4


二、小程序web-view注意事項

1)業(yè)務域名需ICP備案,新域名備案24小時后即可配置,域名不支持IP地址及端口號 
2)下載校檢文件,上傳至服務器指定根目錄 
3)開發(fā)者工具最新版-基礎庫版本1.6.4 



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/24033.html 復制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢