Ứng dụng web react - SDK Mesh (Thư viện mã nguồn mở để xây dựng ứng dụng Web3 trên chuỗi khối Cardano)
Mesh cung cấp một tập hợp các thành phần giao diện người dùng hữu ích, vì vậy bạn có thể dễ dàng thêm chức năng web3 và các tiện ích thuận tiện cho ứng dụng của mình.
- MeshProvider - Đăng ký thay đổi ví
- Thành phần giao diện người dùng - Các thành phần giao diện react để tăng tốc độ phát triển ứng dụng của bạn.
- Wallet hooks - Hooks react để tương tác với ví được kết nối
Để bắt đầu, hãy cài đặt mesh-react
:
Tiếp theo, hãy thêm MeshProvider
vào thư mục gốc của ứng dụng. React Context cho phép ứng dụng chia sẻ dữ liệu trên toàn ứng dụng và MeshProvider cho phép ứng dụng của bạn đăng ký thay đổi ngữ cảnh.
#
Thành phần giao diện người dùng(UI Components)Để các dApp giao tiếp với ví của người dùng, chúng tôi cần một cách để kết nối với ví của họ.
Thêm CardanoWallet này để cho phép người dùng chọn ví để kết nối với dApp của bạn. Sau khi ví được kết nối, hãy xem Ví trình duyệt để biết danh sách API CIP-30.
Duyệt qua tất cả các Thành phần giao diện người dùng do Mesh cung cấp để bắt đầu xây dựng các ứng dụng web3, tương tác với các hợp đồng của bạn bằng ví của bạn.
#
Wallet HooksTrong một ứng dụng React, Hooks cho phép bạn trích xuất và tái sử dụng các biến và logic có trạng thái mà không thay đổi hệ thống phân cấp thành phần của bạn. Điều này giúp dễ dàng sử dụng lại cùng một Hook giữa nhiều thành phần. Bạn có thể thử từng móc này trên Sân chơi Mesh .
#
useWalletListTrả về danh sách ví được cài đặt trên thiết bị của người dùng.
#
useAddressĐịa chỉ trả về của ví được kết nối.
#
useAssetsTrả về danh sách nội dung trong ví được kết nối từ tất cả các UTXO.
#
useLovelaceTrả lại số lượng lovelace trong ví.
#
useNetworkTrả lại mạng của ví được kết nối.
#
useWalletCung cấp thông tin về trạng thái của ví hiện tại và các chức năng kết nối và ngắt kết nối ví của người dùng.
Kiểm tra Sân chơi Mesh để xem bản trình diễn trực tiếp và giải thích đầy đủ.