npm.devtool.tech
πŸ‘ You can access 12cm-echoss-sdk package with using 12CmEchossSdk variable in browser devtools!
12cm-echoss-sdk

code/package/bundle size

0B
publish
0B
install
0B
bundle minified
0B
bundle gzipped

echoss stamp

12cm echoss SDK

μ„€μΉ˜

npm install 12cm-echoss-sdk@latest


echoss Client SDK

κ°œμš”

μ›νˆ¬μ”¨μ— (μ£Ό)의 echoss Client SDK μ‚¬μš© 방법을 μ„€λͺ…ν•©λ‹ˆλ‹€.

μ‚¬μš©λ°©λ²•

HTML

<div class="app-container"></div>

Script

import echoss from '12cm-echoss-sdk/echoss-lite/index.js'

export default {
  components: { echoss },
  created () {
    echoss.initializeSuccess = () => {
      // ν”Œλž«νΌ μ΄ˆκΈ°ν™” 성곡
      echoss.Stamp.init(() => {
        // μŠ€νƒ¬ν”„ 인증센터 μ΄ˆκΈ°ν™” 성곡
      }, (errorCode, errorMessage) => {
        // μŠ€νƒ¬ν”„ 인증센터 μ΄ˆκΈ°ν™” μ‹€νŒ¨
      })
    }

    echoss.setLanguageCode(echoss.LANGUAGE_CODE_TYPE.KOREAN)
    echoss.initialize('API KEYλ₯Ό μž…λ ₯ν•˜μ„Έμš”', echoss.REGION_CODE_TYPE.KOREA, 'μŠ€νƒ¬ν•‘ μ˜μ—­μ˜ element IDλ₯Ό μž…λ ₯ν•˜μ„Έμš”. ex) "app-container"')

    echoss.Stamp.onBeforeStamp = () => {
      // μŠ€νƒ¬ν”„κ°€ μΈμ‹λ˜λ©΄ ν•¨μˆ˜κ°€ ν˜ΈμΆœλ©λ‹ˆλ‹€.
    }

    echoss.Stamp.onException = (errorCode, errorMessage) => {
      // μŠ€νƒ¬ν”„λ₯Ό 인증할 수 μ—†λŠ” 상황이 감지될 경우 ν•¨μˆ˜κ°€ ν˜ΈμΆœλ©λ‹ˆλ‹€.
    }

    echoss.Stamp.onError = (errorCode, errorMessage) => {
      // μŠ€νƒ¬ν”„λ₯Ό μ΄μš©ν•  수 μ—†κ±°λ‚˜ λ‹€μ‹œ ν•œλ²ˆ μ •ν™•ν•œ 인식이 ν•„μš”ν•  경우 ν•¨μˆ˜κ°€ ν˜ΈμΆœλ©λ‹ˆλ‹€.
    }

    echoss.Stamp.onStamp = (stampParams) => {
      // μŠ€νƒ¬ν”„ 인식 ν•¨μˆ˜κ°€ 호좜된 ν›„ μŠ€νƒ¬ν”„ 정보가 μ •μƒμ μœΌλ‘œ μ•”ν˜Έν™”λ˜λ©΄ ν•¨μˆ˜κ°€ ν˜ΈμΆœλ©λ‹ˆλ‹€.
    }
  }
}

λ¦¬μ „μ½”λ“œ

리전 μ½”λ“œ
ν•œκ΅­ echoss.REGION_CODE_TYPE.KOREA
일본 echoss.REGION_CODE_TYPE.JAPAN
쀑ꡭ echoss.REGION_CODE_TYPE.CHINA
λŒ€λ§Œ echoss.REGION_CODE_TYPE.TAIWAN
유럽 echoss.REGION_CODE_TYPE.EUROPE
λ™λ‚¨μ•„μ‹œμ•„1
(싱가포λ₯΄, λ§λ ˆμ΄μ‹œμ•„)
echoss.REGION_CODE_TYPE.APSE1
λ™λ‚¨μ•„μ‹œμ•„2
(μΈλ„λ„€μ‹œμ•„, λ² νŠΈλ‚¨)
echoss.REGION_CODE_TYPE.APSE2

μ–Έμ–΄μ½”λ“œ

μ–Έμ–΄ μ½”λ“œ
ν•œκ΅­μ–΄ echoss.LANGUAGE_CODE_TYPE.KOREAN
μ˜μ–΄ echoss.LANGUAGE_CODE_TYPE.ENGLISH
일본어 echoss.LANGUAGE_CODE_TYPE.JAPANESE
쀑ꡭ어(간체) echoss.LANGUAGE_CODE_TYPE.CHINESE
쀑ꡭ어(번체) echoss.LANGUAGE_CODE_TYPE.TAIWAN

echoss Service Provider

κ°œμš”

μ›νˆ¬μ”¨μ— (μ£Ό)의 echoss Certification Kit을 μ΄μš©ν•˜κΈ° μœ„ν•΄ 인증 νŽ˜μ΄μ§€ 및 μŠ€νƒ¬ν”„ 연동 방법을 μ„€λͺ…ν•©λ‹ˆλ‹€.

μ‚¬μš©λ°©λ²•

HTML

<echoss-certification-kit
      :license="license"
      :region="region"
      :language="language"
      :usercode="usercode"
      :merchantcode="merchantcode"
      :options="options"
      :on-initialize-error="onInitializeError"
      :on-stamp-error="onStampError"
      :on-stamp-success="onStampSuccess"
      :on-before-stamp="onBeforeStamp"
      :on-close="onClose" />

Script

import EchossCertificationKit from '12cm-echoss-sdk/echoss-provider/index.vue'

export default {
  components: { EchossCertificationKit },
  data() {
    return {
      license: 'λΌμ΄μ„ΌμŠ€λ₯Ό μž…λ ₯ν•˜μ„Έμš”',
      region: 'KOREA',
      language: 'KOREAN',
      usercode: 'κ³ κ°μ½”λ“œλ₯Ό μž…λ ₯ν•˜μ„Έμš”',
      merchantcode: '맀μž₯μ½”λ“œλ₯Ό μž…λ ₯ν•˜μ„Έμš”',
      options: {
        backgroundcolor: '#000000',
        opacity: 0.4,
        description: 'μŠ€νƒ¬ν”„λ₯Ό μ°μ–΄μ£Όμ„Έμš”.',
        loading: true,
        animation: true,
        echossicon: true
      }
    }
  },
  methods: {
    onInitializeSuccess() {
      // λΌμ΄μ„ΌμŠ€ ν‚€ 만료 λ“± μ΄ˆκΈ°ν™”μ— 성곡할 경우 ν•¨μˆ˜κ°€ μž…λ‹ˆλ‹€.
    },
    onInitializeError(errorCode, errorMessage) {
      // λΌμ΄μ„ΌμŠ€ ν‚€ 만료 λ“± μ΄ˆκΈ°ν™”μ— μ‹€νŒ¨ν•  경우 ν•¨μˆ˜κ°€ μž…λ‹ˆλ‹€.
    },
    onBeforeStamp() {
      // 인증 νŽ˜μ΄μ§€μ—μ„œ μŠ€νƒ¬ν”„κ°€ μΈμ‹λ˜λ©΄ ν•¨μˆ˜κ°€ ν˜ΈμΆœλ©λ‹ˆλ‹€.
    },
    onStampError(errorCode, errorMessage) {
      // 인증 νŽ˜μ΄μ§€μ—μ„œ μŠ€νƒ¬ν”„ 인증이 μ‹€νŒ¨ν•  경우 ν•¨μˆ˜κ°€ ν˜ΈμΆœλ©λ‹ˆλ‹€.
    },
    onStampSuccess(response) {
      // 인증 νŽ˜μ΄μ§€μ—μ„œ μŠ€νƒ¬ν”„μ˜ 인증이 성곡할 경우 ν•¨μˆ˜κ°€ ν˜ΈμΆœλ©λ‹ˆλ‹€.
    },
    onClose() {
      // 고객이 인증 νŽ˜μ΄μ§€λ₯Ό 닫을 경우 ν•¨μˆ˜κ°€ ν˜ΈμΆœλ©λ‹ˆλ‹€.
    }
  }
}

νŒŒλΌλ―Έν„° λͺ…μ„Έ

νŒŒλΌλ―Έν„° μ„€λͺ…
license μ›νˆ¬μ”¨μ— μ΄ μ œκ³΅ν•œ License ID μž…λ‹ˆλ‹€.
region API μ„œλ²„ 접근을 μœ„ν•œ κ΅­κ°€λ₯Ό μ„€μ •ν•©λ‹ˆλ‹€.
language λ…ΈμΆœλ  λ©”μ„Έμ§€μ˜ μ–Έμ–΄λ₯Ό μ„€μ •ν•©λ‹ˆλ‹€.
usercode 고객사 νšŒμ› μ²΄κ³„μ˜ 고객 고유번호 μž…λ‹ˆλ‹€.
(ν•œ μ„œλΉ„μŠ€μ—μ„œ λͺ¨λ“  고객이 λ™μΌν•œ 고객번호λ₯Ό μ‚¬μš©ν•  경우 μ—¬λŸ¬ 고객이 λ™μ‹œμ— 인증을 μ‹œλ„ν•  λ•Œ μ‹œμŠ€ν…œμ—μ„œλŠ” ν•œ 고객이 λ™μ‹œμ— λΆ€μ μ ˆν•œ 인증을 ν•œλ‹€κ³  νŒλ‹¨ν•˜κΈ° λ•Œλ¬Έμ— 인증 였λ₯˜κ°€ λ°œμƒν•  수 μžˆμŠ΅λ‹ˆλ‹€.)
merchantcode κ°€λ§Ήμ μ˜ 고유번호 μž…λ‹ˆλ‹€.
(12cmμ—μ„œ μ œκ³΅ν•΄μ£ΌλŠ” 가맹점 μ½”λ“œ, λΈŒλžœλ“œ μ½”λ“œ, κ³ κ°μ‚¬μ—μ„œ κ΄€λ¦¬ν•˜λŠ” 가맹점 고유 번호 쀑 μž…λ ₯이 κ°€λŠ₯ν•©λ‹ˆλ‹€. λ˜λŠ” κ³ κ°μ‚¬μ—μ„œ 가맹점 고유번호λ₯Ό ꡬ뢄해 관리할 수 μ—†λŠ” 경우 곡백을 μ „λ‹¬ν•©λ‹ˆλ‹€.)
options μ•„λž˜ ν‘œμ—μ„œ 상세 μ„€λͺ…ν•©λ‹ˆλ‹€.

options

νŒŒλΌλ―Έν„° μ„€λͺ…
backgroundcolor μ„œλΉ„μŠ€ νŽ˜μ΄μ§€μ˜ λ°°κ²½ 색상을 λ³€κ²½ν•©λ‹ˆλ‹€.
κΈ°λ³Έ 섀정은 "#000000" μž…λ‹ˆλ‹€.
opacity μ„œλΉ„μŠ€ νŽ˜μ΄μ§€μ˜ λ°°κ²½ 투λͺ…도λ₯Ό λ³€κ²½ν•©λ‹ˆλ‹€.
κΈ°λ³Έ 섀정은 "0.4" μž…λ‹ˆλ‹€.
description μ„œλΉ„μŠ€ νŽ˜μ΄μ§€μ˜ λ…ΈμΆœ 문ꡬλ₯Ό λ³€κ²½ν•©λ‹ˆλ‹€.
loading μ„œλΉ„μŠ€ νŽ˜μ΄μ§€μ—μ„œ μŠ€νƒ¬ν”„ 인식에 λŒ€ν•œ λ‘œλ”© μ΄νŽ™νŠΈ μ—¬λΆ€λ₯Ό μ„€μ •ν•©λ‹ˆλ‹€.
μš”μ²­ νŒŒλΌλ―Έν„°λŠ” λ‘œλ”© μ΄νŽ™νŠΈλ₯Ό ν—ˆμš©ν•˜λŸ¬λ©΄ true, ν—ˆμš©ν•˜μ§€ μ•ŠλŠ”λ‹€λ©΄ false μž…λ‹ˆλ‹€.
κΈ°λ³Έ 섀정은 true μž…λ‹ˆλ‹€.
animation μ„œλΉ„μŠ€ νŽ˜μ΄μ§€μ—μ„œ λ°°κ²½ μ• λ‹ˆλ©”μ΄μ…˜μ˜ μ‚¬μš© μ—¬λΆ€λ₯Ό μ„€μ •ν•©λ‹ˆλ‹€.
μš”μ²­ νŒŒλΌλ―Έν„°λŠ” μ• λ‹ˆλ©”μ΄μ…˜μ„ μ‚¬μš©ν•  경우 true, μ‚¬μš©ν•˜μ§€ μ•ŠλŠ”λ‹€λ©΄ false μž…λ‹ˆλ‹€.
κΈ°λ³Έ 섀정은 true μž…λ‹ˆλ‹€.
echossicon μ„œλΉ„μŠ€ νŽ˜μ΄μ§€μ—μ„œ μ—μ½”μŠ€ μ•„μ΄μ½˜μ˜ μ‚¬μš© μ—¬λΆ€λ₯Ό μ„€μ •ν•©λ‹ˆλ‹€.
μš”μ²­ νŒŒλΌλ―Έν„°λŠ” μ—μ½”μŠ€ μ•„μ΄μ½˜μ„ μ‚¬μš©ν•  경우 true, μ‚¬μš©ν•˜μ§€ μ•ŠλŠ”λ‹€λ©΄ false μž…λ‹ˆλ‹€.
κΈ°λ³Έ 섀정은 true μž…λ‹ˆλ‹€.

λ¦¬μ „μ½”λ“œ

리전 μ½”λ“œ
ν•œκ΅­ KOREA
일본 JAPAN
쀑ꡭ CHINA
λŒ€λ§Œ TAIWAN
유럽 EUROPE
λ™λ‚¨μ•„μ‹œμ•„1
(싱가포λ₯΄, λ§λ ˆμ΄μ‹œμ•„)
APSE1
λ™λ‚¨μ•„μ‹œμ•„2
(μΈλ„λ„€μ‹œμ•„, λ² νŠΈλ‚¨)
APSE2

μ–Έμ–΄μ½”λ“œ

μ–Έμ–΄ μ½”λ“œ
ν•œκ΅­μ–΄ KOREAN
μ˜μ–΄ ENGLISH
일본어 JAPANESE
쀑ꡭ어(간체) SIMPLIFIED_CHINESE
쀑ꡭ어(번체) TRADITIONAL_CHINESE
πŸ”ŽExplore PackageπŸ”ŽCDN Script

Score

Popularity1/100
Quality51/100
Maintenance33/100