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

本文涉及的产品
.cn 域名,1个 12个月
简介: 【小程序质量提优解决方案】(三)内嵌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实现跳转,具体参考 小程序跳转小程序

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

目录
相关文章
|
3月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
780 1
|
8天前
|
移动开发 小程序 前端开发
使用php开发圈子系统特点,如何获取圈子系统源码,社交圈子运营以及圈子系统的功能特点,圈子系统,允许二开,免费源码,APP 小程序 H5
开发一个圈子系统(也称为社交网络或社群系统)可以是一个复杂但非常有趣的项目。以下是一些关键特点和步骤,帮助你理解如何开发、获取源码以及运营一个圈子系统。
65 3
|
23天前
|
缓存 移动开发 小程序
uni-vue3-wetrip自创跨三端(H5+小程序+App)酒店预订app系统模板
vue3-uni-wetrip原创基于vite5+vue3+uniapp+pinia2+uni-ui等技术开发的仿去哪儿/携程预约酒店客房app系统。实现首页酒店展示、预订搜索、列表/详情、订单、聊天消息、我的等模块。支持编译H5+小程序+App端。
67 8
|
2月前
|
人工智能 小程序 搜索推荐
uni app下开发AI运动小程序解决方案
本文介绍了在小程序中实现AI运动识别的解决方案。该方案依托于UNI平台,通过高效便捷的插件形式,实现包括相机抽帧控制、人体识别、姿态识别等在内的多项功能,无需依赖后台服务器,大幅提高识别效率和用户体验。方案内置多种运动模式,支持自定义扩展,适用于AI健身、云上赛事、AI体测等多场景,适合新开发和存量改造项目。
|
2月前
|
移动开发 小程序
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
63 3
|
2月前
|
小程序 机器人 开发者
QQ 小程序已发布,但无法被搜索的解决方案
我的 QQ 小程序在 2024 年 8 月就已经审核通过,上架后却一直无法被搜索到。打开后,再在 QQ 上下拉查看 “最近使用”,发现他出现一下又马上消失。
48 2
|
3月前
|
小程序 前端开发 开发者
小程序的页面如何布局?
【10月更文挑战第16天】小程序的页面如何布局?
109 1
|
3月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
388 3
|
3月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
265 1
|
3月前
|
JSON 小程序 前端开发
微信小程序-人脸核身解决方案
微信小程序-人脸核身解决方案
268 0