H5跳转小程序短信跳转小程序

最新推荐文章于 2024-10-31 14:24:19 发布

可ke

最新推荐文章于 2024-10-31 14:24:19 发布

阅读量1.3k

点赞数 26

CC 4.0 BY-SA版权

文章标签：小程序

本文链接：https://blog.csdn.net/weixin_51008268/article/details/140042152

2024年了还有不会H5跳转，短信跳转到微信小程序的？？？

来了，前提条件：1.你的微信小程序不是云开发
2.你所跳转的页面必须已经发布到了生产（也就是小程序正式版可以访问到这个页面）

开始：我带你读文档
首先微信小程序的官方文档确实不怎么样，有目共睹的事实
有很多人也没功夫过官方文档：
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/sms.html
来看！！！
在这里插入图片描述
人家的文档对于新开发者隐藏很深

1.咱就使用URL Scheme和URL Link方法实现
不聊后端只聊前端
通过服务端接口或在小程序管理后台生成URL Scheme后，自行开发中转H5页面
通过服务端调用的直接给后台这个文档就成了
通过小程序管理后台生成按步骤进行：
1.打开MP ：https://mp.weixin.qq.com/

在这里插入图片描述

点击配置

把需要跳转的小程序页面填写上
大管理员扫码验证就好了
GG

ok 50%完成了

下一步
再次打开微信官方文档
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html
在这里插入图片描述
weixin://dl/business/?appid=APPID&path=PATH&query=QUERY&env_version=ENV_VERSION
把appid和path填上就好了

之后生成的地址weixin://dl/business/?appid=APPID&path=PATH&query=QUERY&env_version=ENV_VERSION地址其实就已经实现地址跳转了 but 问题来了
首先官网明确指出：短信中ios是可以识别这种URL Scheme链接的，安卓是不识别的。
so 我们只能通过H5来进行桥接
再说了，给你发个这种短信weixin://dl/business/?appid=APPID&path=PATH&query=QUERY&env_version=ENV_VERSION 你是不是以为小广告，所以H5桥接，短信中可以不需要暴漏appid而且还友好

不管你用Vue或者原生js或者React或者不会别的了

代码都很好写

我就用原生JS吧

在你的项目中画个页面


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset

最低0.47元/天解锁文章

200万优质内容无限畅学

H5跳转小程序 短信跳转小程序

H5跳转小程序短信跳转小程序