uniapp：APP跳转小程序

sunly_

已于 2024-08-02 09:37:25 修改

阅读量6.3k

点赞数 1

分类专栏： uniapp 文章标签：小程序

于 2022-03-14 14:49:51 首次发布

本文链接：https://blog.youkuaiyun.com/qq_40745143/article/details/123478216

版权

uniapp 专栏收录该内容

106 篇文章

订阅专栏

本文详细介绍如何使用uniapp实现从APP内跳转至微信小程序的过程。首先需在manifest.json中启用分享模块并正确填写APPID，注意此处APPID为移动应用而非小程序。其次，在微信开放平台申请移动应用并将其与目标小程序关联，此步骤需由后台完成。最后，通过接口返回数据中的小程序原始ID等参数，利用plus.share.getServices方法分享并跳转至指定小程序页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、manifest.json勾选分享模块，填入APPID

提示：这里分享用的appid是第2步申请移动应用后给的appid，不是小程序的，好多填错的，跳转后提示bad_param

在这里插入图片描述

2、登录微信开放平台微信开放平台，申请移动应用，并且将移动应用关联到需要跳转到的小程序。

这个步骤由后台操作完成（申请移动应用参考文章），我这里没有记录。需要给后台提供APK的签名，查看获取签名的方法。

3、接口返回数据，需要用到小程序的原始id

在这里插入图片描述

// 跳转方法
// 接口返回res.data.params
let params = JSON.parse(res.data.params);
console.log(params);
plus.share.getServices(res => {
	this.sweixin = res.find(i => i.id === 'weixin')
	if (this.sweixin) {
		// 分享跳转到微信小程序
		this.sweixin.launchMiniProgram({
			id: params.original_id, // 	关联微信小程序的原始ID（"g_"开头的字符串）
			path: params.path, //	打开小程序的页面路径，不传默认跳转首页
			type: 0 // 	微信小程序版本类型，可取值： 0-正式版； 1-测试版； 2-体验版。 默认值为0。
		}, res => {
			console.log('成功唤起微信小程序');
		}, err => {
			console.log('失败');
		})
	} else {
		// 没有获取到微信分享服务
	}
}, err => {
	// 获取分享服务列表失败
});