uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数

本文是uniapp打包成安卓App。

一、注意事项

1、用到了分享功能，在打包App时，需要配置manifest.json：App 模块配置->Share。按照提示填写微信分享的信息，appid的获取参考我的另一篇文章：uniapp项目 App端实现微信登录、QQ登录

2、因为涉及到第三方 SDK 的配置，需要打包自定义基座进行测试。

3、需要在微信开放平台开启APP跳转小程序，并关联相应的小程序。
微信开放平台 -> 移动应用 -> 查看 -> 最下面的关联小程序信息，配置关联小程序。

二、代码实现

1、App端跳转微信小程序

注意：与微信小程序跳转微信小程序不同，App端不支持 uni.navigateToMiniProgram，App平台打开微信小程序，需要使用plus.share的 launchMiniProgram。

appJumpMiniPro() {// 获取分享服务列表plus.share.getServices(res => {let sweixin = '';for (var i = 0; i < res.length; i++) {let t = res[i];if (t.id == 'weixin') {sweixin = t;}}if (sweixin) {sweixin.launchMiniProgram({id: 'gh_32620xxxxxx',  // 要跳转小程序的原始IDpath: `pages/tslogin/tslogin?do=login&appName=暴漫APP`,  //  可带参数type: 2   // 微信小程序版本类型可取值： 0-正式版； 1-测试版； 2-体验版。 默认值为0。},// 目标小程序点击返回App后执行的回调，在此接收微信小程序传递的参数res2 => {console.log(typeof res2, res2)// res2是微信小程序传递回来的参数 类型为string 需转化为js对象使用let result = JSON.parse(res2)console.log(result) // 拿到参数后执行你需要的逻辑    ......   },err2 => {console.log(err2)});}else {uni.showToast({icon: 'none',title: '当前环境不支持微信操作!'})}},err => {console.log(err)})
}

2、微信小程序端返回App端

下面的代码基于微信小程序也是uniapp开发的，原生的写法稍微有点不一样，详情见：打开 App | 微信开放文档。

<template><view class="page-container"><view class="">移动应用：{{appName}}</view><button class="bottom" open-type="launchApp" :app-parameter="JSON.stringify(form)" @error="launchAppError">返回APP</button></view>
</template><script>
export default {data() {return {appName: '',form: {cid: 4408111111111,libs: ['中山图书馆','广州图书馆','中山图书馆','广州图书馆']}}},onLoad(option) {console.log(option)this.appName = option.appName},methods: {launchAppError(e) {console.log(e.detail)uni.showToast({icon:'none', title:e.detail.errMsg})}}
}
</script>

第一次做这样的功能，记录一下。希望能帮到你。

完。记录于2021-11-11。

uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数相关推荐

uni-app app 跳转微信小程序（安卓/ios）
uni-app app 跳转微信小程序(安卓/ios) 近日接到需求,需要实现在 app 中直接跳转到微信小程序中,其实非常简单,uni-app 都已经集成好了. 安卓和ios 有点区别,这个需要注 ...
uniapp APP跳转小程序到指定页面
上代码 plus.share.getServices(res => {let sweixin = null;for (let i in res) {if (res[i].id == 'weixi ...
uniApp APP跳转支付宝小程序，uniapp唤起支付小程序
ios上支付宝的自定义协议是alipay Android上支付宝的自定义协议是alipays #ifdef APP-PLUSlet alipayUrl = null;if (uni.getSystem ...
苹果手机消息先发给服务器,iPhone接收微信信息延迟，可能是这3个问题导致的，赶紧自查一下...
原标题:iPhone接收微信信息延迟,可能是这3个问题导致的,赶紧自查一下经常使用微信聊天的小伙伴,你们会不会遇到明明已经将微信信息看完了,但等一下打开微信软件后,有多了几条未阅读信息,这到底是怎么 ...
android微信第三方登陆混淆,Android 第三方应用接入微信平台研究情况分享(二)
微信平台开放后倒是挺火的,许多第三方应用都想试下,毕竟可以利用微信建立起来的关系链来拓展自己的应用还是挺不错的,可以节约很多在社交方面的开销,我最近由于实习需要也在研究这个东西,不过发现网上的相关资料 ...
uniapp 应用APP跳转微信小程序
最近APP项目开发完成,在评审会上老板提了一个需求,想在开发的APP上添加一个链接,可以跳转公司的小程序商城. 原以为会很复杂,结果只有短短的几行代码. plus.share.getServices( ...
记录--uniapp 应用APP跳转微信小程序
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助最近APP项目开发完成,在评审会上老板提了一个需求,想在开发的APP上添加一个链接,可以跳转公司的小程序商城. 原以为会很复杂,结果只有短 ...
微信小程序有关于Linux的吗,微信小程序可以跳转到手机 app 啦！
微信今天宣布开放从小程序跳转到手机应用的功能,具体来说,这项功能属于腾讯此前开放的"app 链接分享到微信"的延伸功能,用户通过某款 app 打开微信并直接跳转到小程序页面后,微信 ...
APP跳转微信小程序，跳转微信公众号
一.判断手机是否安装了微信的工具类: //判断手机是否安装了某些程序的工具类 public class IsInstallUtils {//判断是否安装了微信public static boolean ...

uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数

一、注意事项

二、代码实现

uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数相关推荐

最新文章

热门文章