크립토 크리스탈 볼 (프로젝트 1)

더 큰 프로젝트를위한 테스트 장소 인 Metamask를 활용 한 랜덤 코인 생성기의 개발을 살펴 봅니다. (Web3.js 코드 포함)

다른 프로젝트 (Relativity Signals)에서 작업하고 MetaMask / Web3을 사용하여 기능을 구축하는 동안 웹 애플리케이션에서 “안전하게”사용되는 방식에 많은 뉘앙스가 있습니다.

전제는 간단합니다. 무작위로 생성되는 통화 찾기 입니다. 3 대 거래소에서 임의의 코인의 이름과 현재 가격을 찾아서 사용자에게 표시합니다. 수수료는 0.001ETH (작성 당시 $ 0.87)이며 메인 넷에서만 작동합니다. 대체 네트워크를 사용하려는 모든 시도는 차단되어야하며 Web3 인터페이스없이 사이트에 액세스하는 사용자는 옵션에 대해 알려야합니다.

이 프로젝트는 다음 소규모 프로젝트 몇 개를 통합 할 미래 아이디어의 토대가 될 것입니다. 이 프로젝트에서 다루었던 문제는 사용자 경험 문제, 웹 접근성 및 유용성이었습니다.

Web3.js에서 시작하려면 브라우저 JS 파일 (여기에서 사용 가능)을 가져와야합니다. 프로젝트에 추가 한 후 웹 애플리케이션에서 메타 마스크 창을 호출하려면 다음 코드 만 필요합니다.

인터페이스 :

인터페이스는 단일 버튼 클릭으로 거래를 시작하며 시스템은 데이터베이스에서 단일 코인을 가져 오기 위해 구축 한 상대성 거래 API를 사용하며 현재 가격입니다.

사용자에게 옵션을 알리는 것이 중요하며 Web3을 사용하면 페이지가로드되는 즉시 브라우저의 여러 상태를 기록 할 수 있습니다. 이렇게하면 코드에 대한 악의적 인 변경을 방지 할 수 있으며 사용자에게 다음 단계를 쉽게 알릴 수 있습니다.

데이터 무결성

여기에서 데이터 무결성이 핵심이므로 모든 정보는 클라이언트 측에 보관되고 MetaMask의 인터페이스를 통해 전송됩니다. 사용자로부터 정보를 가져 오거나 서버에 저장되지 않습니다.

이것은 사용자의 이메일과 거래 ID가 중앙 데이터베이스에 안전하게 저장되는 Relativity Fund와 정반대입니다. 이 작업이 진행되는 프로젝트는 사용자에 대한 정보를 유지하지 않고 사용자가 지불하는 맞춤형 서비스를 제공합니다.

이 서비스에 추가 된 하나는 공이 누군가를 위해 무언가를 예측 한 횟수 일 수 있지만 이것은 페이지 방문 카운터와 같습니다.

실천

여기에서 프로젝트 라이브보기 : Cryptoball, Twitter에서 저를 찾거나이 프로젝트에 적용될 수있는 리소스 / 개선 사항에 대해 알고 있으면 아래에 댓글을 달아주세요.

여기에서 상대성 기금에 대해 자세히 알아보세요.