WEPIN Developer Documentation
WepinBlogContact
한국어
한국어
  • 시작하기
    • 소개
  • 위핀
    • 특징
    • 아키텍처
      • 키 생성
      • 서명
      • 키 백업
    • 워크스페이스
      • 앱 등록 및 키 발급
      • 네트워크 및 자산 추가
      • 위젯 디자인
    • 지원 블록체인
    • 계정 추상화
  • 로그인
    • 개요
    • 소셜 로그인 인증 프로바이더
      • Email/Password
      • Google
      • Apple
      • Discord
      • Naver
      • Facebook
      • Line
      • Kakao
    • 사용자 인터페이스
    • 로그인 일원화
    • 리소스
  • 위젯 연동
    • 사전 준비
    • Web: JavaScript SDK
      • 로그인
        • 설치
        • 초기화하기
        • 메서드
      • 핀 패드
        • 설치
        • 초기화하기
        • 메서드
      • 위젯
        • 설치
        • 초기화하기
        • 메서드
        • 확인하기
      • 프로바이더
        • Ethereum Provider
        • Kaia Provider
        • Solana Provider
        • Wagmi Connector
      • 월렛 어댑터
        • Solana Wallet Adapter
    • Android: Java & Kotlin SDK
      • 로그인
        • 설치
        • 초기화하기
        • 메서드
      • 핀 패드
        • 설치
        • 초기화하기
        • 메서드
      • 위젯
        • 설치
        • 초기화하기
        • 메서드
    • iOS: Swift SDK
      • 로그인
        • 설치
        • 초기화하기
        • 메서드
      • 핀 패드
        • 설치
        • 초기화하기
        • 메서드
      • 위젯
        • 설치
        • 초기화하기
        • 메서드
    • Flutter SDK
      • 로그인
        • 설치
        • 초기화하기
        • 메서드
      • 위젯
        • 설치
        • 초기화하기
        • 메서드
        • 확인하기
      • 핀 패드
        • 설치
        • 초기화하기
        • 메서드
    • React Native SDK
      • 로그인
        • 설치
        • 초기화
        • 메서드
    • Unity SDK
      • 설치
      • 초기화하기
      • 메서드
      • 확인하기
    • Compose Multiplatform SDK
      • 로그인
        • 설치
        • 초기화하기
        • 메서드
      • 위젯
        • 설치
        • 초기화하기
        • 메서드
        • 확인하기
  • API
    • 개요
    • 등록 절차
    • 로그인
    • 지갑 생성 및 관리
    • 토큰 및 NFT 조회
    • 트랜잭션
  • Deprecated
    • Web: JavaScript SDK
      • SDK
        • 설치
        • 초기화하기
        • 메서드
        • 확인하기
      • 프로바이더
        • Ethereum Provider
      • Wagmi Connector
    • Android: Java & Kotlin SDK
      • 설치
      • 초기화하기
      • 메서드
      • 확인하기
    • iOS: Swift SDK
      • 설치
      • 초기화하기
      • 메서드
      • 확인하기
    • Flutter SDK
      • 설치
      • 초기화하기
      • 메서드
      • 확인하기
    • React Native SDK
      • 설치
      • 초기화하기
      • 메서드
      • 확인하기
      • 프로바이더
        • EVM 호환
  • 기타
    • 로고 & 브랜드 가이드라인
Powered by GitBook
On this page
  • init
  • isInitialized
  • 예시

Was this helpful?

  1. Deprecated
  2. Web: JavaScript SDK
  3. SDK

초기화하기

Wepin widget Javascript SDK를 초기화하는 방법입니다.

먼저 Wepin 인스턴스를 생성하고 앱 등록 후 할당 받은 앱 ID와 앱 키를 이용하여 인스턴스를 초기화 합니다.

init

init 메서드를 통해서 Wepin 오브젝트를 초기화 합니다. 초기화 시에 앱 등록 과정에서 할당 받은 앱 ID와 앱 SDK 키를 할당 합니다. 그리고 추가로 필요한 위젯의 속성들을 정의합니다.

const testAppId = 'app_id_eg12sf3491azgs520' // 테스트용 앱 ID
const testAppKey = 'ak_test_ghq1D5s1sfG234sbnhdsw24mnovk313' // 테스트용 앱 키 
const attributes = {
  type: 'hide',
  defaultLanguage: 'en',
  defaultCurrency : 'USD',
  loginProviders: ['google', 'apple'],
}

const wepin = await Wepin.init( 
  testAppId,
  testAppKey,
  attributes
)

init 의 파라미터는 아래와 같습니다.

  • appId: String 앱 등록시 할당 받은 ID

  • appKey: String 앱 등록시 할당 받은 키 값

  • attributes: Object (optional) 위핀 위젯의 속성 값

    • type: String 처음 로딩 시 앱 위젯 윈도우를 어떻게 보여줄 지를 결정 합니다. 기본 값은 hide 입니다. show: 처음 로딩 후, 바로 위젯 윈도우를 띄워서 보여 줍니다. hide: 는 처음 로딩시 위젯 윈도우를 보여주지 않고 숨깁니다. 이후 openWindow()을 통해서 위젯 윈도우을 띄워 보여 줍니다.

    • defaultLanguage: String 위젯 기본 언어 설정, 기본 값은 ko입니다. 현재 지원하는 언어는 en, ko 2가지 입니다.

    • defaultCurrency: String 위젯 기본 통화 설정, 기본 값은 KRW입니다. 현재 지원하는 통화는 USD, KRW 2가지 입니다.

    • loginProviders: [String]

      로그인 프로바이더 리스트 입니다. 현재 지원하는 프로바이더는 google, apple , naver, discord 이렇게 4가지 입니다. 필요한 로그인 프로바이더만 정의해서 사용하세요. 이 값을 지정하지 않으면 기본적으로 4개의 프로바이더 모두를 이용할 수 있습니다.

      • loginProviders 파라미터는@wepin/types version v0.0.11부터 지원합니다.

isInitialized

isInitialized를 이용해서 Wepin 객체가 정상적으로 초기화 되었는지 확인할 수 있습니다.

반환값은 아래와 같습니다.

  • boolean init 결괏값, init이 정상적으로 잘 된 경우 true 실패한 경우 false 를 반환합니다.

예시

const testAppId = 'app_id_eg12sf3491azgs520' // 테스트용 앱 ID
const testAppKey = 'ak_test_ghq1D5s1sfG234sbnhdsw24mnovk313' // 테스트용 앱 키 
const attributes = {
  type: 'hide',
  defaultLanguage: 'ko',
  defaultCurrency : 'KRW',
}

const wepin = await Wepin.init( 
  testAppId,
  testAppKey,
  attributes
)
if(wepin.isInitialized()) {
  console.log('wepin is initialized!')
}
Previous설치Next메서드

Last updated 9 months ago

Was this helpful?