Tạo Trình theo dõi danh mục đầu tư Web3 bằng API DeCommas

Công nghệ chuỗi khối đã khơi dậy sự xuất hiện của một ngành hoàn toàn mới được biết đến rộng rãi với tên gọi “Web3”, một biên giới mới trong nền kinh tế kỹ thuật số, nơi mà sự phân cấp, khả năng tương tác và trao quyền cho người dùng được đặt lên hàng đầu và trung tâm.

Là một phần của quá trình khai phá Web3, nhiều loại tài sản mới đang được cung cấp rộng rãi cho đại chúng. Các loại tiền điện tử như Bitcoin và Ethereum là một loại tài sản web3 nổi tiếng, nhưng kể từ sự nổi lên của Tài chính phi tập trung và NFT, sự đa dạng của các loại tài sản dựa trên blockchain đang tăng lên nhanh chóng.

Với sự phức tạp ngày càng tăng của tài sản Web3, người dùng đang tìm kiếm những cách thuận tiện để theo dõi tài sản của họ trên các chuỗi khối và giao thức Web3. Nhập Trình theo dõi danh mục đầu tư , một nền tảng tiện lợi kết nối với Web3-wall et và cung cấp cái nhìn tổng quan toàn diện về số dư và vị thế của nó:

Trong bài viết này, chúng tôi sẽ cung cấp hướng dẫn từng bước cho các nhà phát triển web3 và những người tò mò về web3 để xây dựng tính năng theo dõi danh mục đầu tư của riêng họ bằng cách sử dụng miễn phí API kiểm soát nhiệm vụ của DeCommas .

“API kiểm soát nhiệm vụ” của DeCommas là gì?

API của DeCommas là API thân thiện với nhà phát triển, cung cấp khả năng truy cập nhanh chóng và thuận tiện vào dữ liệu chuỗi khối có cấu trúc. TRÊN https://build.decommas.io/ các nhà phát triển có thể có quyền truy cập vào các khóa API miễn phí chỉ trong vài giây, cung cấp quyền truy cập vào một trong những API Web3 chuỗi chéo nhanh nhất hiện có.

Là nhà phát triển, bạn có thể truy cập và truy vấn dữ liệu được lưu trữ trên nhiều chuỗi khối với thời gian phản hồi cực nhanh dưới 150 mili giây miễn phí. Cũng không cần phải lặp lại nhiều lệnh gọi API vì phản hồi API theo mặc định là chuỗi chéo.

Gần đây, nhóm DeCommas đã tăng gấp đôi OP Stack, bổ sung thêm hỗ trợ cho opBNB và Base L2.

Trong trường hợp bạn tò mò về API, có sẵn tài liệu đầy đủ đây .

Hướng dẫn: Xây dựng Trình theo dõi danh mục đầu tư bằng API kiểm soát nhiệm vụ

Đối với hướng dẫn này, chúng tôi sẽ giúp bạn xây dựng tính năng Theo dõi danh mục đầu tư. Chúng tôi sẽ sử dụng API Kiểm soát nhiệm vụ và sử dụng các điểm cuối để tìm nạp số dư ERC20, khoản nắm giữ NFT và thậm chí cả Vị trí giao thức.

Trong hướng dẫn này, chúng ta sẽ:

• Chỉ cho bạn cách lấy khóa API Kiểm soát nhiệm vụ
• Thiết lập API kiểm soát nhiệm vụ trong môi trường của bạn
• Tìm hiểu về lệnh gọi API và phản hồi của nó
• Tạo các tính năng cơ bản cho trình theo dõi danh mục đầu tư của bạn

Hãy đi sâu vào!

Nhận khóa API Kiểm soát nhiệm vụ cá nhân của bạn

Cần có API kiểm soát nhiệm vụ DeCommas để hoàn thành hướng dẫn này. Nó miễn phí sử dụng, hỗ trợ các truy vấn chuỗi chéo theo mặc định và đạt được thời gian phản hồi cực cao.

Đạt được quyền truy cập rất đơn giản:

1. Đi tới https://build.decommas.io/
2. Nhấp vào “Bắt đầu”
3. nhập địa chỉ email của bạn
4. Kiểm tra email của bạn và nhấp vào liên kết để hát
5. Bây giờ bạn sẽ có thể truy cập https://dashboard.decommas.io/ , chứa các khóa API của bạn

Bạn sẽ cần các khóa API để hoàn thành hướng dẫn này, vì vậy hãy tiếp tục và sao chép và dán chúng vào một nơi nào đó mà bạn dễ tìm thấy nhưng được lưu trữ an toàn. Đối với hướng dẫn này, tài liệu DeCommas cũng sẽ rất hữu ích: https://docs.decommas.io/

Thiết lập API kiểm soát nhiệm vụ trong môi trường của bạn

Tùy thuộc vào tùy chọn của mình, bạn có thể tương tác với API thông qua yêu cầu HTTPS thô hoặc bằng JavaScript bằng SDK của chúng tôi.

Trong trường hợp bạn đi theo tuyến đường đầu tiên, cuộc gọi sẽ như thế này:

 https://datalayer.decommas.net/datalayer/api/v1/tokens/{address}?api-key={YOUR-API-KEY}

Tuy nhiên, đối với hướng dẫn này, chúng tôi sẽ sử dụng SDK JavaScript được cung cấp và chúng tôi sẽ sử dụng hướng dẫn Bắt đầu nhanh để bắt đầu API Kiểm soát nhiệm vụ trong môi trường của bạn.

SDK DeCommas: https://github.com/DeCommas/decommas-sdk

1. Cài đặt ứng dụng API Mission Control trong môi trường Javascript của bạn

 npm install @decommas/sdk

2.Sau khi cài đặt ứng dụng, bạn có thể nhập và sử dụng SDK:

 import { Decommas } from '@decommas/sdk'; // Allows to use SDK in DEV-ONLY mode const decommas = new Decommas(); const getVitalikERC20Balances = async () => { const address = '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045'; // any address const tokens = await decommas.address.getTokens({ address }); console.log(tokens); };

Bây giờ bạn đã sẵn sàng và sẵn sàng gọi API!

Xây dựng các tính năng theo dõi danh mục đầu tư cơ bản

Bây giờ bạn đã quen thuộc với SDK và có thể truy cập API, hãy cùng xây dựng một số tính năng trong thế giới thực!

Công cụ theo dõi danh mục đầu tư tốt cần cung cấp thông tin chi tiết về khoản nắm giữ ERC-20, giá trị của những khoản nắm giữ này và lịch sử giao dịch của người dùng. Chúng tôi sẽ cung cấp cho bạn thông tin cơ bản về cả 3 điều này!

1. Lấy số dư ERC-20 hiện tại cho ví

Để người dùng biết họ sở hữu bao nhiêu token ERC-20, chúng tôi sẽ sử dụng Điểm cuối mã thông báo ERC-20 một lần nữa.

Bằng cách cung cấp địa chỉ ví của người dùng cho lệnh gọi API, API sẽ trả về thông tin tổng quan về mã thông báo ERC-20 trên tất cả các mạng được hỗ trợ. Trong trường hợp này, đối với địa chỉ ví 0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045, API sẽ trả về một loạt mã thông báo cùng với số dư tương ứng của chúng.

API sẽ phản hồi bằng một mảng rõ ràng chứa mã thông báo, chuỗi mã thông báo và số dư tương ứng của chúng. Bạn có thể sử dụng dữ liệu này để cung cấp thông tin tổng quan trong Trình theo dõi danh mục đầu tư của mình, chẳng hạn như bằng cách hiển thị danh sách mã thông báo mà người dùng nắm giữ, được sắp xếp theo tổng số lượng của mỗi mã thông báo.

 { "count": 2, "status": 200, "result": [ { "chain_name": "mainnet", "chain_id": 1, "address": "0x228ba514309ffdf03a81a205a6d040e429d6e80c", "name": "Global Social Chain", "decimals": 18, "symbol": "GSC", "logo_url": "https://assets.coingecko.com/coins/images/4304/large/global-social-chain.png?1547742843", "actual_price": "0.00147295", "is_verified": true, "is_stable": false, "amount": "20000000000000000000" }, { "chain_name": "mainnet", "chain_id": 1, "address": "0x38e4adb44ef08f22f5b5b76a8f0c2d0dcbe7dca1", "name": "Concentrated Voting Power", "decimals": 18, "symbol": "CVP", "logo_url": "https://assets.coingecko.com/coins/images/12266/large/Powerpool.jpg?1598621373", "actual_price": "0.433299", "is_verified": true, "is_stable": false, "amount": "42130000000000000000" } ] }

2. Báo cáo giá trị của token ERC-20 bằng USDC

Mặc dù biết số lượng token mà người dùng sở hữu là thông tin có giá trị nhưng nhiều người dùng muốn xem giá trị nắm giữ của họ được biểu thị bằng USD.

Chúng ta hãy xem xét lại phản hồi từ điểm cuối của Token ERC-20:

 { "count": 2, "status": 200, "result": [ { "chain_name": "mainnet", "chain_id": 1, "address": "0x228ba514309ffdf03a81a205a6d040e429d6e80c", "name": "Global Social Chain", "decimals": 18, "symbol": "GSC", "logo_url": "https://assets.coingecko.com/coins/images/4304/large/global-social-chain.png?1547742843", "actual_price": "0.00147295", "is_verified": true, "is_stable": false, "amount": "20000000000000000000" }, { "chain_name": "mainnet", "chain_id": 1, "address": "0x38e4adb44ef08f22f5b5b76a8f0c2d0dcbe7dca1", "name": "Concentrated Voting Power", "decimals": 18, "symbol": "CVP", "logo_url": "https://assets.coingecko.com/coins/images/12266/large/Powerpool.jpg?1598621373", "actual_price": "0.433299", "is_verified": true, "is_stable": false, "amount": "42130000000000000000" } ] }

Bằng cách sử dụng biến “actual_price”, bạn có thể hiển thị cho người dùng tổng số cổ phần họ nắm giữ được biểu thị bằng USD. Tùy thuộc vào những gì bạn dự định cho Trình theo dõi danh mục đầu tư của mình, bạn có thể xem xét hiển thị số lượng mã thông báo theo mã thông báo, kết hợp với tổng giá trị USDC mà người dùng có trong mã thông báo đó. Để làm điều này, bạn có thể sử dụng “Tên”, “Ký hiệu”, “Số tiền” và “Giá thực tế”.

Kết thúc - Các bước đầu tiên để xây dựng Trình theo dõi danh mục đầu tư web3 của bạn

Tất nhiên đây chỉ là bước khởi đầu để xây dựng Trình theo dõi danh mục đầu tư của bạn. Bạn muốn tìm hiểu thêm về cách mở rộng Trình theo dõi danh mục đầu tư của mình? Hãy để mắt tới DeCommas' HackerBuổi trưa , vì các hướng dẫn về web3 mới được đăng thường xuyên!

Việc bắt đầu phát triển web3 có thể khiến bạn cảm thấy khó khăn nhưng bằng cách sử dụng API Kiểm soát nhiệm vụ của DeCommas, bạn có thể tăng tốc quá trình lên rất nhiều. Chỉ cần sử dụng một vài lệnh gọi API đơn giản là bạn đã có thể truy cập miễn phí vào vô số dữ liệu được lưu trữ trên blockchain.

Bạn thích Hướng dẫn này và muốn tìm hiểu thêm? Hãy theo dõi DeCommas HackerBuổi trưa , nơi chúng tôi thường xuyên đăng các hướng dẫn Phát triển Web3 giống như hướng dẫn này! Bạn đã biết tất cả những gì bạn cần và muốn phát triển chưa? Đi ra ngoài build.decommas.io và sử dụng API Kiểm soát nhiệm vụ để làm lợi thế cho bạn!