5页面跳转微信小程序的需求是普遍存在的。由于微信小程序是一种只能在微信内部访问的应用程序,而H5页面可以在任何浏览器中访问,因此需要通过跳转来实现两者之间的衔接。 对于用户来说,H5页面跳转微信小程序可以提供更好的用户体验。用户可以在H5页面中浏览和选择商品、服务等内容,然后直接跳转到微信小程序中进行购买、支付等操作,避免了在不同平台之间的切换和跳转,提高了使用效率和便捷性。 对于企业和开发者来说,H5页面跳转微信小程序可以带来更多的商业机会和价值。通过在H5页面中引导用户跳转到微信小程序,可以增加用户的粘性和转化率,提高销售和收益。同时,微信小程序的开发和维护成本相对较低,可以降低企业的运营成本和门槛。

实现 H5页面跳转微信小程序需要具备一定的技术能力和遵循相应的开发规范和要求。具体实现细节如下:

- 获取 URL Scheme:可以通过服务端接口获取打开小程序任意页面的加密 URL Scheme。适用于从短信、邮件、微信外网页等场景打开小程序。

- 生成 URL Scheme:iOS系统支持识别 URL Scheme,可在短信等应用场景中直接通过Scheme跳转小程序;Android系统不支持直接识别 URL Scheme,需要使用 H5 页面中转,再跳转到 Scheme 实现打开小程序。

- 拼接参数:可以根据需求拼接相应参数。

将原有 URL Scheme 平滑升级为加密 URL Scheme,支持开发者自行在链接后面拼接参数CUSTOM PARAMETER,拼接参数后的 URL Scheme 如下所示:

注意:

1. CUSTOM PARAMETER 是一种特殊的 query,最大 256 个字符,只支持数字、大小写英文以及部分特殊字符(如:!#$&'()*+,/:;=?@-._~%)。在使用前需要进行 url_encode。

2. 在本次规则调整生效前已经生成的 URL Scheme 可以继续正常使用,并可直接进行 CUSTOM PARAMETER 参数拼接。

3. 拼接参数后的加密 URL Scheme 打开小程序的场景值不变,仍为 1065。

4. 明文 URL Scheme 获取方式:开发者无需调用平台接口,在 MP 平台 -> 设置 -> 隐私与安全 -> 明文 Scheme 拉起此小程序声明后,可自行根据如下格式拼接 appid 和 path 等参数,作为明文 URL Scheme 链接。

其中,各个参数的定义如下:

- APPID(必填):通过明文 URL Scheme 打开小程序的 appid。

- PATH(必填):通过明文 URL Scheme 打开小程序的页面 path,必须是已经发布的小程序存在的页面,不可携带 query。

- (选填)QUERY(最大512个字符,只支持数字、大小写英文以及部分特殊字符:!#$&;'()*+,/:;=?@-._~%,需要 url_encode):通过明文 URL Scheme 打开小程序的 query。

- (选填)ENV_VERSION(仅在微信外打开时生效):要打开的小程序版本,正式版为 release,体验版为 trial,开发版为 develop。注意:若不填写,则默认打开正式版小程序。

通过明文 URL Scheme 打开小程序的场景值为 1286。实际项目展示:点击后即可跳转。(在手机上操作,电脑只能跳到微信,跳不到小程序)。

频率限制:

1. 生成端:每天生成 URL Scheme(加密+明文)和 URL Link 的总数量上限为50万。

2. 打开端:每天通过 URL Scheme(加密+明文)和 URL Link 打开小程序的总次数上限为300万。

您好,我是肥晨。欢迎关注我获取前端学习资源,日常分享技术变革、生存法则;行业内幕,洞察先机。

关于微信内的网页开发,如果需要打开小程序,可以使用微信开放标签-小程序跳转按钮。即使没有公众号,也可以使用小程序身份开发网页并免鉴权跳转小程序,详见云开发静态网站跳转小程序。符合开放范围的小程序可以下发支持打开小程序的短信。

此功能基本覆盖当前用户正在使用的微信版本,开发者无需进行低版本兼容。但需要注意的是,只能生成已发布的小程序的 URL Scheme。通过 URL Scheme 跳转到微信时,可能会触发系统弹框询问,若用户选择不跳转,则无法打开小程序。因此,请开发者妥善处理用户选择不跳转的场景。部分浏览器会限制打开网页直接跳转,可以参考示例网页设置跳转按钮。

平台有安全策略防止开发者的链接被黑灰产批量打开,导致的达到访问上限无法正常打开小程序的问题。此外,该功能仅针对非个人主体小程序开放。