메인 콘텐츠로 건너뛰기
@capgo/capacitor-share-target 커뮤니케이션 오픈 소스

쉐어 타겟 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_KEEP_1__을 사용하는 방법

장치에서 테스트

Capgo 앱을 다운로드한 후 QR code을 스캔하세요.

쉐어 타겟 플러그인 미리보기 QR code

@capgo/capacitor-share-target 사용

Capacitor 공유 목표 플러그인 인터페이스.

Install

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

bunx cap sync 플러그인의 원시 code을 원시 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

Import

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

Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-share-target Using @capgo/capacitor-share-target native 플러그인 작업을 계획하기 위해 연결하세요 @capgo/capacitor-share-target Capacitor-capgo-capacitor-share-target for the implementation detail in Getting Started, Keep going from Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-share-target Capgo 플러그인 디렉토리 Capgo 제품 워크플로우를 위한 플러그인 디렉토리 Capacitor Capgo 플러그인 Capacitor 플러그인 구현 세부 사항은 Capgo에 의해 제공됩니다. 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 플러그인 추가 또는 업데이트에 대한 구현 세부 정보

FAQ

Share Target 플러그인 FAQ

Share Target 플러그인을 Capacitor 앱에 설치하는 방법은?

Run "bun add @capgo/capacitor-share-target" (또는 "npm install @capgo/capacitor-share-target")를 실행한 후 "bunx cap sync"를 실행하여 iOS와 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 앱 code에서 "@capgo/capacitor-share-target"를 임포트하세요.

React, Vue 및 Angular과 함께 @capgo/capacitor-share-target가 작동하는지?

네. Share Target는 Capacitor 패키지이므로, Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내에서 실행되는 경우에 작동합니다.

어떤 Capacitor 버전이 @capgo/capacitor-share-target를 지원하는지?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

capgo/capacitor-share-target은 무료이며 오픈 소스인가요?

네. code의 소스는 GitHub에 공개되어 있으며 https://github.com/Cap-go/capacitor-share-target/에서 확인하실 수 있습니다. npm에서 패키지를 무료로 설치하실 수 있습니다. 버그 리포트와 풀 리퀘스트는 환영합니다.

code를 사용하는 Share Target를 업데이트할 수 있나요?

플러그인을 설치하거나 업그레이드하면 네이티브 code이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

앱 리뷰 기다리지 않고 Ship Share Target 변경

플러그인이 스토어 빌드에 포함된 후 Capgo live updates는 사용자에게 몇 분 내에 자바스크립트, HTML, CSS 변경을 푸시합니다.

Capgo 시작