ప్రధాన కంటెంట్‌కి స్కిప్ చేయండి

జావాస్క్రిప్ట్‌లో ఇతీరియము బ్లాక్ చైనును ఉపయోగించడానికి web3.js ను ఏర్పాటు చేయండి

web3.js
జావాస్క్రిప్ట్
ప్రారంభ
jdourlens
11 ఏప్రిల్, 2020
2 నిమిషం పఠనం

ఈ ట్యుటోరియల్‌లో, ఇతీరియము బ్లాక్ చైనుతో సంప్రదించడానికి web3.js (opens in a new tab)తో ఎలా ప్రారంభించాలో చూద్దాం. బ్లాక్ చైను నుండి డేటాను చదవడానికి లేదా లావాదేవీలు చేయడానికి మరియు స్మార్ట్ కాంట్రాక్ట్‌లను కూడా అమలు చేయడానికి ఫ్రంటెండ్‌లు మరియు బ్యాకెండ్‌లు రెండింటిలోనూ Web3.js ఉపయోగించవచ్చు.

మొదటి దశ మీ ప్రాజెక్ట్‌లో web3.js ను చేర్చడం. వెబ్ పేజీలో దాన్ని ఉపయోగించడానికి, మీరు JSDeliver వంటి CDNని ఉపయోగించి లైబ్రరీని నేరుగా దిగుమతి చేసుకోవచ్చు.

1<script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>

బిల్డ్‌ను ఉపయోగించే మీ బ్యాకెండ్ లేదా ఫ్రంటెండ్ ప్రాజెక్ట్‌లో ఉపయోగించడానికి మీరు లైబ్రరీని ఇన్‌స్టాల్ చేయడాన్ని ఇష్టపడితే, మీరు దానిని npm ఉపయోగించి ఇన్‌స్టాల్ చేయవచ్చు:

npm install web3 --save

తర్వాత Web3.js ను Node.js స్క్రిప్ట్ లేదా Browserify ఫ్రంటెండ్ ప్రాజెక్ట్‌లోకి దిగుమతి చేయడానికి, మీరు కింది జావాస్క్రిప్ట్ లైన్‌ను ఉపయోగించవచ్చు:

1const Web3 = require("web3")

ఇప్పుడు మనం ప్రాజెక్ట్‌లో లైబ్రరీని చేర్చాము కాబట్టి మనం దానిని ప్రారంభించాలి. మీ ప్రాజెక్ట్ బ్లాక్ చైనుతో సంభాషించగలగాలి. చాలా ఇతీరియము లైబ్రరీలు RPC కాల్స్ ద్వారా ఒక నోడ్తో సంభాషిస్తాయి. మన Web3 ప్రొవైడర్‌ను ప్రారంభించడానికి, మనం ప్రొవైడర్ యొక్క URL ను కన్స్ట్రక్టర్‌గా పాస్ చేస్తూ ఒక Web3 ఉదాహరణను ఇన్‌స్టాంటియేట్ చేస్తాము. మీ కంప్యూటర్‌లో నడుస్తున్న నోడ్ లేదా గనాచే ఉదాహరణ (opens in a new tab) ఉంటే అది ఇలా కనిపిస్తుంది:

1const web3 = new Web3("http://localhost:8545")

మీరు హోస్ట్ చేసిన నోడ్‌ను నేరుగా యాక్సెస్ చేయాలనుకుంటే, మీరు ఒక సేవ వలె నోడ్స్లో ఎంపికలను కనుగొనవచ్చు.

1const web3 = new Web3("https://cloudflare-eth.com")

మనం మన Web3 ఉదాహరణను సరిగ్గా కాన్ఫిగర్ చేశామని పరీక్షించడానికి, మనం getBlockNumber ఫంక్షన్‌ను ఉపయోగించి తాజా బ్లాక్ నంబర్‌ను తిరిగి పొందడానికి ప్రయత్నిస్తాము. ఈ ఫంక్షన్ ఒక పారామీటర్‌గా కాల్‌బ్యాక్‌ను అంగీకరిస్తుంది మరియు బ్లాక్ నంబర్‌ను పూర్ణాంకంగా అందిస్తుంది.

1var Web3 = require("web3")
2const web3 = new Web3("https://cloudflare-eth.com")
3
4web3.eth.getBlockNumber(function (error, result) {
5 console.log(result)
6})

మీరు ఈ ప్రోగ్రామ్‌ను అమలు చేస్తే, ఇది కేవలం తాజా బ్లాక్ నంబర్‌ను ప్రింట్ చేస్తుంది: బ్లాక్ చైను యొక్క అగ్రస్థానం. మీ కోడ్‌లో కాల్‌బ్యాక్‌లను నెస్ట్ చేయడాన్ని నివారించడానికి మీరు await/async ఫంక్షన్ కాల్స్‌ను కూడా ఉపయోగించవచ్చు:

1async function getBlockNumber() {
2 const latestBlockNumber = await web3.eth.getBlockNumber()
3 console.log(latestBlockNumber)
4 return latestBlockNumber
5}
6
7getBlockNumber()

మీరు Web3 ఉదాహరణలో అందుబాటులో ఉన్న అన్ని ఫంక్షన్లను అధికారిక web3.js డాక్యుమెంటేషన్ (opens in a new tab)లో చూడవచ్చు.

చాలా Web3 లైబ్రరీలు అసమకాలికమైనవి ఎందుకంటే నేపథ్యంలో లైబ్రరీ నోడ్‌కు JSON-RPC కాల్స్ చేస్తుంది, అది ఫలితాన్ని తిరిగి పంపుతుంది.

మీరు బ్రౌజర్‌లో పని చేస్తున్నట్లయితే, కొన్ని వాలెట్‌లు నేరుగా ఒక Web3 ఉదాహరణను ఇంజెక్ట్ చేస్తాయి మరియు లావాదేవీలు చేయడానికి మీరు వినియోగదారుడి ఇతీరియము చిరునామాతో సంప్రదించాలని ప్లాన్ చేస్తే, సాధ్యమైనప్పుడల్లా దాన్ని ఉపయోగించడానికి ప్రయత్నించాలి.

ఒక MetaMask వాలెట్ అందుబాటులో ఉందో లేదో గుర్తించడానికి మరియు అది ఉంటే దాన్ని ప్రారంభించడానికి ప్రయత్నించడానికి ఇక్కడ స్నిప్పెట్ ఉంది. ఇది తర్వాత వినియోగదారుడి బ్యాలెన్స్‌ను చదవడానికి మరియు మీరు వారిచే ఇతీరియము బ్లాక్ చైనుపై చేయించాలనుకుంటున్న లావాదేవీలను ధృవీకరించడానికి వారిని అనుమతిస్తుంది:

1if (window.ethereum != null) {
2 state.web3 = new Web3(window.ethereum)
3 try {
4 // Request account access if needed
5 await window.ethereum.enable()
6 // Accounts now exposed
7 } catch (error) {
8 // User denied account access...
9 }
10}
అన్నీ చూపించు

Ethers.js (opens in a new tab) వంటి web3.js కు ప్రత్యామ్నాయాలు ఉన్నాయి మరియు సాధారణంగా కూడా ఉపయోగించబడతాయి. తదుపరి ట్యుటోరియల్‌లో మనం బ్లాక్ చైనుపై కొత్తగా వచ్చే బ్లాక్‌లను సులభంగా ఎలా వినాలి మరియు వాటిలో ఏముందో ఎలా చూడాలి (opens in a new tab) అని చూద్దాం.

పేజీ చివరి అప్‌డేట్: 21 ఆగస్టు, 2025

ఈ ట్యుటోరియల్ ఉపయోగపడిందా?