APP跳转小程序 （获取微信小程序username和path）

Posted 2023-03-29

参考技术A 背景：需求是要实现App跳转小程序，而这个小程序是某平台的小程序。网上查阅跳转小程序需要两个核心参数， username 和 path 。那么我们怎么去得到这两个参数呢？下面开始一一介绍：

渠道很有多，我以微信客户端来说明。可以在微信上搜索你的目标小程序，下面我随便一个小程序说明。

通过 微信公众开发平台 ，进入后台之后搜索你的目标小程序

后面就简单啦，你想得到目标页面的path，只需浏览目标页面，然后点击右上角分享，复制页面路径。那就是当前页面的路径啦！

后续，你拿到了 username 和 path ，就可以愉快的跳转啦!

检查一下 path ,查看其他复制的 path 和当前的页面是否一致。如果一样，说明当前的页面是很有可能内部鉴权关系返回的地址。可以先将目标的页面分享到微信，然后在微信中打开此分享链接，进入目标小程序后，再次复制获取的 path 应该就是真正的加密路径 path 。

微信支持H5跳转App、跳转小程序

参考技术A 定义: 微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签，网页开发者可安全便捷地使用微信或系统的能力，为微信用户提供更优质的网页体验

有哪些开放标签?

<wx-open-launch-weapp> 打开小程序

<wx-open-launch-app> 打开app

接入要求

主体要求: 仅开放给已认证的服务号

系统要求：

微信版本要求为：7.0.12及以上。系统版本要求为：iOS 10.3及以上、Android 5.0及以上

接入方法

打开小程序使用步骤与微信JS-SDK类似，需要绑定安全域名、引入JS文件等步骤

打开app需要前往微信开放平台的管理中心-公众账号或小程序详情-接口信息-网页跳转移动应用-关联设置中绑定所需要跳转的App

示例:

配置最新JSSDK

wx.config(

// 其它配置不变， openTagList配置可使用的开放标签,

openTagList: ['wx-open-launch-app, wx-open-launch-weapp']

)

页面使用开放标签

打开小程序

id="launch-btn"

// 小程序id

username="gh_xxxxxxxx"

// 小程序路径

path="/a/b/c?d=1&e=2#fg"

>

.btn  padding: 12px 

打开小程序

打开app

id="launch-btn"

// 移动应用appid

appid="your-appid"

// 额外信息, 客户端自行解析

extinfo="your-extinfo"

>

.btn  padding: 12px 

App内查看

回调

var btn = document.getElementById('launch-btn');

// 调起成功回调

btn.addEventListener('launch',function(e) 

console.log('success');

);

// 调起失败回调

btn.addEventListener('error',function(e) 

console.log('fail', e.detail);

);