uniapp从当前小程序跳转到另一个小程序

目标:

从当前的自己的小程序跳转到另一个小程序

要跳转的那个小程序得是发布的,不然appid是无效的(只能在手机上预览,不能在微信开发者工具里面跳转,微信开发者工具不支持)

uniapp从当前小程序跳转到另一个小程序_第1张图片uniapp从当前小程序跳转到另一个小程序_第2张图片


方法:

1:uni.navigateToMiniProgram 方法跳转

uni.navigateToMiniProgram函数的使用

参数说明:

  1. appId(string类型,必填):要打开的小程序的appId。
  2. path(string类型,非必填):打开的页面路径,如果为空则打开首页。
  3. extraData(object类型,非必填):需要传递给目标小程序的数据,目标小程序可在App.onLaunch,App.onShow中获取到这份数据。
  4. envVersion(string类型,非必填):要打开的小程序版本,仅在当前小程序为开发版或体验版时此参数有效。
  5. success(function类型,非必填):接口调用成功的回调函数。
  6. fail(function类型,非必填):接口调用失败的回调函数。
  7. complete(function类型,非必填):接口调用结束的回调函数(调用成功、失败都会执行)。

 代码示例:

uni.navigateToMiniProgram({
	appId: 'wx6a8173c6299c7a93', // 填入目标小程序的 appId 
	// path: 'pages/index/index', // 打开的页面路径,如果为空则打开首页
	extraData: {
			// 需要传递给目标小程序的数据
			},
	success(res) {
	        console.log("成功===========",res)
			// 打开成功的回调
			},
	fail(err) {
			console.log("失败===========",err)
			// 打开失败的回调
		    }
});

2. 通过链接跳转

实现方法

  1. 在微信公众平台获取目标小程序的链接(可以通过“小程序菜单”->“复制链接”获取)。
  2. 使用wx.navigateToMiniProgramshortLink属性,将链接作为参数传入。
wx.navigateToMiniProgram({
    shortLink: '目标小程序的链接',
    envVersion: 'release',
    success(res) {
        // 打开成功
        console.log("跳转小程序成功!", res);
    }
});

3. 通过二维码跳转

实现方法

  1. 使用第三方二维码生成库,将要跳转的小程序的appIdpath作为参数传入,生成二维码。
  2. 用户扫描二维码后,会跳转到指定的小程序。

 注:

从2.3.0版本开始,若用户未点击小程序页面任意位置,则开发者将无法调用相关接口自动跳转至其他小程序。

你可能感兴趣的:(uni-app,前端,微信小程序)