Capacitor SDK 빠른 시작

이 빠르고 간단한 예제를 사용하여 Pushwoosh Capacitor SDK를 시작해 보세요.

사전 요구 사항

Pushwoosh Capacitor SDK를 앱에 통합하려면 다음이 필요합니다:

SDK 리포지토리를 복제합니다:

git clone https://github.com/Pushwoosh/pushwoosh-capacitor-plugin.git

플러그인 디렉토리로 이동합니다:

cd pushwoosh-capacitor-plugin

예제 앱을 실행하기 전에 Capacitor 플러그인을 빌드해야 합니다.
플러그인 종속성을 설치합니다:

npm i

플러그인을 빌드합니다:

npm run build

예제 앱 디렉토리로 이동합니다:

cd example

앱 종속성을 설치합니다:

npm i

웹 에셋을 빌드합니다:

npm run build

src/js/example.js를 열고 Pushwoosh.onDeviceReady 호출을 업데이트합니다:

Pushwoosh.onDeviceReady({
    projectid: "__YOUR_FCM_SENDER_ID__",
    appid: "__YOUR_APP_CODE__"
});

여기서:

__YOUR_APP_CODE__는 Pushwoosh Control Panel의 애플리케이션 코드입니다. __YOUR_FCM_SENDER_ID__는 Firebase Console의 Firebase 프로젝트 번호입니다.

iOS 플랫폼 디렉토리로 이동하여 CocoaPods 종속성을 설치합니다:

cd ios/App
pod install --repo-update
cd ../..

CocoaPods를 설치한 후 Capacitor 구성을 동기화합니다:

npx cap sync ios

Xcode에서 프로젝트를 엽니다:

npx cap open ios

Xcode에서 Bundle Identifier를 앱의 패키지 이름(예: com.example.pushwoosh)으로 설정합니다.

푸시 알림을 활성화하려면 특정 기능을 추가해야 합니다.

Signing & Capabilities 섹션에서 다음 기능을 추가합니다:

Xcode에서 ios/App/App/Info.plist를 열고 Pushwoosh Device API Token으로 다음 항목을 추가합니다:

<key>Pushwoosh_API_TOKEN</key>
<string>__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__</string>

Capacitor 구성을 Android 플랫폼에 동기화합니다:

npx cap sync android

google-services.json 파일을 android/app 디렉토리로 복사합니다.

android/app/build.gradle을 열고 applicationId를 앱의 패키지 이름(예: com.example.pushwoosh)으로 설정합니다.

android/app/src/main/AndroidManifest.xml 파일을 열고 <application> 태그 안에 다음 메타데이터를 추가합니다:

<meta-data android:name="com.pushwoosh.apitoken" android:value="__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__" />

__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__을 Pushwoosh Device API Token으로 바꾸세요.

Android Studio에서 프로젝트를 엽니다:

npx cap open android

Pushwoosh Control Panel로 돌아가 등록된 기기로 푸시 알림을 보냅니다.