小程序跳转内外部的能力在日常开发中用得非常多,上周为大家分享了小程序跳转到外部的一系列能力,本周继续为大家分享外部跳回小程序的能力。场景和实现方式不一定完全,也欢迎大家补充。
外部跳转小程序功能列表:
- 短信跳转小程序
- 公众号跳转小程序
- H5链接跳小程序
- APP 跳转到小程序
- 小程序跳小程序
短信跳转小程序
短信、邮件跳转到小程序的能力是微信官方提供的,主要是是通过 URL Scheme 的方式来拉起微信打开主体小程序。
主要实现分为两个步骤,「配置拉起网页」和「发送短信」。
简单步骤如下:
- 登录微信公众平台,并进入小程序管理页面。
- 在小程序管理页面,进入“开发”-“开发设置”页面。
- 在“开发设置”页面中,找到“认证与服务”一栏,然后点击“网页授权域名”后的“修改”按钮,输入要跳转的链接域名,进行授权。
- 在短信中添加链接,链接的格式为:微信小程序
- 将链接中的“【小程序页面路径】”替换成所需跳转到的小程序页面路径即可。
参考文档:
短信跳小程序(自定义开发版)
云开发短信跳小程序(无代码版)
公众号跳转小程序
公众号跳转小程序有以下两种方法:在公众号文章中添加小程序卡片,用户点击卡片即可跳转到小程序。
具体步骤如下:
- 在小程序管理后台中,进入“设置”-“基本设置”-“关联的公众号”,将小程序与公众号进行关联。
- 在公众号文章编辑页面,选择“小程序”-“添加小程序卡片”,选择要跳转的小程序并设置卡片样式。
- 发布文章后,用户点击小程序卡片即可跳转到小程序。
在小程序中添加公众号文章链接或二维码,用户扫描二维码或点击链接即可跳转到公众号文章。具体步骤如下:
- 在公众号中发布文章,并获取文章链接或二维码。
- 在小程序中添加“web-view”组件,将文章链接或二维码作为“url”属性的值。
- 发布小程序后,用户点击“web-view”组件即可跳转到公众号文章。
H5链接跳小程序
开放标签
跳转小程序:wx-open-launch-weapp
用于页面中提供一个可跳转指定小程序的按钮。使用此标签后,用户需在网页内点击标签按钮方可跳转小程序。H5通过开放标签打开小程序的场景值为1167。
开放对象
- 已认证的服务号,服务号绑定“JS接口安全域名”下的网页