2017-05-08 5 views
0

Wechat QR 코드를 렌더링하는 앱을 빌드하려고하는데 WeChat 모바일 앱에서 스캔을 진행하여 결제를 진행합니다. 인증, 유가 증권 및 유효성 검사는 물론 모든 사람이 스캔을 할 수는 없습니다. 하지만 실제로 달성하고 싶다면 QR 코드가 스캔되면 QR 코드가있는 탭이 자동으로 닫히거나 적어도 자바 스크립트에서 뭔가를 트리거하는 것과 같습니다. 가능한가?WeChat QR 코드가 스캔되는지 감지합니다.

테이크 참고 :

QR 코드는 API 리턴

+0

어떤 종류의 'app'ar 너 건물? React Native 앱입니까, 아니면 WeChat JSSDK를 사용하고 있습니까? 기본 HTML5는 QR 검색을 지원하지 않습니다. – shaochuancs

+0

실제로 지불을위한 앱 .. 기본적으로, 내가 원하는 것은 페이지의 QR 코드가 스캔되면 자바 스크립트에서 어떤 것을 트리거하는 것입니다. QR 코드 이미지는 API에서 왔으며 필요한 것은'img'를 통해 렌더링하는 것입니다. 그래서 코드가 스캔되면 리디렉션을 할 것입니다. 그게 가능하니? –

+0

QR 이미지를 HTML/JavaScript로 어떻게 스캔합니까? WeChat의 JS-SDK를 기반으로합니까? 자바 스크립트에 언급했듯이 기본 iOS/Android 앱이 아닌 것 같습니다. – shaochuancs

답변

3

이 3 지불 통합의 고전적인 문제에서 나온 렌더링 된 이미지입니다. 나는 당신의 경우에 그것이 WeChat Payment이라고 생각한다.

논리는 다음과 같습니다

  1. 호출 API 주문을 시작하고 QR에게 코드 이미지를 얻을 수 있습니다. API에서 사용자의 서버에 속한 콜백 URL (notify_url)을 등록 할 수 있습니다.
  2. 사용자가 지불 할 QR 코드 이미지를 스캔합니다.
  3. WeChat 서버가 스캔 작업을 받고 지불 작업을 시도하고 notify_url을 호출합니다.
  4. 서버에서 지불 성공/실패 정보를 수신했으며 은 클라이언트에 푸시되었습니다.
  5. 고객이 결제 성공/실패 정보를 받고 UI 작업을 수행합니다.

    • 웹 소켓 setInterval
    • 를 사용
    • 서버 전송 이벤트
    • 혜성
    • 반복 아약스 요청을 : 들어

방법에 푸시 서버에서 클라이언트로 정보, 다양한 방법이있다

+0

지식에 대한 답변과 공유 노력에 감사드립니다! –