uniapp --APP端自定义分享组件封装

252 阅读1分钟

效果图

截屏 2024-06-03 18.47.13.jpeg

uniapp分享api有

uni.shareWithSystem

无需配置sdk

调用系统分享组件发送分享消息.

  • Android端当msg参数中设置图片(imageUrl属性)时,分享类型自动变为为image,在分享时可能只会发送图片(如微信);没有设置图片时分享类型则认为是文本text
  • Android端高版本无法分析私有路径的图片,只能分享来自相册的图片(使用 uni.chooseImage 选择图像时请设置为原图)。
  • iOS端不同的分享程序对分享内容有要求,如微信分享时必需添加链接地址href,否则微信分享失败。 注:iOS8.0及以上系统触发成功回调则表示发送消息成功。

uni.share

需要申请sdk

manifes.json中配置

image.png

uni.share({
	provider: "weixin",
	scene: "WXSceneSession",
	type: 2,
	imageUrl: "",
	success: function (res) {
		console.log("success:" + JSON.stringify(res));
	},
	fail: function (err) {
		console.log("fail:" + JSON.stringify(err));
	}
});

scene 值说明

说明
WXSceneSession分享到聊天界面
WXSceneTimeline分享到朋友圈
WXSceneFavorite分享到微信收藏

type 值说明

说明provider 支持度
0图文weixin、sinaweibo
1纯文字weixin、qq
2纯图片weixin、qq
3音乐weixin、qq
4视频weixin、sinaweibo
5小程序weixin