uni-app 小程序跳转微信小程序及APP端(安卓ios)

uni-app 小程序跳转微信小程序及APP端(安卓ios),第1张

uniapp 微信小程序跳转至其他小程序

需求

微信小程序跳转至另外一个小程序

要点

根据后台传给的路径和appId进行传值

@click="tao(item.weAppInfo.pagePath, item.weAppInfo.appId)"

item.weAppInfo.pagePath, item.weAppInfo.appId都是后端返回的数据

在方法里,调用 uni.navigateToMiniProgram 并且传值

tao(url, id) {
      console.log(url);
      uni.navigateToMiniProgram({
        appId: id,
        path: url,
        success: res => {
          // 打开成功
          console.log("打开成功", res);
        },
        fail: err => {
          console.log(err);
        }
      });
    },

关键点就是后端返回
pagePath: 要跳转小程序的路径
appId: 要跳转到的小程序的appId

uni-app 跳转 app(安卓/ios

需求

需要实现在 app 中直接跳转到微信小程序中,其实非常简单,uni-app 都已经集成好了。

注意

安卓和ios 有点区别,这个需要注意一下,在下面的代码中有体现 。

		// #ifdef APP-PLUS
		// 如果是ios 需要先login 然后在 执行下面的代码 isIOS 这个方法根据你项目中的来定义 即可
		if (isIOS()) {
			uni.login({
				provider: 'weixin',
				success: function(loginRes1) {
						plus.share.getServices(function(res) {
						var sweixin = null;
						for (var i = 0; i < res.length; i++) {
							var t = res[i];
							if (t.id == 'weixin') {
								sweixin = t;
							}
						}
				
						if (sweixin) {
							sweixin.launchMiniProgram({
								id: '小程序原始id',
								path: '路径 可以带 参数',
								type: 0
							});
						}
					}, function(res) {
						console.log(JSON.stringify(res));
					});
				}
			});
		} else {
			plus.share.getServices(function(res) {
				var sweixin = null;
				for (var i = 0; i < res.length; i++) {
					var t = res[i];
					if (t.id == 'weixin') {
						sweixin = t;
					}
				}
		
				if (sweixin) {
					sweixin.launchMiniProgram({
						id: '小程序原始id',
						path: '路径 可以带 参数',
						type: 0
					});
				}
			}, function(res) {
				console.log(JSON.stringify(res));
			});
		}
		//#endif
jump() {
				// 跳转外部链接h5
				// #ifdef H5
				window.location.href = 'http://www.baidu.com';
				// #endif
				// #ifdef APP-PLUS
				plus.runtime.openURL('http://www.baidu.com') //不需要拼接
				// plus.runtime.openURL(`http://${jumpUrl}`)//需要拼接
				// #endif
},

官方文档: uniapp 小程序跳转

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/993192.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存