원문은’ 유열의 기술 블로그’ https://v3u.cn/a_id_219 에서 재현됐다
대부분의 사람들이 암호화 통화를 소유하거나 가지고 있지 않다는 것을 인정해야 한다. 예, 웹 3.0, 암호화 통화, 블록 체인은 대부분의 인터넷 사용자에게 너무 경박한 단어입니다. 만약 당신이 폭리 투기를 추구하기 위해 블록체인과 암호화 화폐를 연구한다면, 소금은 어디에서나 짜기 때문에 실망하게 될 것입니다. 그리고 만약 당신이 지식의 질곡에서 벗어나기 위해 블록체인을 공부한다면, 무지는 결코 프로그래밍계의 정상적인 상태가 아니기 때문에 거의 만족할 수 있을 것이다. (윌리엄 셰익스피어, 햄릿, 지식명언)
결제 시스템의 경우 암호화 통화의 주요 이점 중 하나는 중심화입니다. 즉, 단일 중앙 기관이 아닌 많은 팀 또는 그룹에 의해 제어되고 관리되며, 어두운 상자 작업은 여기에 존재하지 않습니다. 이는 시스템에 투명성을 제공합니다. 암호화 통화의 또 다른 장점은 전 세계 누구에게나 보낼 수 있기 때문에 위챗, 알리페이 등 제 3 자가 과두 정치에 대한 개입을 제거하여 비용 대비 효과를 얻을 수 있다는 점이다.,,,,,,,,,,,,,,,,,,,,,,, 。
이번에는 Vue3.0+Tornado6 의 전면 및 후면 분리 시스템을 통해 블록 체인이 중앙 집중식 지불 로직을 유지하는 모습을 볼 수 있도록 결제 시스템에 암호화 통화 지불을 추가해 보겠습니다.
우선, 암호화 화폐 지갑이 필요합니다. 시스템 통합 MetaMask 지갑의 논리에 대해서는 앞의 한 편을 참조하십시오. 청산은 가리지 않습니다. 결국 동류, 통합 웹 3.0 신분 지갑 MetaMask Etamask Effence (Tornado6+Vue.js3) 가 한 번에 로그인됩니다.오피스타공식 홈페이지 포털 사이트
이후 우리는 다음 지불 행위에 대해’ 테스트 암호화 통화’ 를 수령해야 한다. 테스트 통화를 받는 사이트는 수도꼭지 (faucet) 라고 하고, 테스트 화폐는 물이라고 부르기 때문에 테스트 화폐를 받는 과정도 영수라고 한다.
우리는 Rinkeby 의 테스트 통화 수령을 예로 들어 과정을 설명하는데, 다른 테스트 네트워크의 테스트 통화 수령 방식은 비슷하며, 원한다면 여러 테스트 네트워크의 물을 모두 좀 받을 수 있습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 테스트명언)
첫 번째 단계는 지갑 플러그인을 열고, 지갑을 선택하고, 설정을 클릭하는 것입니다.
그런 다음 고급을 선택하고 테스트 네트워크를 활성화합니다.
그런 다음 네트워크를 Rinkeby 테스트 네트워크로 전환하면 Ropsten, Kovan, Goerli 등 다른 세 개의 테스트 네트워크도 볼 수 있습니다. 네 개의 테스트 네트워크는 각각 특징이 있습니다. Ropsten 은 POW 메커니즘을 사용하여 노드 발굴 테스트 통화를 직접 만들 수 있지만 안정성이 떨어집니다. 가끔 블록 롤백이 발생하는 경우도 있습니다. Kovan, Rinkeby, Goerli 는 POA 메커니즘을 채택하고 있습니다. 이 몇 가지 테스트 네트워크는 광산을 파는 방식으로 테스트 화폐를 얻을 수 없고 수도꼭지를 통해서만 받을 수 있습니다. 우리는 Rinkeby 를 예로 들어 수령 과정을 설명합니다. Kovan 과 Goerli 는 비슷하지만 수령 조건은 더욱 엄격하므로 필요에 따라 받을 수 있습니다.
Rinkeby 테스트 네트워크를 전환한 후 수도꼭지 웹사이트 (HTTPS://Faucets.chain.link/Rinkeby) 를 방문하여 지갑으로 접속한 다음 지갑 주소를 수령양식에 채워 0.1 의 eth 통화를 받을 수 있습니다.
거래 확인을 받은 후 지갑 잔액을 확인하십시오.
이 시점에서 사전 준비 작업이 완료되었습니다.
프런트 엔드 Vue3.0 프로젝트에 블록 체인 모듈 및 비동기 요청 모듈을 설치합니다.
그런 다음 어셈블리에서 블록 체인 모듈을 가져옵니다.
Axios 에 대한 간단한 패키징도 가능합니다.
그런 다음 페이지가 처음 로드될 때 사용자가 지갑을 사이트에 연결했는지 확인하려고 합니다. 이를 위해서는 eth_accounts 메소드를 사용하여 사용자의 계정을 가져와야 합니다. 계정이 반환되지 않으면 사용자가 연결되지 않은 것입니다.
그런 다음 초기화 방법 내에서 현재 사용자를 감지합니다.
사용자 지갑 링크에 문제가 없으면 지불 양식을 작성하십시오.
여기 사용자가 지불 버튼을 클릭하면 서명 논리에 들어갑니다.
다음은 web3 공급자를 통해 서명 인스턴스를 얻은 다음 타임스탬프+도메인 이름+지불 금액에 따라 서명을 생성하고 서명이 생성된 직후 check_sign 메서드를 호출하여 백그라운드로 비동기 요청을 시작합니다.
서명 및 지갑 주소는 백엔드로 보내집니다. 클라이언트가 지갑 요청과 상호 작용하는 동안 요청된 데이터는 쉽게 가로채고 변조될 수 있으므로 서명 링크가 필수적입니다.
백엔드에는 웹 3 모듈의 지원이 필요합니다.
그런 다음 유효성 검사 방법을 만듭니다.
여기서 백엔드는 같은 알고리즘을 통해 서명을 검증한다. 만약 검증을 통과하면 백엔드는 상인의 지갑 주소, 즉 사용자가 이체한 지갑 주소를 반환하고, 동시에 지불금액은 w3.toWei 방법을 통해 변환됩니다. 이더넷 화폐의 최소 단위는 Wei 이고, 1 이더넷 화폐는 10 의 8 승 Wei 에 해당한다. 일반적으로 Gwei 를 전시 단위로 사용합니다. Eth, Gwei, Wei 가 더 많이 사용됩니다.
그러나 표준을 통일하기 위해 지불 양식 요약에는 eth 최대 단위가 표시되므로 toWei 방법을 통해 최대 단위를 최소 단위 (0.001eth=100000000000000wei) 로 변환하고 변환 후 문자열로 프런트엔드로 되돌려야 합니다.
뒤이어 바이어 지갑 주소와 변환된 지불 금액을 프런트엔드로 돌려보낸다.
프런트엔드로 돌아가서 검증이 통과되면 프런트엔드에서 지불 지갑 주소와 금액을 받고 바로 지갑을 통해 지불을 만듭니다.
Eth_sendTransaction 메소드를 통해 트랜잭션을 시작하면 사용자가 지불 요청에 동의하면 해당 트랜잭션의 TransactionHash, 즉 트랜잭션 해시 번호가 반환됩니다.
지불 거래를 확인한 후 TransactionHash 를 받으십시오.
사실, 모든 지불 거래는 또 다른’ 연료비’ 를 생성하는데, 거래 연료비는 발굴구 교차 체인의 이번 거래 블록에 속하는 광부에게 귀속될 것이다. (윌리엄 셰익스피어, 연료비, 연료비, 연료비, 연료비, 연료비, 연료비) 광부들이 광산을 파낼 때, 그는 어떤 거래를 블록에 넣을지 결정해야 하며, 임의로 거래를 선택할 수도 있고 어떤 거래도 포함하지 않을 수도 있다. 광부들이 당신의 거래를 블록에 넣도록 격려하기 위해서, 그에 따라, 당신은’ 팁’ 의 일부를 지불해야 합니다.
지불 확인 후 Rinkeby 웹 사이트 (https://rinkeby.etherscan.io/tx/0xe937c66e337322cf3b8378b495af2da) 를 사용하여 거래 해시 번호를 입력하여 거래를 조회할 수 있습니다
물론, 사용자가’ 수도꼭지’ 에서 지불 결과를 조회할 수 있도록 하는 것은 그다지 신경을 쓰지 않는 것 같다. 백엔드는 반드시 거래 해시를 기록하고 거래 세부 사항을 조회해야 한다. 여기서는’ 업체인’ 서비스가 필요하다. 백엔드도 블록체인 네트워크에 연결하여 https://infura.io/
Infura 는 IaaS 제품으로, 이더넷방 데이터 액세스에 대한 문턱을 낮추기 위한 것입니다. 개발자에게 Infura 는 로컬에서 Etherfance 노드를 실행할 필요 없이 dApp 가 Etherfance 에 빠르게 액세스할 수 있는 플랫폼입니다. Infura 뒤에는 로드 균형이 조정된 API 노드 클러스터가 있습니다. Etherfang Infura 를 위한 일련의 개발 키트가 있습니다.
등록 후 연결된 프로젝트를 만들려면 다음과 같이 하십시오.
Telegram 홈페이지 다운로드 장소는 어떻게 되나요?
그런 다음 Rinkeby 노드 링크를 복사합니다.
그런 다음 주문 질의 스크립트 checkorder.py 를 만듭니다.
여기서’ 체인 업’ 이 성공하면 트랜잭션 해시를 기준으로 트랜잭션 상세내역을 조회할 수 있으며, 시스템은 다음을 반환합니다.
이 시점에서 완료된 암호화 통화 지불 논리가 완료되었으며, 일반적인 프로세스는 다음과 같습니다.
1. 응용 프로그램은 메타 마스크 지갑이 연결되어 있는지 로드 및 자동으로 확인합니다. 그렇지 않은 경우 지갑 플러그인을 설치하고 연결하라는 메시지가 표시됩니다.
2. 거래에 서명 작업을 합니다.
3. 백엔드 확인 후 거래처 지갑 주소와 전환 금액을 반환합니다.
4. 지갑 거래 생성.
5. 사용자가 지급을 검토하고 확정합니다.
6. 사용자 종이비행기가 공식적으로 다운로드한 주소는 어디에서 거래를 확인하고, 거래번호를 생성하며, 사용자와 앱은 모두 지불 확인을 받습니다.
죄송합니다. 사용자가 지갑 주소로 암호화 통화를 보낼 때 매우 조심해야 합니다. 누군가가 잘못된 주소로 암호화 통화를 보내면 사용자는 거래를 취소하거나 환불을 위해 불만을 제기할 수 없습니다. 예, deal is deal, 거래 행위가 블록에 기록되면 취소할 수 없습니다.
하지만 그렇다고 해서 사용자가 플랫폼 업체와 분쟁을 일으킬 수 있는 것은 아닙니다. 소통 후 환불 합의가 이루어지면 암호화된 통화도 배경에서 직접 이체할 수 있습니다.
여기서 상인들은 지갑 개인키를 환경 변수로 가져와서 거래를 만들고 개인키를 통해 서명을 하고, 마지막으로 거래를 확인하고, 거래 해시를 받기만 하면 된다.
암호화 화폐가 일부 전통업계의 기득권자의 이익을 손상시킬 수 있다는 것은 의심의 여지가 없지만, 암호화 화폐가 21 세기의 천둥이라는 것을 인정하지 않을 수 없다. 홍황시대의 남은 공룡 한 마리, 고비의 가지와 잎이 듬성한 후양 한 그루, 병마용 진영의 맥박이 체온이 남아 있는 육신, 죽은 산골짜기에서 갑자기 울리는 홍종처럼. (윌리엄 셰익스피어, 햄릿, 침묵명언) (윌리엄 셰익스피어, 윈스턴, 전쟁명언) 소위 옷 은 새로운 만큼 좋지 않다, 사람들이 그렇게 하지 봄 정원 에, 어떻게 봄 몇 쑤 를 알 수 있습니까? 소위 기술의 본질은 최대 한도로 혁신을 수확하는 것입니다. 동의하십니까?
원문은’ 유열의 기술 블로그’ https://v3u.cn/a_id_219 에서 재현됐다