? ? ? ? ?開發(fā)微信小程序時，有時會需要在小程序內(nèi)打開網(wǎng)頁鏈接，這時就需要用到 web-view 標簽。web-view 是小程序上用來承載網(wǎng)頁的容器，且每個頁面只能有一個 web-view，它會自動鋪滿整個頁面，并覆蓋其他組件。目前個人類型的小程序上不支持使用。

????????在小程序上打開的網(wǎng)頁鏈接地址大致可以分為兩種類型：

• 外部網(wǎng)頁鏈接，如百度、知乎等網(wǎng)頁地址
• 微信公眾號文章鏈接

一、外部網(wǎng)頁鏈接

? ? ? ? web-view 跳轉(zhuǎn)外部網(wǎng)頁鏈接需要配置業(yè)務(wù)域名，外部網(wǎng)頁內(nèi) iframe 的域名也需要配置。配置小程序業(yè)務(wù)域名的方法可以參考業(yè)務(wù)域名 | 微信開放文檔，配置好業(yè)務(wù)域名后，可以打開任意合法的子域名。大致配置流程如下：

1、掃碼登錄微信公眾平臺；

?2、開發(fā)管理?—— 開發(fā)設(shè)置 —— 業(yè)務(wù)域名? 進行添加、修改；

?

?

?3、配置完業(yè)務(wù)域名后，還需要下載校驗文件（步驟2中第四張圖的紅色框部分），并將校驗文件放置在域名根目錄下（讓后端去操作）。這一步相當于是讓對方授權(quán)你能打開他的網(wǎng)頁，比如要在你的小程序中打開百度，就需要百度去把這個校驗文件放到他的域名根目錄下得到他的授權(quán)；

4、設(shè)置業(yè)務(wù)域名時，報檢查校驗怎見石板，可以參考業(yè)務(wù)域名設(shè)置--校驗文件檢查失敗自查指引 | 微信開放社區(qū)進行自查。

?二、微信公眾號文章鏈接

? ? ? ? web-view 可以直接打開小程序已關(guān)聯(lián)的公眾號文章，無法打開未關(guān)聯(lián)公眾號的文章鏈接。在公眾號上申請關(guān)聯(lián)小程序，具體操作詳見公眾號關(guān)聯(lián)小程序綁定流程 | 微信開放社區(qū)。

? ? ? ? 公眾號上關(guān)聯(lián)小程序成功后，可以在小程序后臺查看已關(guān)聯(lián)的公眾號：

1、掃碼登錄微信公眾平臺（同上）；

2、在左側(cè)最底下的? 設(shè)置 —— 關(guān)聯(lián)設(shè)置 ——關(guān)聯(lián)公眾號? 查看。

三、鏈接打不開問題

? ? ? ? 使用 web-view 時，有時會出現(xiàn)無法打開鏈接的情況：

? ? ? ? 這里總結(jié)之前碰到過的情況及大致的解決方法：

1、打不開某個外部網(wǎng)頁鏈接：

• 檢查是否配置了小程序的業(yè)務(wù)域名，注意外部網(wǎng)頁內(nèi)再次?iframe 內(nèi)嵌的其他域名也需要配置
• 檢查是否為 https 協(xié)議，不支持http協(xié)議，不支持 IP 地址

2、打不開公眾號文章：檢查小程序是否已關(guān)聯(lián)該公眾號

3、外部網(wǎng)頁鏈接、公眾號文章鏈接在開發(fā)工具、體驗版上可以打開，正式版上不行：

• 檢查開發(fā)工具上是否開啟了?“ 不校驗合法域名、web-view業(yè)務(wù)域名、TLS版本以及HTTPS證書 ” 選項，開發(fā)工具上開啟這個選項，不用配置業(yè)務(wù)域名或關(guān)聯(lián)小程序也能打開鏈接，在開發(fā)工具上將該選項關(guān)掉，也就打不開了，該選項位置如下圖；體驗版上能打開是因為打開了 “ 開發(fā)調(diào)試 ”，關(guān)閉開發(fā)調(diào)試后，同樣也是打不開。

文章來源地址http://www.zghlxwxcb.cn/news/detail-484229.html

• 如果上面幾點都沒問題，那很有可能是鏈接地址有問題，可以檢查是否含有中文字符、地址前后是否存在空格等，存在中文字符可以用 encodeURI 或 encodeURIComponent 函數(shù)編碼后再打開，存在空格比較不容易發(fā)現(xiàn)，可以用trim( ) 去除地址中前后的空格。

到了這里，關(guān)于微信小程序web-view使用說明，及鏈接打不開問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！