支付寶小程序擴(kuò)展能力 頁(yè)面訪問(wèn)受限解決方案

web-view 調(diào)試顯示頁(yè)面訪問(wèn)受限

我們?cè)谡{(diào)試 web-view 時(shí)經(jīng)常會(huì)遇到訪問(wèn)受限的報(bào)錯(cuò)，如下圖所示。

?

主要原因

小程序嵌套 web-view 需要添加白名單，如嵌套的域名不在白名單內(nèi)會(huì)報(bào)此錯(cuò)誤。

處理方法

添加 H5 服務(wù)器域名白名單即可，詳見(jiàn) 配置 H5 域名。

添加白名單后報(bào)頁(yè)面訪問(wèn)受限

白名單添加錯(cuò)誤

1. 確認(rèn)添加的是否是 H5 域名白名單，小程序后臺(tái)有兩個(gè)白名單，兩者不可混淆。

服務(wù)器域名白名單：my.request 網(wǎng)絡(luò)請(qǐng)求添加

H5 域名配置：web-view 需要配置得 H5 域名

1. 添加白名單后需要重新打包生成預(yù)覽版/體驗(yàn)版小程序。如果是線上小程序，添加白名單后需要先重新打包然后生成體驗(yàn)版，進(jìn)行測(cè)試沒(méi)問(wèn)題后再提交審核發(fā)布。

線上小程序不支持在線添加白名單。

1. 確認(rèn)已經(jīng)把 web-view 內(nèi)嵌套的所有域名都添加至白名單內(nèi)。web-view 內(nèi)跳轉(zhuǎn)的域名和 H5 內(nèi)資源地址如 img、js 等也需要添加白名單的，配置的 H5 白名單需要精確到二級(jí)三級(jí)域名。

建議先在瀏覽器中打開(kāi)嵌入的地址然后按 F12，在 source 欄查看網(wǎng)頁(yè)中的所有資源地址，然后把這些域名添加至 H5 域名白名單。

使用 scheme 跳轉(zhuǎn)鏈接

頁(yè)面上的域名地址均已添加 H5 白名單，仍然報(bào)訪問(wèn)受限，具體如下圖所示：

主要原因

訪問(wèn)受限提示的是一個(gè) scheme 鏈接，小程序內(nèi)并不支持使用 scheme 鏈接進(jìn)行跳轉(zhuǎn)（包括跳轉(zhuǎn)到其他小程序/生活號(hào)/其他支付寶應(yīng)用/三方 app）。

處理方法

去除頁(yè)面上 scheme 跳轉(zhuǎn)鏈接即可。

白名單無(wú)法添加

請(qǐng)查看添加白名單的域名地址是不是自己的，目前 web-view 不支持非商戶自己域名的 H5。