【小程序质量提优解决方案】(三)内嵌H5页面访问受限

简介: 【小程序质量提优解决方案】(三)内嵌H5页面访问受限

一、页面访问受限时C端用户感知

当C端用户访问的页面受限时,会根据受限原因展示以下页面,此时用户无法继续访问页面,仅可返回上一页面或关闭小程序;

下图以错误码040001006为例:

错误码

根据URL格式对应2种展示

040001006



二、页面访问受限发生的技术原理

疑问:为什么用户会出现这个错误页?

回答:因为用户打开了一个小程序内嵌 web-viewH5页面形式承载,但是当前这个页面的URL没有加H5域名白名单或者并非标准格式的URL等,导致支付宝拦截页面,用户侧看到打开受限错误。

具体流程如下:

三、页面访问受限对小程序有什么影响

从支付宝统计数据中发现,小程序页面访问受限问题上涨与用户流失率上涨、用户负面反馈量呈正相关,页面问题影响用户体验,将导致用户流失率升高,降低用户对小程序黏性。

词语解释:用户流失指的是用户遇到此类错误页的时候,操作关闭按钮、返回、杀进程、压后台等不同方式离开小程序或者支付宝的场景。

四、常见哪些原因导致受限发生、如何修复

1.errorCode-1201,errorNo-040001002

1.1错误表象

根据URL格式对应2种展示


1.2具体的根因

业务访问的域名不是alipay或https开头的域名,禁止跳转,导致无权限访问

1.2.1 常见错误案例

http://、weixin:// 、eleme://、iflytek://、 tbopen://、 /pages/、data:text/

1.3解决方案

若url scheme不符合规范,但仍需跳转,可以选择:

  1. 把http开头的url替换成https开头域名;
  1. https 开头的网站可认为是安全地进行访问,http的网站表示用户与此网站之间建立的连接不安全,若用户在此网站输入任何敏感信息(如密码或者信用卡信息等),攻击者可能会盗取这些信息
  1. 非https的url,如要跳转客户自己的自有APP,请使用其他跳转方案,参考 小程序跳转汇总


2.errorCode-1201,errorNo-040001006

1.1错误表象

根据URL格式对应2种展示


1.2具体的根因

业务访问的域名不在配置文件的allowedDomain请求域名白名单中,则域名校验不通过,导致无权限访问

1.3解决方案

  1. 请确认受限域名的地址是否是商家自己名下的域名,目前 web-view 仅支持商家自己域名的H5;
  1. 常见的导致受限的非自己名下的域名
  1. 蚂蚁集团域名:alipay.com
  1. 若想跳转支付宝官方业务页面,可以使用其他API,具体参考小程序跳转支付宝官方业务页面
  1. 阿里集团域名:taobao.com、gaode.com、youku.com等
  2. 其他客户域名:weixin.qq.com、bilibili.com、baidu.com等
  1. 请确认受限URL是否为scheme链接,小程序内不支持使用 scheme 链接进行跳转;
  1. scheme链接常见格式:alipays://platformapi/startapp?appId=[appId]&page=[page]&query=[query]具体见小程序scheme链接介绍
  2. 如果需要跳转,请参考 小程序跳转汇总
  1. 确认受限地址非scheme链接且为自己域名后,请前往配置后台添加 H5服务器域名白名单,配置详情可查看 配置 H5 域名


3.errorCode-1201,errorNo-040001007

1.1 错误表象

根据URL格式对应2种展示


1.2 具体的根因

小程序只支持https域名配置,http请求会被拦截,导致无权限访问

1.3 解决方案

小程序强制使用https,还在使用http协议的开发者请尽快对服务器进行升级

4.errorCode-1201,errorNo-040001009

1.1错误表象

根据URL格式对应2种展示


1.2具体的根因

业务访问的域名通过src方式触发alipays://,但url不是startApp标准格式,导致无权限访问


1.3解决方案

  1. 请检查请求的url开头是否符合以下规则:

alipay(s)://platformapi/startapp

alipay(s)://platformapi/startApp

  1. 若需跳转其他小程序,可使用API实现跳转,具体参考 小程序跳转小程序


5.errorCode-1201,errorNo-040001010

1.1错误表象

根据URL格式对应2种展示

1.2具体的根因

业务访问的域名通过src方式触发alipays://  ,这种格式的域名会触发startApp

  1. 若目标跳转的appid为空,会导致无权限访问

1.3解决方案

  1. 请检查触发startApp的url中appid是否传递正确的值;
  2. 若需跳转其他小程序,可使用API实现跳转,具体参考 小程序跳转小程序

6.errorCode-1201,errorNo-040001011

1.1错误表象

根据URL格式对应2种展示

1.2具体的根因

  1. 内嵌webview无startApp权限
  2. 若目标跳转的appid 不在可跳转的名单内,导致无权限访问


1.3解决方案

若需跳转其他小程序,可使用API实现跳转,具体参考 小程序跳转小程序

更多小程序质量提优能力可前往质量洞察全息检测查看。

目录
相关文章
|
7月前
|
存储 人工智能 移动开发
uni-app+vue3接入deepseek-v3搭建跨端ai流式(小程序+app+h5)
基于Uniapp+Vue3+Markdown接入DeepSeek-V3聊天大模型,支持编译到H5+小程序+App端。实现流式输出、支持亮色/暗黑主题、代码高亮、会话本地存储等功能。
1292 12
|
9月前
|
存储 移动开发 小程序
校园圈子系统小程序(圈子论坛、私信聊天、资料共享、二手交易、兼职,跑腿)开源码开发/微信公众号、小程序、H5多端账号同步/搭建多城市的综合社交生活平台
基于开源技术栈构建的校园圈子系统小程序,整合社交与生活服务功能,涵盖兴趣圈子、私信聊天、资料共享、二手交易、兼职跑腿等六大核心模块。通过多端账号同步(微信公众号/小程序/H5),实现数据实时交互,满足学生群体的多元化需求。项目精准锚定校园市场,以“社交+服务”双轮驱动,提供一站式解决方案,支持快速部署与多校区运营,同时具备广告、佣金、会员等多元变现能力,是打造校园生态的理想工具。
961 2
校园圈子系统小程序(圈子论坛、私信聊天、资料共享、二手交易、兼职,跑腿)开源码开发/微信公众号、小程序、H5多端账号同步/搭建多城市的综合社交生活平台
|
9月前
|
Web App开发 移动开发 小程序
公众号小程序H5网页像素流送UE5模型的方法分享
本文探讨了如何通过像素流送技术在小程序、公众号等平台展示复杂的3D模型(如UE5引擎开发的楼盘模型、数字孪生展厅)。该技术将GPU和CPU算力需求转移到服务器端,使用户侧无需高性能硬件即可流畅体验。通过Webrtc实现实时云渲染,确保毫秒级响应,且兼容多种浏览器。使用点量云流等产品级软件,老项目只需重新打包为EXE格式,即可轻松嵌入H5网页、小程序或公众号中,支持Unity、WebGL等多种3D应用及传统CAD模型。
294 1
|
10月前
|
缓存 小程序 API
微信小程序页面导航与路由:实现多页面跳转与数据传递
本文深入探讨微信小程序的页面导航与路由机制,介绍多种页面跳转方式如`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等,并讲解通过URL、全局变量和事件传递数据的方法。结合案例实现多页面跳转与数据传递,帮助开发者掌握这一重要技能。
|
12月前
|
移动开发 小程序 前端开发
使用php开发圈子系统特点,如何获取圈子系统源码,社交圈子运营以及圈子系统的功能特点,圈子系统,允许二开,免费源码,APP 小程序 H5
开发一个圈子系统(也称为社交网络或社群系统)可以是一个复杂但非常有趣的项目。以下是一些关键特点和步骤,帮助你理解如何开发、获取源码以及运营一个圈子系统。
485 4
|
12月前
|
缓存 移动开发 小程序
uni-vue3-wetrip自创跨三端(H5+小程序+App)酒店预订app系统模板
vue3-uni-wetrip原创基于vite5+vue3+uniapp+pinia2+uni-ui等技术开发的仿去哪儿/携程预约酒店客房app系统。实现首页酒店展示、预订搜索、列表/详情、订单、聊天消息、我的等模块。支持编译H5+小程序+App端。
406 8
|
11月前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
497 0
|
移动开发 小程序
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
964 3
|
小程序 前端开发 开发者
小程序的页面如何布局?
【10月更文挑战第16天】小程序的页面如何布局?
868 1
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
2504 3