微信小程序分享功能(分享好友或朋友圈-两种方式)
2021/12/7 20:17:14
本文主要是介绍微信小程序分享功能(分享好友或朋友圈-两种方式),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、分享朋友圈-详见uni-app官方文档
注意:更多注意事项见uni-app文档
结果展示:
二、分享好友或者朋友圈-详见微信开放文档
先展示:
实现分享好友
实现分享朋友圈
注意:这两个方法和页面生命周期onLoad()同一级
详见代码:
onLoad(option) {
this.setPaintOrgIdData(option);
this.getProductData(option);
},
// 微信小程序右上角分享
onShareAppMessage() {
return this.getShareData();
},
// 转发至朋友圈
onShareTimeline() {
return this.getShareData("timeline");
},methods:{
getShareData(type) {
let title = "分享标题";
// 判断本地是否存在ID---------(这个不重要,目的是为了获取 path)
let paintOrgId = uni.getStorageSync("paintOrgId");
let path = `/pages/index/index`;
if (paintOrgId) {
path = `${path}?id=${paintOrgId}`;
}
let imageUrl = "../../static/images/public/ic_unified_share.png";
if (type == "timeline") {
return {
title,
imageUrl,
query: path,
};
}
return {
title,
imageUrl,
path,
};
},}
模仿上面的代码就能实现
这篇关于微信小程序分享功能(分享好友或朋友圈-两种方式)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-13微信小程序如何封装接口域名?-icode9专业技术文章分享
- 2024-11-13如何在微信小程序中实现直传功能?-icode9专业技术文章分享
- 2024-11-13如何在小程序的地图组件中添加标记和文字?-icode9专业技术文章分享
- 2024-11-13在微信小程序的地图组件中如何实现自定义标记和气泡?-icode9专业技术文章分享
- 2024-11-01微信小程序教程:零基础入门到实战
- 2024-11-01微信小程序全栈教程:从入门到实践
- 2024-10-31微信小程序怎么实现关注公众号功能-icode9专业技术文章分享
- 2024-10-30微信小程序cover-view,支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序的cover-image支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序web-view怎么设置高度?-icode9专业技术文章分享