uniapp APP安卓端微信分享

最新推荐文章于 2024-09-04 18:16:49 发布

pixle0

最新推荐文章于 2024-09-04 18:16:49 发布

阅读量961

点赞数

分类专栏： uniapp

本文链接：https://blog.csdn.net/sd1sd2/article/details/109398522

版权

uniapp 专栏收录该内容

10 篇文章 5 订阅

订阅专栏

本文详细介绍了uni-app中实现微信分享的步骤，包括在manifest.json中配置自定义scheme，设置分享内容，以及在app.vue中监听onShow事件以处理从外部链接唤醒时的参数传递。同时，文章还展示了如何通过url参数跳转到指定的内部页面。

摘要由CSDN通过智能技术生成

1.模块配置勾选微信分享填写appid

2.manifest.json切换到源码视图

distribute-android节点下增加

"schemes" : [ "test" ]

test为自定义名称（后面用到）

3.分享页分享代码：

uni.showActionSheet({
					itemList: ['分享到微信'],
					success(res) {
						if (res.tapIndex == 0) {
			
							uni.share({
								provider: "weixin",
								scene: "WXSceneSession",
								type: 0,
								href: "http://xxx.cn/admin/index/share_load?id=5",//转发跳转的外部页面，id为带参（例如这里商品id为5）
								title: '测试',//标题
								summary:"内容",//内容
								imageUrl:"",//图片
								success: function(res) {
									console.log("success");
								},
								fail: function(err) {
									console.log("fail");
								}
							});
			
						}
					}
				})

4.外部页面（h5）唤醒打开app到指定页面：

 location.href = "test://pages/common/houseDetail/index?id=5"

其中test为开始配置的schemes，pages/common/houseDetail/index?id=5为跳转到app的页面路径

5.在app中打开指定页面获取参数

App.vue的onShow添加


          var args= plus.runtime.arguments;//获取传入的url（test://pages/common/houseDetail/index?id=5）
			if(args){
				let pageUrl=args.split("//");//分割获取页面路由和带参
				if(pageUrl.length>1){
					uni.navigateTo({//跳转到指定页面
						url:'/'+pageUrl[1]
					})
				}
			}