当前位置：首页 > article >正文

实现短信中带有链接，直接打开微信小程序

article 2024/11/6 22:37:19

步骤1：生成 Scheme（明文）

在这里插入图片描述
此处配置的 path 需要在小程序后台配置

之后得到一条 scheme
weixin://dl/business/?appid=xxx&path=pages/index/index
这条 scheme 在某些场景下可以直接点击打开小程序，比如：作为钉钉消息，在ios短信内。。。

但是，为了兼容更多的场景吗，官方建议通过 h5 中转
在这里插入图片描述

步骤2：创建并发布 h5

h5 内可以放一些小程序的介绍文案或者图片，再放一个打开小程序的按钮，点击打开小程序

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>xxx</title>
  </head>
  <body>
    <script>
      // 跳转
      function jump() {
        window.location.href = 'weixin://dl/business/?appid=xxx&path=pages/index/index'
      }
    </script>
    <button onClick="jump()">跳转小程序</button>
  </body>
</html>