微信公众号跳转App-开放标签

微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签,网页开发者可安全便捷地使用微信或系统的能力,为微信用户提供更优质的网页体验。说白了就是公众号跳转APP

因为是最近开放的功能,配置相关的请查看-官方文档,接下来就直接操作了。(基于vue)

先下包因为次功能为基于wxjssdk1.6.0版本+的, 还有一种直接引入wxjssdk的链接,这种方法官方文档里有就不介绍了。

为什么使用npm包的jssdk, 是为了按需加载, 其实也没啥必要, 直接在index.html, 直接引入wxjssdk的链接全局一次wx.config就ok。

两种随便选一个 npm 包 jweixin-1.6.0  / weixin-js-sdk  官方上这块具体也没说到底怎么用,所以开始实践。

在对应文件引入对应的包。

  import wx from 'jweixin-1.6.0';

在created/beforeCreated中调用获取你们微信公众号基本信息的参数

### 微信公众号跳转至第三方小程序的方法 #### 需求背景 为了满足在微信公众号的H5页面中展示并实现跳转到特定的小程序页面的需求,开发者可以采用官方支持的方式进行设置。这种方式不仅适用于自有小程序也适用于第三方小程序。 #### 解决方案概述 当希望从微信公众号内的H5页面跳转到第三方小程序时,可以通过`<a>`标签配合`href="weixin://dl/business/?t=..."`的形式来构建链接[^1]。然而对于更复杂的应用场景以及更好的用户体验来说,推荐使用JS-SDK中的`wx.miniProgram.navigateTo`接口来进行操作[^2]。 #### JS-SDK配置与调用 为了能够正常使用上述提到的功能,首先需要确保已经按照微信公众平台的要求完成了相应的安全域名备案工作,并且获得了必要的权限。接着可以在HTML页面加载完成后执行如下JavaScript代码: ```javascript // 初始化JSSDK wx.config({ debug: false, // 开启调试模式, appId: 'YOUR_APP_ID', // 必填,企业号的唯一标识,此处填写企业号corpid timestamp: '', // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',// 必填,签名 jsApiList: ['miniProgram'] // 必填,需要使用的JS接口列表 }); // 使用 wx.miniProgram 方法跳转到小程序 function gotoMiniProgram() { wx.miniProgram.navigateTo({ url: '/pages/index?query=1' }); } ``` 请注意以上代码片段中的参数需替换为实际值,特别是appId、timestamp、nonceStr和signature这些用于验证身份的信息应该由服务器端动态生成。 #### 授权过程简介 如果涉及到的是跨主体之间的跳转(即非同一运营者下的公众号与小程序),那么还需要额外经历一个授权的过程。这通常涉及到了解如何让公众号管理者授予相应权限给目标小程序所属的服务提供商或技术团队。具体步骤包括但不限于启动票据推送服务、获取预授权码pre_auth_code并通过此编码创建PC/H5形式的授权链接供管理账号确认授权等环节[^4]。
评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值