微信小程序分享功能(分享好友或朋友圈-两种方式)
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-10-04微信小程序如何实现点击图片查看大图功能-icode9专业技术文章分享
- 2024-09-28uniapp 小程序获取到数据库的换行符怎么展示-icode9专业技术文章分享
- 2024-09-20微信小程序全栈项目实战:从零开始的全面指南
- 2024-09-20微信小程序项目实战:零基础入门教程
- 2024-09-19微信小程序项目中miniprogram_npm文件跟node_modules文件的差别-icode9专业技术文章分享
- 2024-08-27小程序 单行显示,超出部分省略号显示的方法代码-icode9专业技术文章分享
- 2024-08-27微信小程序如何获取到特种设备的刘海屏高度-icode9专业技术文章分享
- 2024-08-27微信小程序如何获取苹果手机底部一横线高度信息方法代码-icode9专业技术文章分享
- 2024-08-27微信小程序 顶部状态栏标签背景为none但还是看不到状态栏什么原因-icode9专业技术文章分享
- 2024-08-21微信小程序全栈入门:从零开始的一站式指南