跳过主要内容

分享目标 Capacitor插件

从其他应用程序接收共享内容 - 文本、图像和文件

安装

bun add @capgo/capacitor-share-target bunx cap sync
npm、pnpm或yarn
  • npm install @capgo/capacitor-share-target
  • pnpm add @capgo/capacitor-share-target
  • yarn add @capgo/capacitor-share-target

指南

如何使用Capacitor

使用 @capgo/capacitor-share-target

Capacitor Share Target Plugin 接口

安装

bun add @capgo/capacitor-share-target
bunx cap sync

bunx cap sync 将插件的本机 code 复制到您的本机项目中。每次升级插件后都重新运行它。

导入

import { CapacitorShareTarget } from '@capgo/capacitor-share-target';

API 简要概述

方法 描述
addListener 监听分享接收事件。
removeAllListeners 移除此插件的所有监听器。
getPluginVersion 获取本机 Capacitor 插件版本。

示例

addListener()

监听分享接收事件

import { CapacitorShareTarget } from '@capgo/capacitor-share-target';

const listener = await CapacitorShareTarget.addListener('shareReceived', (event) => {
  console.log('Title:', event.title);
  console.log('Texts:', event.texts);
  event.files?.forEach(file => {
    console.log(`File: ${file.name} (${file.mimeType})`);
  });
});

// To remove the listener:
await listener.remove();

removeAllListeners()

移除此插件的所有监听器

import { CapacitorShareTarget } from '@capgo/capacitor-share-target';

await CapacitorShareTarget.removeAllListeners();

getPluginVersion()

获取本地Capacitor插件版本

import { CapacitorShareTarget } from '@capgo/capacitor-share-target';

const { version} = await CapacitorShareTarget.getPluginVersion();
console.log('Plugin version:', version);

监听事件

addListener 返回一个句柄。调用 handle.remove() 当屏幕卸载时,或者 CapacitorShareTarget.removeAllListeners() 清除每个监听器

完整参考

继续使用 @capgo/capacitor-share-target

如果您正在使用 使用 @capgo/capacitor-share-target 来规划原生插件工作,连接它与 @capgo/capacitor-share-target 查看 @capgo/capacitor-share-target 中的实现细节 开始 查看开始中实现细节 Capgo 插件目录 查看 Capgo 插件目录 中的产品工作流程 Capacitor 由 Capgo 提供的插件 查看 Capacitor 由 Capgo 提供的插件 中的实现细节 添加或更新插件 添加或更新插件的实现细节。

常见问题

Share Target 插件常见问题

如何在 Capacitor 应用中安装 Share Target 插件?

Run "bun add @capgo/capacitor-share-target" (or "npm install @capgo/capacitor-share-target"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-share-target" in your app code.

是否@capgo/capacitor-share-target与React、Vue和Angular兼容?

是的。Share Target 是一个 Capacitor 包,因此它可以与任何在 Capacitor 内部运行的 Web 框架一起使用,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

Which Capacitor version does @capgo/capacitor-share-target support?

Capgo 插件遵循 Capacitor 的主要版本:使用与 Capacitor 主要版本匹配的插件主要版本(例如插件 v8 与 Capacitor 8)。在 GitHub README 中的兼容性表格中列出了维护的版本。

是否@capgo/capacitor-share-target免费且开源?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-share-target/ and the package is free to install from npm. Bug reports and pull requests are welcome.

是否可以在不经过 App Store 审核的情况下更新使用 Share Target 的 code?

安装或升级插件会更改本地 code,因此需要一个新的商店构建。之后,使用插件的 JavaScript、HTML 和 CSS 更改可以立即通过 Capgo 实时更新发布。

在应用程序审核前,不用等待就可以将分享目标的更新推送到应用程序

一旦插件被添加到你的应用程序构建中,Capgo即刻推送你的JavaScript、HTML和CSS更新到用户中

开始使用Capgo