codecamp

支付宝小程序扩展能力 页面访问受限解决方案

web-view 调试显示页面访问受限

我们在调试 web-view 时经常会遇到访问受限的报错,如下图所示。

image

主要原因

小程序嵌套 web-view 需要添加白名单,如嵌套的域名不在白名单内会报此错误。

处理方法

添加 H5 服务器域名白名单即可,详见 配置 H5 域名

添加白名单后报页面访问受限

白名单添加错误

  1. 确认添加的是否是 H5 域名白名单,小程序后台有两个白名单,两者不可混淆。

服务器域名白名单:my.request 网络请求添加

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

  1. 添加白名单后需要重新打包生成预览版/体验版小程序。如果是线上小程序,添加白名单后需要先重新打包然后生成体验版,进行测试没问题后再提交审核发布。

线上小程序不支持在线添加白名单。

  1. 确认已经把 web-view 内嵌套的所有域名都添加至白名单内。web-view 内跳转的域名和 H5 内资源地址如 img、js 等也需要添加白名单的,配置的 H5 白名单需要精确到二级三级域名。

建议先在浏览器中打开嵌入的地址然后按 F12,在 source 栏查看网页中的所有资源地址,然后把这些域名添加至 H5 域名白名单。

image

使用 scheme 跳转链接

页面上的域名地址均已添加 H5 白名单,仍然报访问受限,具体如下图所示:

image

主要原因

访问受限提示的是一个 scheme 链接,小程序内并不支持使用 scheme 链接进行跳转(包括跳转到其他小程序/生活号/其他支付宝应用/三方 app)。

处理方法

去除页面上 scheme 跳转链接即可。

白名单无法添加

请查看添加白名单的域名地址是不是自己的,目前 web-view 不支持非商户自己域名的 H5。

支付宝小程序扩展能力 白屏解决方案
支付宝小程序扩展能力 Remax
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

支付宝小程序开发文档

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 框架

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 无障碍访问

支付宝小程序 扩展组件

支付宝小程序扩展组件 UI组件

支付宝小程序 API

支付宝小程序 开发工具

支付宝小程序 云服务

支付宝小程序 Serverless

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }