如何从短信链接打开跳转到微信App内

运营做了一个活动,准备发送短信推广出去,结果问题来了,用户接收到短信后,点击短信里的链接,默认是用的系统浏览器打开的,但我们的活动是用微信支付啊~~~微信支付啊~~~

系统浏览器里不支持啊!!!

如何才能让用户点击链接后打开微信呢?

上网搜了一圈,发现小程序官方其实是有提供解决方案的

这里我们主要讨论下通过URL Scheme打开小程序的方式

先上官方文档链接:

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html

获取到URL Scheme后,可用于从短信、邮件、微信外网页等场景打开小程序。生成的URL Scheme如下所示:

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

iOS系统支持识别URL Scheme,可在短信等应用场景中直接通过 Scheme 跳转小程序。

Android系统不支持直接识别 URL Scheme,用户无法通过 Sheme正常打开小程序,开发者需要使用H5页面中转,再跳到 Scheme 实现打开小程序,跳转代码示例如下:

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

该跳转方法可以在用户打开H5时立即调用,也可以在用户触发事件后调用。

如何获取 URL Scheme

获取 URL Scheme 一共有两个步骤

一,获取小程序全局唯一后台接口调用凭证(access_token);

二,将access_token作为参数请求获取小程序 scheme 码。

具体的接口与参数,这里不细说,大家可以去看下官方文档,写得很明白。

但官方文档里有一个坑,这里不得不提醒下,就是第二步获取 scheme的时候,官方是这样描述的:

嗯...请求参数access_token...

然后我一开始是这样写的

 

结果一直给我报 access_token missing

经过多方查证,发现原来 access_token需要在请求的url上作为query发送,不能是在post里的body作为参数发送,你说官方文档算不算误导呢~

正确的写法应该这样:

然后成功获取到了 Scheme

好了,最后再上一张流程图


今天的分享就这样了

H5页面想要直接跳转微信APP内的视频号,需要利用微信提供的JSSDK(JavaScript接口安全域名)。首先,你需要在微信公众平台上申请获取“微信开放平台”的JS-SDK权限,并配置安全域名。 以下是一个基本的步骤: 1. **引入JSSDK**: 在HTML文件头部加入微信的`<script>`标签,引入微信JSSDK的核心库: ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` 2. **注册回调函数**: 在window.onload或其他适当时机,设置一个全局的`wx.ready`回调,用于初始化微信环境: ```javascript window.onload = function() { wx.ready(function () { // 初始化成功后可以调用微信API }); }; ``` 3. **配置授权和跳转**: 调用`wx.openWindow`方法打开视频号链接,需要先通过`wx.config`配置安全域等信息: ```javascript var url = "weixin://video/wxvideo?v=Videoid"; // Videoid替换为实际的视频号ID wx.config({ debug: false, // 开发模式开关,调试模式会弹出错误提示 appId: 'your_app_id', // 公众账号AppId timestamp: '', // 配置的时间戳 nonceStr: '', // 配置的nonceStr signature: '', // 配置的signature jsApiList: ['openWindow'] // 需要使用的JSSDK列表 }); wx.config({ ... // 使用当前时间生成并填写timestamp、nonceStr和signature }); wx.openWindow({ url: url, success: function(res) { console.log('跳转成功'); }, fail: function(res) { console.error('跳转失败', res); } }); ``` 4. **注意**:确保你已经获得了用户对公众号的授权,因为某些操作可能需要用户的授权才能访问。此外,对于微信内部链接微信浏览器可能会有特定的限制。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值