IT/Vue

아엠포트(Import) django vue 본인인증 서비스구현

bepuri 2022. 5. 21. 00:42
728x90

https://github.com/iamport/iamport-vue-example/blob/master/manuals/CERTIFICATION.md

 

GitHub - iamport/iamport-vue-example: Vue.js 에서 아임포트를 연동하기 위한 예제입니다.

Vue.js 에서 아임포트를 연동하기 위한 예제입니다. Contribute to iamport/iamport-vue-example development by creating an account on GitHub.

github.com

위 내용 참고해서 vue단에서 인증처리, 아엠포트사에서 제공해주는 예시코드로도 충분히 짤 수 있다.

그 뒤 결과는 밴엔드쪽으로 전달해줘야하는데,

 

https://github.com/iamport/iamport-rest-client-python/blob/master/iamport/client.py

 

GitHub - iamport/iamport-rest-client-python: Python 사용자를 위한 아임포트 REST API 연동 모듈입니다

Python 사용자를 위한 아임포트 REST API 연동 모듈입니다. Contribute to iamport/iamport-rest-client-python development by creating an account on GitHub.

github.com

백엔드 쪽에서 vue단 콜백함수에서 백엔드 쪽으로 전달받은 데이터를 전송해주고,

백엔드 단에서 현재 유저의 정보와 인증정보가 일치하는지 확인 후, 인증에 관한 필요 데이터를 DB로 저장해주면된다.

 

백엔드 코드는 python 예시 코드 참고해서 구현하면된다.

 

결제 서비스의 경우 아직 붙이지 않았지만, 유사하게 구현가능할듯하다.

728x90

'IT > Vue' 카테고리의 다른 글

nuxtjs3 + django 통합방법  (0) 2023.04.07
django + vite + vue + tailwind hmr 환경구축(1)  (3) 2022.09.30
Javascript object list 비교.  (0) 2022.05.09
vee-validate 최적화  (0) 2022.04.27
could not freeze hash of undefined  (0) 2022.02.15