설치

패키지 매니저로 설치하기

npm 패키지로 설치 가능합니다.

해당 패키지는 웹 환경에서만 사용 가능합니다. Android, iOS 하이브리드 앱(Webview)에서는 사용할 수 없습니다.

npm

npm install @wepin/sdk-js

yarn

yarn add @wepin/sdk-js

설치가 완료되면 package.json에서 아래와 "dependencies"에 추가된 것을 확인할 수 있습니다.

{
  "dependencies": {
    "@wepin/sdk-js": "^0.0.1"
  }
}

설치가 완료되면 앱 등록 후 할당받은 앱 ID와 앱 키를 사용하여 아래와 같이 wepinSDK 인스턴스를 초기화합니다. 이렇게 하면 WepinSDK를 사용할 수 있게 됩니다.

// 1. 패키지 import
import { WepinSDK } from '@wepin/sdk-js'

// 2. 초기화
const wepinSdk = new WepinSDK({
    appId: 'your-wepin-app-id',
    appKey: 'your-wepin-api-key',
})

해당 패키지는 클라이언트 사이드 렌더링(CSR: Client Side Rendering) 환경에서만 동작합니다. 서버 사이드 렌더링(SSR: Server Side Rendering) 환경에서 이 패키지를 사용할 경우, CSR에서만 패키지를 불러올 수 있도록 설정이 필요합니다.

아래 코드를 참고하여 설정하세요:

const initWepin = async () => {
    const { WepinSDK } = await import('@wepin/sdk-js');
    const wepinSDK = new WepinSDK({
        appKey: '',
        appId: '',
    });
    await wepinSDK.init({
        defaultLanguage: 'ko',
    });
}