跳转小程序原理,实现链接跳转微信小程序。

1个评论2021-12-30 10:12:46
通过微信提供的urlscheme.generate可以实现链接跳转小程序;如何使用Html开发实现?

通过微信提供的urlscheme.generate可以实现链接跳转小程序,来粉啦提供链接跳转微信小程序,您可以直接使用来粉啦快速实现就不用开发了。

来粉啦官网 - 链接跳转小程序

一、原理简介

  • 通过微信提供的urlscheme.generate接口生成可以打开小程序的scheme码
  • 开发H5中转页,通过接口查询并加载用于打开特定页面的scheme码
  • 给用户发送的短信中插入落地页URL
  • 用户点击URL打开浏览器,通过scheme码打开微信并传递参数
  • 微信获取Scheme跳转参数并打开小程序

二、Scheme协议

scheme是一种页面内跳转协议,通过这个协议可以比较方便的跳转到app。

// Scheme协议的格式
[scheme]://[host][:port]/[path]?[query]
scheme: 协议名称(必要,其他都是可选)
host:   域名,代表Schema所作用的地址域
port:  端口
path:   页面路径
query: 请求参数

三、具体实现

方法一:直接生成着陆页url,打开后自动弹出提示框,并有默认的引导界面

方法二:手动开发自定义的着陆页H5并部署至生产环境

  • 2.1 生成打开小程序的Scheme码后端调用微信提供的接口,可以选择生成到期失效和永久有效的小程序码,生成的URL Scheme如下所示:

    weixin://dl/business/?t= *TICKET*

    官方API文档:urlscheme.generate | 微信开放文档接口地址

  • 2.2 H5中转页打开微信小程序

IOS系统支持识别URL Scheme,可在短信等应用场景中直接通过Scheme跳转小程序。
Android系统不支持直接识别URL Scheme,用户无法通过Scheme正常打开小程序,开发者需要使用H5页面中转,再跳转到Scheme实现打开小程序。

页面中JS调用命令如下:

window.location.href = 'weixin://dl/business/?t= *TICKET*'

0 条评论

  • Admin2022年10月09日 20点10分45秒
    当前还没有评论,快来抢沙发吧!