it编程 > 网页制作 > html5

浏览器HTML5页面或短信链接如何调用唤起微信小程序(URL Scheme)?

62人参与 2025-12-21 html5

介绍

location.href = 'weixin://dl/business/?t=sagndxoluds'

获取 url scheme

自 2023 年 12 月 19 日起,对url scheme进行升级,详细调整说明可见《url scheme 和 url link优化公告》。改动点概览如下:

支持开发者在原有加密 url scheme 后面拼接参数;

新增明文 url scheme,开发者无需调用接口可自行拼接生成明文scheme;

取消 url scheme 一人一链的限制,支持同一条连接被多名用户访问;

每个小程序每天 url scheme 和 url link 总打开次数上限为300万。
 

操作步骤

开发前的准备工作

必须是企业的小程序

关于url scheme
微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html
后端

获取access_token

微信官方文档https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/access-token/auth.getaccesstoken.html

get https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appid&secret=appsecret
参数含义
grant_type固定为client_credential
appid小程序唯一凭证,即 appid
secret小程序唯一凭证密钥,即 appsecret
{"access_token": "56_iut0umy6*********wertaahavik", "expires_in": 7200}

生成url scheme

微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/url-scheme/urlscheme.generate.html

post https://api.weixin.qq.com/wxa/generatescheme?access_token=access_token
参数含义
access_token接口凭证
{
    "errcode": 0,
    "errmsg": "ok",
    "openlink": "weixin://dl/business/?t=sagndxoluds"
}

此时已经拿到了openlink ,也就是url scheme,将该信息返回前端即可

前端
请求后端接口拿到url scheme,然后已url形式打开即可,该方式仅支持手机浏览器,如果是微信浏览器则需要使用(微信开放标签)方式

<a href="weixin://dl/business/?t=sagndxoluds" rel="external nofollow" >打开小程序</a>

href 绑定的是 url scheme 地址。

备注笔记

频率限制

生成端:每天生成 url scheme(加密+明文) 和 url link 的总数量上限为50万;

打开端:每天通过 url scheme(加密+明文) 和 url link 打开小程序的总次数上限为300万。

注意事项

微信内的网页如需打开小程序请使用微信开放标签-小程序跳转按钮,无公众号也可以直接使用小程序身份开发网页并免鉴权跳转小程序,见云开发静态网站跳转小程序。符合开放范围的小程序可以下发支持打开小程序的短信
该功能基本覆盖当前用户正在使用的微信版本,开发者无需进行低版本兼容
只能生成已发布的小程序的 url scheme
通过 url scheme 跳转到微信时,可能会触发系统弹框询问,若用户选择不跳转,则无法打开小程序。请开发者妥善处理用户选择不跳转的场景
部分浏览器会限制打开网页直接跳转,可参考示例网页设置跳转按钮
平台有安全策略防止开发者的链接被黑灰产批量打开,导致的达到访问上限无法正常打开小程序的问题

开放范围

针对非个人主体小程序开放。

总结

在微信生态系统中,h5(html5)页面与微信小程序之间的交互是常见且重要的功能。这一功能使得用户在浏览h5网页时可以无缝地切换到微信小程序,享受更丰富的服务和体验。

到此这篇关于浏览器html5页面或短信链接如何唤起微信小程序(url scheme)?的文章就介绍到这了,更多相关html5或短信链接打开微信小程序内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

您想发表意见!!点此发布评论

推荐阅读

input的accept属性让文件上传安全高效

12-08

HTML5的<input>标签的`type`属性值详解和代码示例

12-08

JDK下载安装配置环境变量实现方式

01-06

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

06-18

HTML5 中的<button>标签用法和特征

06-18

HTML5实现的移动端购物车自动结算功能示例代码

06-18

猜你喜欢

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论