更新记录
1.0.0(2024-08-26)
isWAppInstalled
: 检查设备上是否已安装WApp。shareTextToWApp
: 分享文本到WApp。shareImageToWApp
: 分享图片到WApp。
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.91,Android:5.0,iOS:10,HarmonyNext:不确定 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
WApp 分享插件
此插件用于在Uniapp应用中将文本或图片分享到WApp。它提供了简单的API来检查WApp是否已安装,并支持直接分享内容。
功能介绍
isWAppInstalled
: 检查设备上是否已安装WApp。shareTextToWApp
: 分享文本到WApp。shareImageToWApp
: 分享图片到WApp。
引用
在使用插件功能前,需要在项目中导入相关函数:
import { isWAppInstalled, shareTextToWApp, shareImageToWApp } from '@/uni_modules/WApp-sharing';
基础用法
1. 检查WApp是否已安装
在分享内容之前,您可以使用 isWAppInstalled 函数检查设备上是否已安装WApp。如果已安装,函数会返回 true;否则返回 false。
const isInstalled = isWAppInstalled();
if (isInstalled) {
console.log('WApp 已安装');
} else {
console.log('WApp 未安装');
}
2. 分享文本到WApp
要将文本直接分享至WApp,请使用 shareTextToWApp 函数。您只需传入一个字符串,WApp将会自动打开,并准备好发送该文本。
const textToShare = "这是我从应用分享的内容!";
shareTextToWApp(textToShare);
3. 分享图片到WApp
除了文本,您还可以分享图片。使用 shareImageToWApp 函数,传入图片的路径即可。
const imagePath = "/path/to/image.jpg";
shareImageToWApp(imagePath);
示例
以下是一个完整的示例,展示了如何检查WApp的安装状态,并根据检查结果分享文本或图片。
import { isWAppInstalled, shareTextToWApp, shareImageToWApp } from '@/uni_modules/WApp-sharing';
if (isWAppInstalled()) {
uni.chooseImage({
count: 1,
sourceType: ['album'],
success: (res) => {
const imagePath = res.tempFilePaths[0];
shareImageToWApp(imagePath);
}
})
// 或者分享文本
// shareTextToWApp("看看这条很酷的信息!");
} else {
console.log("请安装WApp以分享此内容。");
}