短信链接跳转微信小程序(URLSchema等)

已于 2022-05-24 18:23:08 修改
阅读量2.1w 收藏 70
点赞数 27
分类专栏： 前端 文章标签： 小程序 javascript js
于 2021-03-11 18:30:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huhui806/article/details/114675014
版权

文章目录

    去年就在调研如何从短信链接跳转到微信小程序，搜索了好多，也去官方论坛转了一圈，得到的回复只有一个：不可能！
    今天组内大神在逛帖子的时候告知我们微信官方文档有惊喜，跑去一看，果然很惊喜呀~

实现方案

需下载二维码

  1. 点击短信中链接，打开H5页面
  2. 保存页面中小程序二维码（包含指定页面地址和传参）
  3. 打开微信，扫描二维码进入小程序指定页面

使用URL Schema

参考文档

  1. 点击短信中链接，打开H5页面
  2. 进入页面直接自动触发跳转操作，到小程序指定页面

微信云开发

参考文档

  1. 在云开发中开通静态网站，然后将H5部署（收费）
  2. 使用 cloudbase.sendsms 接口，即可触发下发短信（需要强制使用微信短信平台）

实现方案对比

方案优点缺点
需下载二维码实现方案可控，免费体验感极差
使用URL Schema实现方案可控，免费， 体验感可以只能到正式环境中测试
微信云开发依赖云开发，实现简单，体验感极好收费，强制依赖微信短信平台

实践出真知（URLSchema）

获取微信access_token

GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appid&secret=appSecret

请求参数
返回参数：

{
    "access_token": "access_token",
    "expires_in": 7200
}

获取openlink

被这个请求方式折磨了一通，access_token是放在请求url中，其他参数是放在body中

POST https://api.weixin.qq.com/wxa/generatescheme?access_token=access_token

请求参数
返回参数：

{
    "errcode": 0,
    "errmsg": "ok",
    "openlink": "weixin://dl/business/?t=12345678910"
}

H5页面（模拟短信跳转，验证ok）

短信链接跳转与H5页面跳转类似，此处用H5页面跳转为例

location.href = 'weixin://dl/business/?t=12345678910'

反馈问题

ios和Android 对URLSchema兼容性

感谢Mr_saisai大佬的指正，微信官方文档上有一段关于系统兼容性问题的描述，IOS无需额外添加H5页面进行辅助跳转~

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

开发者工具可直接测试URL Schema

以前需要将未完成的页面发布到正式环境才能进行跳转测试，今天前端大佬悄咪咪告诉我：在微信开发者工具中不用发布页面也能测试啦~~ nice
在这里插入图片描述

URL Schema 官方最新变更20220411

获取 URL Scheme

自 2022 年 4 月 11 日起，URL Scheme有效期最长 30 天，不再支持永久有效的URL Scheme、不再区分短期有效URL Scheme与长期有效URL Scheme。若在微信外打开，用户可以在浏览器页面点击进入小程序。每个独立的URL Scheme被用户访问后，仅此用户可以再次访问并打开对应小程序，其他用户无法再次通过相同URL Scheme打开该小程序。 在本次规则调整生效前已经生成的URL Scheme，如果有效期超过30天或长期会被降级为30天有效，只能被1个用户访问，开始时间从调整日期开始计算。

针对以下两个变更，对原有的URL Schema生成代码无影响（无需变更代码逻辑），只是微信内部会将参数统一处理！

一个urlSchema只能一个用户访问

调用上限及有效期

调用上限
Scheme 将根据是否为到期有效与失效时间参数，分为短期有效Scheme与长期有效Scheme：
单个小程序每日生成 Scheme 上限为50万个（包含短期有效 Scheme 与长期有效 Scheme）
有效时间超过180天的 Scheme 或永久有效的 Scheme 为长期有效Scheme，单个小程序总共可生成长期有效 Scheme 上限为10万个，请谨慎调用
有效时间不超过180天的 Scheme 为短期有效Scheme，单个小程序生成短期有效 Scheme 不设上限


持续更新中。。。

微信URL Scheme码+长链接转短链接+短链接通过h5页面跳转到微信小程序
IT_Most的博客
11-16 6458
生成微信URL Scheme码--》长链接转换成短链接--》通过短信进行推广--》访问营销短信
微信小程序开发中的路由与页面跳转方法
吃不胖.
05-04 422
一、路由与页面跳转方法 在微信小程序中，有两个主要的页面跳转方法，分别是wx.navigateTo和wx.redirectTo。这两个方法的区别在于，wx.navigateTo是保留当前页面，跳转到应用内的某个页面，而wx.redirectTo则是关闭当前页面，跳转到应用内的某个页面。2.3 页面接收参数 在detail页面中，通过onLoad方法接收传递的参数，并将参数展示在页面上。2.2 页面跳转 在index页面中，点击按钮会跳转到detail页面，并传递参数。二、路由与页面跳转案例。
从短信、邮件、微信外网页等场景打开微信小程序
motoudi的博客
12-20 2327
通过服务端接口或在小程序管理后台生成后，自行开发中转H5页面。将带有中转H5链接的短信内容通过开发者自有的短信发送能力或服务商的短信服务进行投放，实现短信打开小程序。iOS系统支持识别 URL Scheme，可在短信等应用场景中直接通过Scheme跳转小程序。该跳转方法可以在用户打开 H5 时立即调用，也可以在用户触发事件后调用。开发者无需调用平台接口，在声明后，可自行根据如下格式拼接appid和path等参数，作为明文 URL Scheme 链接。
H5跳转小程序 短信跳转小程序
weixin_51008268的博客
06-28 1296
H5 短信跳转小程序
微信小程序 URL Scheme（跳转小程序）
最新发布
Xuhai0811的博客
04-25 1628
3、【选填】QUERY：通过明文 URL Scheme 打开小程序的 query ，最大512个字符，只支持数字，大小写英文以及部分特殊字符：!- 左下角账号 - 账号设置 - 基本设置 - 隐私与安全 - 明文Scheme拉起此小程序」声明后，可自行根据如下格式拼接appid和path等参数，作为明文 URL Scheme 链接。2、【必填】PATH：通过明文 URL Scheme 打开小程序的页面 path ，必须是已经发布的小程序存在的页面，不可携带 query；，仅在微信外打开时生效。
短信链接跳转微信小程序
michael_linux的博客，一个小小小学生。滴水穿石，步步为营，只为那刹那芳华。
02-14 5755
1 实现方案 1.1 通过URL Scheme实现 1.2 通过URL Link实现 1.3 通过云开发静态网站实现 2 实现方案对比 3 实践 URL Schema 方案 3.1 获取微信access_token 3.2 获取openlink 3.3 H5页面（模拟短信跳转，验证ok） 4 反馈问题 4.1 ios和Android 对URLSchema兼容性 4.2 URL Schema官方变更2022年4月11日 4.2.1 调用上限及有效期 4.2.2 一个urlSchema只能一个用户访问
关于 从短信链接中跳转到小程序的方法
nzz_1214
03-14 1962
微信小程序相关工具类 php语言api接口开发
短信打开微信小程序
heyigzb的博客
07-18 4638
如：https://xxx.com/test.html本地测试，可用ip替换域名，手机与测试环境同一网络下可以通过ip访问如：https://192168.111.256:8080/test.html注：小程序跳转默认跳转首页，如需要配置其他页面可参考链接。
如何点击短信中的链接直接跳转打开微信小程序
qq_35485206的博客
11-17 2960
信息化的革命来源于人类社会生活便捷性的不断推动。软件开发就是为了方便用户的操作，简化用户的流程，使用户能更快捷更高效的达到自己的目标。于是衍生出这样一个需求：运营者批量发送短信给用户，短信中包含一个特定链接，用户收到短信点击链接就直接跳转到运营者的小程序。这个需求对于运营者小程序的曝光量和访问量是有极大推进作用的。微信官方...
通过H5链接在微信端或者外部浏览器输入链接打开微信小程序
07-13
标题中的“通过H5链接在微信端或者外部浏览器输入链接打开微信小程序”指的是利用HTML5（H5）页面中的特定技术实现从网页直接跳转到微信小程序的功能。这一功能允许用户在浏览H5页面时，点击特定链接或按钮，无缝地...
(建议收藏)2024最新 URL Scheme大全APP跳转界面地址更新中 ios快捷指令快捷方式链接跳转微信小程序必备autojs可用免root (可定制开发和提取URL Scheme 参数提取)
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
11-02 8359
(建议收藏)2024最新 URL Scheme大全APP跳转界面地址更新中 ios快捷指令快捷方式链接跳转微信小程序必备autojs可用免root (可定制开发和提取URL Scheme 参数提取)
NFC外部调起微信小程序具体流程
我滴博客！
11-29 3352
NFC外部调起微信小程序具体流程
短信跳转打开微信小程序的指定页面，可以携带参数
yangmin_kk的博客
12-08 2795
短信跳转微信小程序
通过短信点击链接跳转到小程序
半梅芒果干的博客
01-27 3978
参考链接：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html 通过在小程序管理后台「工具」-「生成 URL Scheme」入口可以获取打开小程序任意页面的 URL Scheme （该小程序必须要先发布才能生成） 生成的链接类如：weixin://dl/business/?t= TICKET H5页面 iOS系统支持识别 URL Scheme，可在短信等应用场景中直接通过S
从短信打开链接打开微信小程序解决方案
fangxiang2008的博客
03-04 2774
短信打开微信程序的应用在生活越来越多，而微信文档有时候滞后性，以及成本、微信自身的限制。例如微信的通一个链接只能一个人打开，一个链接最多保存30天等等。
短信一步跳转微信小程序，助力企业打通导流最后一公里
亿美软通的博客
01-25 1394
近日，微信公布了一组2020年小程序运营数据，活跃度和交易额的大幅增长，让商家和机构重新审视小程序的渠道价值以及流量倾斜策略。导流转化，告别传统繁琐流程，亿美软通实测从短信到微信小程序，一步即可跳转！ 此前，用户通过短信到打开小程序需要经过“点击链接-打开页面-保存页面小程序二维码-打开微信-识别小程序二维码”的多步操作，复杂的流程极易造成用户行为中断，转化率低下。随着小程序URLScheme接口的上线，短信、邮件、外部网页可实现与小程序的便捷跳转，真正将营销场景拓展到了微信生态之外。 有...
短信如何跳转小程序？
kdhqbw44的博客
05-29 1272
不知各位大佬最近有没有发现个别同行，直接在短信链接、广告位、抖音等地方点击按钮一键跳转至微信、小程序，效果贼强，那么他们究竟是咋实现的呢？ 短信如何跳转小程序？实际使用格外边界，下面概括一下操作方法： 第一步：用虾果创建跳转 主要是不能在其他APP直接自动跳转小程序，所以只能使用虾果来实现唤醒，进入虾果后，找到跳转小程序功能。 第二步：小程序授权 当前授权的途径有两种，1：小程序扫码授权、2：填写AppID、AppSecret，我们以前者加以说明，填入小程序的ID、AppSecret、链接
【Go】短信内链接拉起微信小程序
新鲜雾霾的博客
07-05 1389
短信内含有可以拉起小程序指定位置的链接
短信链接跳转小程序实现流程
weixin_69651047的博客
12-26 940
短信链接跳转小程序
微信小程序连mongodb
04-01
<think>嗯，用户的问题是关于如何在微信小程序中连接MongoDB数据库的。我需要先回顾一下微信小程序的架构和限制。微信小程序的客户端和服务器端是分开的，前端代码运行在微信的环境中，而数据库操作通常是在服务器端进行的。直接在小程序前端连接MongoDB可能存在安全风险，因为这样会暴露数据库的连接信息，比如IP地址、端口、用户名和密码，这些都是不应该出现在客户端代码中的。 所以，正确的做法应该是在服务器端建立一个API，小程序通过发送HTTP请求到这个API来与MongoDB进行交互。用户可能没有意识到这一点，或者可能想了解整个流程，包括服务器端的设置。接下来，我需要考虑如何用Node.js搭建一个简单的服务器，使用Express框架，然后通过Mongoose库连接MongoDB。 首先，用户需要注册MongoDB Atlas账号，创建一个免费的集群，并获取连接字符串。然后在服务器项目中安装必要的依赖，比如express、mongoose、cors等。接着，设置Express服务器，处理来自小程序的请求，比如获取数据或提交订单。同时，需要处理跨域问题，使用cors中间件来允许小程序的域名访问。 然后，在小程序端，用户需要使用wx.request方法向服务器发送请求。例如，在提交订单时，将选中的商品数据POST到服务器的/createOrder接口，服务器处理后将订单存入MongoDB，并返回订单ID，小程序再跳转到订单详情页面。 用户提供的示例代码中有一个createOrder函数，这可以作为参考，说明用户已经了解小程序端如何发起请求，但需要补充服务器端的实现。因此，在回答中需要详细说明服务器端的代码结构，包括连接数据库、定义模型、处理路由等步骤。 还需要注意安全性，比如在服务器端使用环境变量来保存数据库的敏感信息，避免硬编码。此外，处理错误和异常也是必要的，比如数据库连接失败时的处理，或者请求参数不正确时返回相应的错误信息。 用户可能遇到的问题包括：如何获取MongoDB的连接字符串，如何在服务器端处理POST请求，如何定义数据模型，以及如何部署服务器到云端。因此，在回答中应该涵盖这些步骤，并提供示例代码和关键点说明。 最后，生成的相关问题需要围绕微信小程序与数据库交互的扩展内容，比如如何保护API接口、实时数据同步的方法、数据验证和用户认证等，这些都能帮助用户进一步深入学习和解决问题。</think>### 微信小程序连接 MongoDB 的完整流程 微信小程序**无法直接在前端代码中连接MongoDB**，因为存在安全风险（如暴露数据库连接信息）。需通过以下步骤实现间接连接： 1. **架构设计** - **小程序端**：通过 `wx.request` 调用后端 API - **服务器端**：使用 Node.js + Express + Mongoose 构建 RESTful API - **数据库层**：部署 MongoDB 实例（推荐使用云服务如 MongoDB Atlas） 2. **具体实现步骤** **（1）准备 MongoDB 数据库** ```bash # 注册 MongoDB Atlas 并创建免费集群 # 获取连接字符串示例： mongodb+srv://<username>:<password>@cluster0.xxxxx.mongodb.net/mydb?retryWrites=true&w=majority ``` **（2）搭建 Node.js 服务器** ```javascript // server.js const express = require('express'); const mongoose = require('mongoose'); const cors = require('cors'); const app = express(); app.use(cors()); app.use(express.json()); // 连接 MongoDB mongoose.connect('mongodb+srv://your_connection_string', { useNewUrlParser: true, useUnifiedTopology: true }) .then(() => console.log('MongoDB connected')) .catch(err => console.error(err)); // 定义数据模型 const orderSchema = new mongoose.Schema({ items: Array, total: Number, createdAt: { type: Date, default: Date.now } }); const Order = mongoose.model('Order', orderSchema); // 创建订单接口 app.post('/api/orders', async (req, res) => { try { const newOrder = new Order({ items: req.body.cartItems, total: req.body.total }); const savedOrder = await newOrder.save(); res.status(201).json({ orderId: savedOrder._id }); } catch (err) { res.status(500).json({ error: err.message }); } }); const PORT = 3000; app.listen(PORT, () => console.log(`Server running on port ${PORT}`)); ``` **（3）小程序端调用示例** ```javascript // 小程序页面js文件 createOrder: function() { const that = this; wx.request({ url: 'https://your-server-domain.com/api/orders', method: 'POST', data: { cartItems: this.data.selectedItems, total: this.data.totalPrice }, success(res) { if (res.statusCode === 201) { wx.navigateTo({ url: `/pages/orderDetail?id=${res.data.orderId}` }); } } }); } ``` 3. **关键注意事项** - **安全防护**：使用 HTTPS 通信、JWT 身份验证、请求频率限制 - **环境配置**：通过 `.env` 文件管理敏感信息（数据库密码、API密钥） - **错误处理**：小程序端需处理网络异常和服务器错误状态码 - **云部署**：推荐使用云服务部署 Node.js 服务器（如阿里云、腾讯云） ### 引用说明 微信小程序的网络请求规范和安全要求可参考微信官方文档[^1]，数据库操作建议遵循MongoDB最佳安全实践[^2]。
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值