更新记录
2.0.3(2021-07-12) 下载此版本
修改关闭回调bug
2.0.2(2021-06-25) 下载此版本
修复图标不显示问题
2.0.1(2021-06-07) 下载此版本
修改图片不显示bug
查看更多平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| - | - | - | - | √ | √ | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| × | × | × | × | - | - | - | × | - | × | × |
APP分享、微博分享、QQ分享、微信好友、朋友圈
***(***) |
***(***备注"***") |
|---|---|
![]() |
![]() |
| : | : |
点击跳转-插件示例
点击跳转-5年的web前端开源的uni-app快速开发模板-下载看文档
使用方法 第一步
在manifest.json文件里面的App SDK配置的分享配置对应的平台参数(不配置参数在自定义基座里面只会显示复制和更多, 配置之后要重新打包才生效)
常见问题
- 运行示例报错
答:不要在H5、小程序等浏览器上面运行,此插件只适合在android、IOS上运行
- 分享图标不显示
答:插件里面static文件里面的图片放到根目录的static文件里面, 直接导入插件,结构有问题
- 分享出去的图片不显示
答:本分享插件使用的官方分享API,有分享问题,仔细研究官方的分享API
使用方法 第二步
<template>
<button type="default" @click="onShare">APP分享</button>
</template>
<script>
// 引入方法
import appShare, { closeShare } from '@/uni_modules/zhouWei-APPshare/js_sdk/appShare';
export default {
methods: {
onShare(){
let shareData = {
shareUrl:"https://kemean.com/",
shareTitle:"分享的标题",
shareContent:"分享的描述",
shareImg:"http://qn.kemean.cn//upload/202004/18/***67w6xj18b1.jpg",
appId : "wxd0e0881530ee4444", // 默认不传type的时候,必须传appId和appPath才会显示小程序图标
appPath : "pages/home/home",
appWebUrl : "https://kemean.com/",
};
// 调用
let shareObj = appShare(shareData,res => {
console.log("分享成功回调",res);
// 分享成功后关闭弹窗
// 第一种关闭弹窗的方式
closeShare();
});
setTimeout(() => {
// 第二种关闭弹窗的方式
shareObj.close();
},5000);
}
}
}
</script>
插件说明
| 参数名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| shareUrl | String | -- | 分享的地址(type 为 0 时必传) |
| shareTitle | String | -- | 分享的标题 |
| shareContent | String | 分享的描述 | 分享的描述(type 为 1 时必传) |
| shareImg | String | 分享的图片 | 分享的图片(type 为 0、2、5 时必传) |
| mediaUrl | String | -- | 分享的音视频地址(type 为 3、4 时必传) |
| type | Number | 参考平台默认值 | 分享形式,如图文、纯文字、纯图片、音乐、视频、小程序等,具体参考下面type说明 |
type 值说明
| 值 | 说明 | 支持平台 |
|---|---|---|
| 0 | 图文 | 微信、新浪微博 |
| 1 | 纯文字 | 全平台支持 |
| 2 | 纯图片 | 全平台支持 |
| 3 | 音乐 | 微信、QQ |
| 4 | 视频 | 微信、新浪微博 |
| 5 | 小程序 | 微信聊天界面 |
平台默认值
| 平台 | 默认值 |
|---|---|
| 新浪微博 | 0 |
| 微信好友 | 0 |
| 微信朋友圈 | 0 |
| 1 | |
| 微信小程序 | 5 |
分享小程序必传参数(type 为 5 时必传)
注意:小程序必须是在微信开放平台与App绑定的才行 |
参数名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|---|
| appId | String | -- | 微信小程序原始id (比传) | |
| appPath | String | -- | 点击链接进入的页面 (比传) | |
| appWebUrl | String | "" | 兼容低版本的网页链接(比传) | |
| appType | Number | 0 | 微信小程序版本类型,可取值: 0-正式版; 1-测试版; 2-体验版。 默认值为0 |

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏(0)


下载 26353
赞赏 8
下载 10668719
赞赏 1797
赞赏
京公网安备:11010802035340号