QR코드를 이용한 스팀달러 결제 툴: Steem Pay v0.1

Screen Shot 2018-04-09 at 23.45.36.png

안녕하세요 @asbear입니다. 이전부터 생각하고 있던 스팀 결제 툴이 하나 있었는데, 시간이 없어서 미루고 있었는데요. 마침 @leesunmoo님이 스팀달러로 결제하는 툴이 스팀 활성화에 도움이 된다는 의견을 주셨고, 구동 방식도 제가 생각했던 것과 거의 일치하니 실제로 사용될 수도 있겠다 싶어서 초기 버젼을 제작 하였습니다.

프로토타입 수준이지만 실제로 사용이 가능합니다. 실사용이 될 경우 고도화도 고려 해 보도록 하겠습니다. 스팀달러로 결제하려는 분들이나, 밋업에서 돈 보내는 등 재미로 사용해보시고 피드백주세요.

기능 요약

  • SBD의 Upbit 24시간 평균가격을 기준으로 원화를 스팀달러로 자동 변환
  • 결제 정보를 담은 QR 코드를 생성하고, 안전한 송금을 위해 SteemConnect를 연동함

사용 시나리오

주인과 손님 모두 스티미언이다.

  1. 까페 주인이 아메리카노를 스팀달러를 받고 팔고싶다.
  2. 스팀페이 사이트에 들어간다.
  3. 자신의 계정과 5000원 그리고 메시지를 입력한다.
  4. 손님에게 QR 코드를 보여준다.
  5. 손님은 QR 리더를 실행하여 스캔한다.
  6. 스팀페이 사이트에서 결제 정보를 확인하고, 결제하기 버튼을 누른다.
  7. SteemConnect로 연결된다.
  8. 정보 확인 후 로그인하면 결제 된다.
  9. 한번 로그인 하면 다음부터는 (8) 과정 필요 없음.

실제 단말을 이용한 데모

  1. @krguidedog은 치즈케잌을 5000원에 팔려고 한다. 아래와같이 입력한다.
    Screen Shot 2018-04-09 at 23.05.36.png

  2. 입력후 "완료" 버튼을 누르면 QR 코드 생성됨. 이것을 @asbear에게 보여준다.
    Screen Shot 2018-04-09 at 23.06.04.png

  3. @asbear는 자신의 폰에 설치되어있는 QR 코드 스캐너를 사용하여 바코드를 스캔한다.
    KakaoTalk_Photo_2018-04-09-23-25-49_69.jpeg

  4. 스팀페이 웹사이트가 열리며, 결제 상세 정보가 표시된다. 확인후 SteemConnect로 결제 버튼을 터치한다.
    KakaoTalk_Photo_2018-04-09-23-25-56_51.jpeg\

  5. SteemConnect로 연결되면서 송금 정보를 다시한번 보여준다. "Continue"를 터치한다.
    KakaoTalk_Photo_2018-04-09-23-25-58_28.jpeg

  6. 폰에서 로그인 한 적이 없어서 로그인 해야한다. 로그인후 액티브 키를 브라우저에 저장하도록 설정하면 다음에는 안해도 된다.
    KakaoTalk_Photo_2018-04-09-23-26-00_10.jpeg

  7. 전송 완료!
    KakaoTalk_Photo_2018-04-09-23-26-02_62.jpeg

  8. @krguidedog이 치즈케잌 판 돈을 받았다.
    KakaoTalk_Photo_2018-04-09-23-28-40_97.jpeg

웹사이트 경로

https://steeme.com/pay/

  • 모바일에 최적화 되어있음..
  • 보안을 위해 반드시 https로 사용할것.

이후 개발 계획

현재 프로토타입 단계이며 버그가 있을 수 있음.
본 툴이 실제로 활발히 사용된다면 다음과 같은 기능을 구현할 계획임.

  • 스팀커넥트2 연동
  • 업비트 시세 조회 실패시 재시도, 주기적 업데이트
  • 청구하는 쪽에서 자동으로 입금 확인하는 기능
  • 스팀페이 웹사이트 자체 QR코드 리더기
  • https로 강제전환
H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now