Tự học lập trình Web3: Web3.js Giới thiệu về thư viện javascript Web3. Kết hợp Javascript với ngôn ngữ SOLIDITY
Tự học lập trình Web3
Tự học Solidity - Giới thiệu về thư viện Web3.js Kết hợp Javascript với ngôn ngữ SOLIDITY
Web3.js là gì?
Hãy nhớ rằng, mạng lưới blockchain của Ethereum được tạo thành từ các nút, mỗi nút chứa một bản sao của chuỗi khối. Khi bạn muốn gọi một hàm trên hợp đồng thông minh, bạn cần truy vấn một trong các nút này và cung cấp cho nó biết:
- Địa chỉ của hợp đồng thông minh.
- Chức năng bạn muốn gọi.
- Các biến bạn chuyển cho hàm đó.
Các nút Ethereum chỉ nói một ngôn ngữ gọi là JSON-RPC, ngôn ngữ này không thể đọc được. Một truy vấn để thông báo cho nút bạn muốn gọi một hàm trên hợp đồng trông giống như sau:
Và ... Chúc bạn may mắn khi viết được tất cả các lệnh gọi hàm của bạn theo cách này +_+
// Yeah... Good luck writing all your function calls this way!
// Scroll right ==>
{"jsonrpc":"2.0","method":"eth_sendTransaction","params":[{"from":"0xb60e8dd61c5d32be8058bb8eb970870f07233155","to":"0xd46e8dd67c5d32be8058bb8eb970870f07244567","gas":"0x76c0","gasPrice":"0x9184e72a000","value":"0x9184e72a","data":"0xd46e8dd67c5d32be8d46e8dd67c5d32be8058bb8eb970870f072445675058bb8eb970870f072445675"}],"id":1}
May mắn thay, Web3.js ẩn những truy vấn khó chịu này bên dưới bề mặt, vì vậy bạn chỉ cần tương tác với một giao diện JavaScript thuận tiện và dễ đọc.
Thay vì cần phải tạo truy vấn ở trên, việc gọi một hàm trong mã của bạn sẽ trông giống như sau:
CryptoZombies.methods.createRandomZombie("TuHocSolidity.Com")
.send({ from: "0xb60e8dd61c5d32be8058bb8eb970870f07233155", gas: "3000000" })
Chúng tôi sẽ giải thích cú pháp chi tiết trong các bài học tiếp theo, nhưng trước tiên hãy học cách thiết lập dự án của bạn với Web3.js.
Tùy thuộc vào quy trình làm việc của dự án, bạn có thể thêm Web3.js vào dự án của mình bằng cách sử dụng hầu hết các công cụ gói:
// Using NPM
npm install web3
// Using Yarn
yarn add web3
// Using Bower
bower install web3
// ...etc.
Hoặc bạn có thể chỉ cần tải xuống tệp .js được thu nhỏ từ github và đưa nó vào dự án của mình:
<script language="javascript" type="text/javascript" src="web3.min.js"></script>
Vì chúng tôi không muốn đưa ra quá nhiều giả định về môi trường phát triển của bạn và trình quản lý gói nào bạn sử dụng, đối với những ví dụ trong khoá tự học Solidity và Web3 này, chúng tôi sẽ chỉ đưa Web3.js vào dự án của mình bằng cách sử dụng thẻ script như trên.
BÀI TIẾP THEO: BÀI SỐ 44
HỌC TỪ ĐẦU: BÀI SỐ 1