라이브러리와 프레임워크는 개발 프로세스를 크게 단순화하고 가속화합니다. 이더리움 개발과 관련하여 — Web3.js를 사용하는 것은 매우 유용합니다. Web3.js는 Ethereum Foundation의 공식 라이브러리입니다. 이더리움 블록체인의 JSON RPC와 상호 작용하는 웹사이트/클라이언트 애플리케이션을 개발하는 좋은 방법입니다.

이 튜토리얼에서는 Web3.js를 사용하여 HTTP를 사용하여 Ethereum 블록체인에 연결하는 방법을 배웁니다. 우리는 마지막 블록 번호를 얻기 위한 코드를 작성할 것입니다. 이것에 대한 가장 흥미로운 점은 우리 코드가 프런트엔드(webpack과 같은 빌드 시스템 사용)와 백엔드(NodeJS 사용) 모두에서 작동한다는 것입니다.

사전 설치됨

NodeJS가 시스템에 설치됨

텍스트 편집기

터미널 또는 명령줄

web3.js 추가 중

먼저 프로젝트에 web3.js를 가져와야 합니다. 이는 다음 방법을 사용하여 수행할 수 있습니다.

npm: npm install web3
yarn: yarn add web3
pure js: link the dist/web3.min.js

API 키 WatchData 가져오기
API 키를 생성하려면 다음 단계를 수행해야 합니다.
Dashboard.watchdata.io 탭에서 API 키 생성을 클릭합니다.


API 키를 생성했으면 복사하여 다음 형식으로 HTTP 공급자의 엔드포인트와 결합합니다.

https://ethereum.api.watchdata.io/node/jsonrpc?api_key=YOUR_API_KEY_HERE

예를 들어:

https://ethereum.api.watchdata.io/node/jsonrpc?api_key=83ab245b-ae08-43a4-97db-85903d35652f

Web3를 통한 연결

이제 짧은 스크립트를 생성하고 블록체인에서 마지막 블록 번호를 가져오기 위해 index.js라고 부르겠습니다. 이것을 코드 편집기에 복사/붙여넣기할 수 있습니다.

const Web3 = require('web3');
const provider = new Web3.providers.HttpProvider('YOUR_ETHEREUM_NODE_URL');
const web3 = new Web3(provider);

web3.eth.getBlockNumber().then((result) => {
    console.log("Latest Ethereum Block is ", result);
});

따라서 위의 지침에서 YOUR_ETHEREUM_NODE_URL를 http 공급자로 교체하십시오.
위 코드에 대한 간략한 설명: 이전에 설치한 web3 라이브러리를 가져오고(1행), Ethereum 호스트의 URL을 설정하고(2행), Web3 HttpProvider 인스턴스를 생성합니다(3행). 마지막으로 web3 개체에 대해 getBlockNumber를 호출하고 서버에서 성공적인 결과를 기다린 다음 결과를 콘솔에 씁니다(4-6행).
이 코드 조각을 index.js 파일에 저장하면 곧 실행됩니다.
node 명령으로 파일을 실행하면 Ethereum 네트워크의 마지막 블록 번호가 표시됩니다.

그래서 우리는 web3에 연결했고 마지막 블록 번호를 얻었습니다. 엄청난 :)
Web3.js 및 WatchData API를 사용하여 훌륭한 애플리케이션을 개발할 수 있습니다.
—
현재 WatchData 노드를 통해 작업할 때 Ethereum API 문서에 설명된 메서드 세트만 API 인터페이스에서 사용할 수 있으며 새로운 메서드를 추가하기 위해 적극적으로 노력하고 있습니다.
문안 인사!

jsstackdevelopers #ahmed_js