uniapp封装h5、微信小程序分享方法
时间: 2023-08-04 17:08:28 浏览: 349
uniapp 微信H5分享 下载就能用
5星 · 资源好评率100%
Uniapp提供了一些API用于实现H5和微信小程序的分享功能,可以在封装的方法中使用这些API来实现。
1. H5分享方法:
```javascript
export function share(title, desc, link) {
if (typeof window !== 'undefined' && window.wx) {
window.wx.ready(function () {
window.wx.updateAppMessageShareData({
title: title, // 分享标题
desc: desc, // 分享描述
link: link, // 分享链接
});
window.wx.updateTimelineShareData({
title: title, // 分享标题
link: link, // 分享链接
});
});
} else {
console.warn('微信分享只能在微信里使用');
}
}
```
2. 微信小程序分享方法:
```javascript
export function share(title, path, imageUrl) {
if (typeof wx !== 'undefined') {
wx.showShareMenu({
withShareTicket: true,
});
wx.onShareAppMessage(function () {
return {
title: title,
path: path,
imageUrl: imageUrl,
};
});
} else {
console.warn('微信分享只能在微信小程序里使用');
}
}
```
需要注意的是,微信小程序分享时需要在app.json中配置分享相关信息。
阅读全文