微信URL Scheme码+长链接转短链接+短链接通过h5页面跳转到微信小程序

已于 2023-01-29 10:30:50 修改
阅读量7k 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： 微信小程序 实战实用篇（错过后悔一辈子!） 文章标签： 小程序 营销短信 短链接 微信小程序
于 2021-11-16 19:55:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/IT_Most/article/details/121363002
本文介绍了如何通过微信URL Scheme码、长链接转短链接技术，实现在短信推广中，用户点击短链接经由H5中转页面跳转到微信小程序的全过程。详细阐述了兼容性问题、生成URL Scheme码的两种方式、短链接的生成与使用，以及中转页面源码的实现。

 微信URL Scheme码+长链接转短链接+短链接通过h5页面跳转到微信小程序

 ——生成微信URL Scheme码--》长链接转换成短链接--》通过短信进行推广--》用户访问营销短信--》通过短链接跳转访问微信小程序（h5页面中转）

1 使用场景示例

         在日常品牌推广中，短信推广是比较常见的方式之一。访问短信中的短链接可直达品牌投放落地页面。下面我以微信小程序的URL Scheme码为例详细演示：生成微信URL Scheme码--》长链接转换成短链接--》通过短信进行推广--》用户访问营销短信 --》通过短链接跳转访问微信小程序（h5页面中转） 的全步骤。

        什么是微信URL Scheme码？微信URL Scheme码，主要用来实现从短信、邮件、微信外网页等其他场景打开微信小程序。

        访问营销短信真实示例如下：

了解本专栏 订阅专栏 解锁全文 超级会员免费看
微信8.0所有URL Scheme大全：隐藏入口与使用场景详解 内附195条微信URL Scheme
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
09-19 653
URL Scheme 类似于一个协议地址，它的作用和网页的https://差不多，只不过它不是打开网页，而是直接跳转到微信App内部的功能页面。→ 打开微信扫一扫→ 打开零钱通详情→ 打开微信面对面支付微信功能的“快捷指令”。整理下来，微信的 URL Scheme 基本覆盖了支付、联系人、扫一扫、小程序、运动设备等多个入口。对开发者来说，这些 Scheme 就像是隐藏的快捷通道，在某些场景（比如支付唤起、活动红包、客服入口）能大大简化流程。微信对外部调用限制非常严格。
微信小程序生成url scheme以及通过html跳转
qq_36437991的博客
07-12 2553
微信小程序生成url scheme以及通过html跳转
微信接口
08-13 4625
weixin://dl/scan 扫一扫 weixin://dl/feedback 反馈 weixin://dl/moments 朋友圈 weixin://dl/settings 设置 weixin://dl/notifications 消息通知设置 weixin://dl/chat 聊天设置 weixin://dl/general 通用设置 weixin://dl/official
h5页面跳转微信小程序（最简单的方法|URL Scheme）
热门推荐
肥晨开发的学习之路
12-21 2万+
用户可以在H5页面中浏览和选择商品、服务等内容，然后直接跳转到微信小程序中进行购买、支付等操作，避免了在不同平台之间的切换和跳转，提高了使用效率和便捷性。微信内的网页如需打开小程序请使用微信开放标签-小程序跳转按钮，无公众号也可以直接使用小程序身份开发网页并免鉴权跳转小程序，见云开发静态网站跳转小程序。开发者无需调用平台接口，在MP平台->设置->隐私与安全->明文Scheme拉起此小程序声明后，可自行根据如下格式拼接appid和path等参数，作为明文 URL Scheme 链接。行业内幕，洞察先机。
微信小程序 ---- 通过 URLScheme 或 URLLink 从短信、邮件、微信外网页等场景打开小程序
止于至善
01-04 1万+
部分 URL Link 返回的 url_link，在QQ浏览器会被拦截！，因此目前我还是使用的 URL Scheme！
微信小程序加密Url Scheme
咱们不气的博客
11-05 2410
微信小程序的加密Url Scheme为小程序的推广和跨平台应用提供了极大的便利。通过这种链接，企业和开发者可以更灵活地推广小程序，并提升用户体验。然而，在使用Url Scheme时需要特别注意安全性、链接有效期以及数据追踪等问题，以确保Url Scheme的高效和安全性。
微信 URL Scheme详细参数、判断是否为微信内置浏览器
JEFF_xieyuzhi的博客
03-17 7394
weixin:// 打开微信 weixin://dl/scan 扫一扫 weixin://dl/feedback 反馈 weixin://dl/moments 朋友圈 weixin://dl/settings 设置 weixin://dl/notifications 消息通知设置 weixin://dl/chat 聊天设置 weixin://dl/general 通用设置 weixin://dl/...
h5页面跳转微信小程序（最简单的方法-URL Scheme）
12-21
微信内的网页如需打开小程序请使用微信开放标签-小程序跳转按钮，无公众号也可以直接使用小程序身份开发网页并免鉴权跳转小程序，见云开发静态网站跳转小程序。符合开放范围的小程序可以下发支持打开小程序的短信 该...
通过H5链接在微信端或者外部浏览器输入链接打开微信小程序
07-13
标题中的“通过H5链接在微信端或者外部浏览器输入链接打开微信小程序”指的是利用HTML5（H5）页面中的特定技术实现从网页直接跳转到微信小程序的功能。这一功能允许用户在浏览H5页面时，点击特定链接或按钮，无缝地...
从零实现微信小程序 URL Scheme 动态生成与跳转：完整技术方案
最新发布
不定时分享最优质的网络技术与教程，满满的干货。
07-16 1844
本文介绍了微信小程序URLScheme的动态生成与跳转方案。通过微信官方API实现URLScheme生成，包含获取AccessToken、构建请求参数、处理响应等核心流程。方案采用PHP封装类实现，包含调试日志、错误处理、缓存机制等功能，确保稳定可靠。测试日志显示完整流程：初始化API、获取Token、生成Scheme链接。部署需配置服务器权限和小程序认证，最终实现从外部应用无缝跳转至微信小程序的跨应用体验。
微信小程序与H5页面交互：深度实践与代码实现
10-22
微信小程序后台的配置细节，如服务器域名的设置和URL Scheme的配置，以及如何在H5页面中添加小程序跳转按钮，都是实现功能时需要注意的技术要点。 在深入实践这些技术时，开发者会使用到各种编程接口和组件。例如，...
H5跳转微信小程序，通过获取URL Scheme，实现短信跳转小程序，微信跳转小程序，邮件跳转小程序，外部链接跳转小程序
m0_47791238的博客
05-07 1万+
H5跳转微信小程序，通过AccessToken获取URL Scheme，在vue页面通过location.href实现短信，微信，邮件，外部链接等方式跳转小程序，实现链接跳转小程序并传参
微信URL Scheme
kongjunchao159的博客
06-16 1万+
微信URL Scheme 在外部浏览器中，可以通过打开微信APP 也可以通过加一些参数，打开微信APP里的指定页面 扫一扫 反馈 朋友圈 设置 消息通知设置 通用设置 公众号 游戏 反馈 个人信息 功能
URL Scheme 和微信 JS-SDK 的区别
m0_51429350的博客
03-31 1593
是一种自定义的 URL 协议，用于在移动应用之间进行跳转和通信。它允许一个应用通过特定的 URL 打开另一个应用或执行特定的操作。URL Scheme 类似于网页中的 URL，但它们是为移动应用设计的。微信 JS-SDK 提供了一系列功能，如分享、支付、地理位置等，这些功能依赖于微信提供的特定环境和权限。微信提供了多种内置的 URL Scheme，可以在 H5 页面中使用，以实现特定的功能。以下是如何在微信 H5 页面中使用 URL Scheme 进行跳转的示例。首先，需要检测当前环境是否为微信浏览器。
微信小程序获取urlscheme解决办法
weixin_46106723的博客
04-17 1572
【代码】微信小程序获取urlscheme解决办法。
微信小程序生成URL Scheme
全易
03-09 1万+
特别注意： 不能在微信里面打开 不能用安卓手机打开 官方说明：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html
微信小程序 URL Scheme（跳转小程序）
Xuhai0811的博客
04-25 4878
3、【选填】QUERY：通过明文 URL Scheme 打开小程序的 query ，最大512个字符，只支持数字，大小写英文以及部分特殊字符：!- 左下角账号 - 账号设置 - 基本设置 - 隐私与安全 - 明文Scheme拉起此小程序」声明后，可自行根据如下格式拼接appid和path等参数，作为明文 URL Scheme 链接。2、【必填】PATH：通过明文 URL Scheme 打开小程序的页面 path ，必须是已经发布的小程序存在的页面，不可携带 query；，仅在微信外打开时生效。
微信小程序新能力：URL Scheme，可从短信跳转小程序
liubangbo的专栏
06-11 6732
最近小程序上线了一个超级流量的新入口 URL Scheme。通过小程序页面的URL Scheme，可以在短信、邮件或微信外部的网页中打开小程序。 最近小程序上线了一个超级流量的新入口：URL Scheme。通过小程序页面的URL Scheme，可以在短信、邮件或微信外部的网页中打开小程序。 那么如何实现呢？官方文档已经写的很清楚啦，这里简单介绍一下。 首先，获取URL Scheme，通过服务端接口可以获取打开小程序任意页面的URL Scheme，支持生成到期失效和永久有效的URL Scheme。 然
微信urlscheme跳转小程序获取参数
01-20
### 微信 URL Scheme 跳转小程序并获取传递参数的方法 #### 构建 URL Scheme 并携带参数 为了实现从微信外部链接跳转至小程序的功能，需构建特定格式的 URL Scheme 字符串。此字符串应包含 `appid` 和目标路径 `path` 参数，并可选加入其他自定义查询参数。对于这些额外参数，建议先将其序列化为键值对形式再进行编码处理。 ```javascript let query = { Code: "测试跳转小程序", Url: "", brandId: "", userId: "", userName: "" }; // 将对象转化为 key=value 形式的字符串数组 let queryString = Object.keys(query).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(query[key])}`).join('&'); // 对整个查询字符串再次编码以适应 URL Scheme 格式要求 let encodedQuery = encodeURIComponent(queryString); ``` 随后拼接完整的 URL Scheme 地址： ```javascript window.location.href = `weixin://dl/business/?appid=xxxxxxxx&path=pages/index/Index&env_version=trial&query=${encodedQuery}`; ``` 上述代码片段展示了如何创建一个带有附加信息的小程序入口链接[^3]。 #### 接收并解析传入参数 当用户从小程序外部通过 URL Scheme 访问时，在小程序端可以通过 `onLoad()` 生命周期函数来捕获启动场景中的参数。具体来说就是读取 `options.query` 属性内的数据，该属性包含了由 URL Scheme 中 `query` 键所指定的内容解码后的结果。 ```javascript Page({ onLoad(options) { const { query } = options; if (query) { try { // 假设传递过来的是经过 encode 处理过的字符串，则需要 decodeURIComponent 解析回来 let decodedParams = decodeURIComponent(query); // 进一步分割成键值对的形式以便后续使用 let paramsObj = {}; decodedParams.split("&").forEach(item => { let [key, value] = item.split("="); paramsObj[decodeURIComponent(key)] = decodeURIComponent(value || ""); }); console.log(paramsObj); // 输出最终得到的对象结构 } catch(error){ console.error("Failed to parse the incoming parameters:", error.message); } } } }); ``` 这段脚本说明了怎样在小程序内部对接收到的数据做进一步加工和利用[^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT_Most

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值