微(wēi)信小(xiǎo)程序內(nèi)嵌網頁web-view開(kāi)發教程

發表時(shí)間(jiān)：2022-9-6

發布人(rén)：葵宇科(kē)技(jì)

浏覽次數(shù)：103

為(wèi)了(le)便于開(kāi)發者靈活配置小(xiǎo)程序，微(wēi‍≥')信小(xiǎo)程序開(kāi)放(fàng)了(l₽™e)內(nèi)嵌網頁能(néng)力。這(zhè)意味著(zhe)小(xiǎo) <程序的(de)內(nèi)容不(bù)再局限于page'₹♦s和(hé)large，我們可(kě)以借助內(nèi)嵌α↕©網頁豐富小(xiǎo)程序的(de)內(nèi)容。下(xià)面附上(s<®hàng)詳細的(de)開(kāi)發教程（含視(>&'shì)頻(pín)操作(zuò)以及注意事(shì)項）
一(yī)、小(xiǎo)程序內(nèi)嵌網頁web-view教程

1) 微(wēi)信公衆平台，登錄小(xiǎo)程序賬号

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

3) 小(xiǎo)程序管理(lǐ)員(yuán)微(wēi)信掃碼

4) 填寫小(xiǎo)程序業(yè)務域名，域名需ICP備案

5) 下(xià)載校(xiào)檢文(wén)件(jiàn)上(s±↑©¥hàng)傳至服務器(qì)指定目錄，保存

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

7) 打開(kāi)微(wēi)信開(kāi)發者工(gō¶&☆∏ng)具，添加小(xiǎo)程序項目

8) 進入小(xiǎo)程序調試，點擊底部導航-外(wài)鏈頁page1000✔•>δ1,右側找到(dào)page10001.wxml， ↔删除原有(yǒu)代碼，插入<web-view src=http://w¶©ww.wxapp-union.com/“ 業(yè)務域名/網頁.£÷html ”>

備注：此處外(wài)鏈頁為(wèi)空(kōng)白(bái)頁，便于借助wσ"←γebview組件(jiàn)插入網頁內(nèi)容作(zuò)對(duì)比

9）ctrl+s保存查看(kàn)小(xiǎo)程序內(nèi)嵌網頁得(de)內(nèi€>×®)容

備注：此處開(kāi)發者需更新到(dào)教程庫版本1.6.4

二、小(xiǎo)程序web-view注意事(shì)項

1）業(yè)務域名需ICP備案，新域名備案24小(xiǎo)時(shí)後即可(kě)配置≥✘<，域名不(bù)支持IP地(dì)址及端口号
2）下(xià)載校(xiào)檢文(wén)件(jiàn)，上(shàng)傳至服♥≈務器(qì)指定根目錄
3）開(kāi)發者工(gōng)具最新版-基礎庫版本1.6.4

三、附上(shàng)本次小(xiǎo)程序web-view內(nèi)∏λ≥β嵌網頁視(shì)頻(pín)教程

webview視(shì)頻(pín)演示： httφ×₽ps://www.zhihu.com/question/67564075/answer/25877✔¶3999