短信、公众号、H5、APP外部跳转小程序功能盘点

小程序跳转内外部的能力在日常开发中用得非常多,上周为大家分享了小程序跳转到外部的一系列能力,本周继续为大家分享外部跳回小程序的能力。场景和实现方式不一定完全,也欢迎大家补充。

外部跳转小程序功能列表:

  • 短信跳转小程序
  • 公众号跳转小程序
  • H5链接跳小程序
  • APP 跳转到小程序
  • 小程序跳小程序

短信跳转小程序

短信、邮件跳转到小程序的能力是微信官方提供的,主要是是通过 URL Scheme 的方式来拉起微信打开主体小程序。

主要实现分为两个步骤,「配置拉起网页」和「发送短信」。

简单步骤如下:

  1. 登录微信公众平台,并进入小程序管理页面。
  2. 在小程序管理页面,进入“开发”-“开发设置”页面。
  3. 在“开发设置”页面中,找到“认证与服务”一栏,然后点击“网页授权域名”后的“修改”按钮,输入要跳转的链接域名,进行授权。
  4.  在短信中添加链接,链接的格式为:微信小程序
  5. 将链接中的“【小程序页面路径】”替换成所需跳转到的小程序页面路径即可。

参考文档:
短信跳小程序(自定义开发版)
云开发短信跳小程序(无代码版)

公众号跳转小程序

公众号跳转小程序有以下两种方法:在公众号文章中添加小程序卡片,用户点击卡片即可跳转到小程序。

具体步骤如下:

  • 在小程序管理后台中,进入“设置”-“基本设置”-“关联的公众号”,将小程序与公众号进行关联。
  • 在公众号文章编辑页面,选择“小程序”-“添加小程序卡片”,选择要跳转的小程序并设置卡片样式。
  • 发布文章后,用户点击小程序卡片即可跳转到小程序。

在小程序中添加公众号文章链接或二维码,用户扫描二维码或点击链接即可跳转到公众号文章。具体步骤如下:

  • 在公众号中发布文章,并获取文章链接或二维码。
  • 在小程序中添加“web-view”组件,将文章链接或二维码作为“url”属性的值。
  • 发布小程序后,用户点击“web-view”组件即可跳转到公众号文章。

H5链接跳小程序

开放标签

跳转小程序:wx-open-launch-weapp

用于页面中提供一个可跳转指定小程序的按钮。使用此标签后,用户需在网页内点击标签按钮方可跳转小程序。H5通过开放标签打开小程序的场景值为1167。

开放对象

  • 已认证的服务号,服务号绑定“JS接口安全域名”下的网页
  • 22
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值