使用链接跳转微信小程序

2024.1.23 更新
微信小程序规则又改了,URL Scheme 和 URL Link 优化公告

为了帮助开发者更好地为用户提供服务,降低开发者使用 URL Scheme 和 URL Link 的成本,自 2023 年 12 月 19 日起,微信团队将对 URL Scheme 和 URL Link 进行如下优化:
1、新增明文 URL Scheme,开发者无需调用接口可自行拼接并且生成明文 Scheme;
2、取消 URL Scheme 和 URL Link 打开端一人一链的限制,支持同一条链接被多名用户访问;
3、新增打开端限制:每个小程序每天 URL Scheme 和 URL Link 总打开次数上限为 300 万次。


接上篇APP跳转公众号

还是同一个客户的需求,需要在他们公众号网站上打开我们的微信小程序,于是我从公众号官方文档上找到了wx-open-launch-weapp开放标签的代码并发给了客户,但因为客户公众号网站是第三方公司开发的,就问我能不能跟他们其他模块一样添加一个https链接的打开微信小程序。

微信小程序以前是可以在管理后台右上角菜单生成一个永久URL Scheme,后来进行了调整,这个功能就没了。

自 2022 年 4 月 11 日起,URL Scheme有效期最长 30 天,不再支持永久有效的URL Scheme、不再区分短期有效URL Scheme与长期有效URL Scheme。若在微信外打开,用户可以在浏览器页面点击进入小程序。每个独立的URL Scheme被用户访问后,仅此用户可以再次访问并打开对应小程序,其他用户无法再次通过相同URL Scheme打开该小程序。 在本次规则调整生效前已经生成的URL Scheme,如果有效期超过30天或长期会被降级为30天有效,只能被1个用户访问,开始时间从调整日期开始计算。 详细调整说明可见《小程序链接生成与使用规则调整公告》

那么现在如何通过网页或链接的方式打开微信小程序?有三种方式:

1. 微信内网页可以使用微信开放标签-小程序跳转按钮

  • 只能在微信内使用

  • 需要用户主动触发(点击一个按钮)

  • 已认证的服务号需要绑定“JS接口安全域名”下的网页或已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页

2. 通过URL Scheme实现

  • iOS系统支持识别URL Scheme,可在短信等应用场景中直接通过Scheme跳转小程序

  • Android系统不支持直接识别URL Scheme,用户无法通过Scheme正常打开小程序,开发者需要使用H5页面中转,再跳转到Scheme实现打开小程序

  • 每天生成URL SchemeURL Link总数量上限为50万

    现在URL Scheme有效期最长 30 天,一个URL Scheme只能一个用户访问,如果是安卓或多用户访问那只能使用固定链接的H5页面进行中转了,用户每次访问的时候生成一个URL Scheme

3.通过URL Link实现

  • 限制和URL Scheme类似,具体可查看官方文档

    URL Scheme区别是能针对单独用户进行推送,比如短信、私信,多用户使用也是需要使用中间H5页面进行跳转

这次主要要讲的是官方推荐的云开发静态网站跳转小程序

官方文档有详细说明和代码,按照文档操作即可。

这里面使用wx-open-launch-weapp开放标签和URL Scheme两种方式进行了跳转,若是在微信内就使用wx-open-launch-weapp打开小程序,微信外打开就调用
getUrlScheme云函数获取URL Scheme打开小程序,pc端则提示“请在手机打开网页链接”

以下是详情操作流程:

1. 下载官方示例代码
打开云开发静态网站跳转小程序点击下载并解压,会有两个文件夹,cloudfunctions和h5,先放着一会使用

image.png

2. 开通云开发
可参考微信小程序云开发获取手机号
按照提示往下操作即可,现在云开发开始收费了,首月免费,后面半价19.9元/月,原价是39.9元/月。

开通云开发

3. 上传云函数
在小程序根目录下创建functions文件夹,或者按照微信小程序云开发获取手机号操作开通云开发和上传云函数。
把刚解压出来的cloudfunctions文件夹中的public文件夹拖入到functions文件夹中,在index.js文件中修改需要跳转小程序的路径。
cloud.init()也可以修改成如下代码,不然上传云函数时会报警告,但不影响使用。

cloud.init({
    env: cloud.DYNAMIC_CURRENT_ENV
})

注意:public文件夹名称(就是云函数名)尽量不要修改,不然后面的静态网页中也需要同步修改。

修改跳转小程序路径

project.config.json文件中添加云函数路径"cloudfunctionRoot": "functions/"

设置云函数路径

如果云函数还没有显示出当前环境,静等几分钟,或者重启下开发者工具。
functions后面的环境显示正常后,右键public云函数,选择“上传并部署:云端安装依赖”
上传云函数

在云开发管理后台可查看云函数情况


image.png

4. 修改静态网页
用记事本或者其他工具打开刚解压的h5文件夹中的jump-mp.html文件,搜索

<!-- replace -->

替换小程序AppId和云开发环境ID,保存


image.png

5. 开通静态网站
打开云开发后台,点击更多,点击静态网站,按照提示开通静态网站,需要部署几分钟。

开通静态网站

点击上传文件,上传刚才修改的jump-mp.html文件

image.png

点击详情,复制下载地址到微信聊天窗口中,此时使用这个地址就可以在微信中打开小程序


image.png

在微信外,其他APP或浏览器中打开小程序还需要打开云函数和云资源权限

image.png
image.png
image.png
image.png
image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容