Bài 4: Cách sử dụng Algokit – Dappflow và kết nối Wallet

Để sử dụng Algokit và dAppflow, ta thực hiện các bước chính như dưới đây:

Bước 1: Khởi động Docker, đã được hướng dẫn chi tiết ở bài 3.

Bước 2: Khởi động LocalNet, Algokit hỗ trợ sử dụng Algorand blockchain phiên bản local để thử nghiệm.

Tính năng AlgoKit LocalNet cho phép ta quản lý (khởi động, dừng, khởi động lại, quản lý) mạng Algorand riêng được bảo vệ dạng local. Tính năng này cho phép Ta tương tác và triển khai các thay đổi trên mạng Algorand của riêng ta mà không cần phải lo lắng về việc Chi tiền cho tài khoản TestNet, thông tin Ta gửi có thể nhìn thấy công khai hoặc được kết nối khi Internet được kích hoạt

Ta dùng lệnh algokit localnet start dưới đây để khởi động localnet:

algokit localnet start

Bước 3: Kích hoạt phần mềm dAppflow

Dappflow là một giao diện người dùng dựa trên web cho phép Ta trực quan hóa các tài khoản, giao dịch, tài sản và ứng dụng trên mạng Algorand và cũng cung cấp khả năng triển khai và triệu gọi hợp đồng thông minh. Nó có thể hoạt động với TestNet, MainNet và cả LocalNet. Hơn nữa, Ta cũng có thể tạo và cấp vốn cho các tài khoản trên LocalNet. Trong khi AlgoKit cung cấp cả giao diện lập trình và giao diện dòng lệnh để tương tác với Algorand, nó cũng cho phép Ta nhanh chóng mở Dappflow để Ta có thể tương tác và xem những gì đang diễn ra một cách trực quan nhất.

Dappflow có thể được khởi chạy từ AlgoKit bằng cách chạy lệnh sau từ chức năng terminal của VS Code Hoặc trong cửa sổ command line ta:

algokit explore

Sau khi thực hiện bước 3 ta có giao diện Web như dưới đây:

Mặc định chương trình hiển thị Explore như trên, bây giờ ta nhấn vào nút “LocalNet” ở góc phải trên cùng (gần nút Connect Wallet):

Ta có thể chọn các network khác để quan sát hay sử dụng, ví dụ chọn MainNet:

Sau khi chọn Active network qua MainNet, ta quay về Explore để xem kết quả:

Để vào App Studio, đây là công cụ ta sử dụng để triển khai Hợp đồng thông minh. Ta bấm vào “App Studio”:

Ta bấm vào link Dappflow, ta có giao diện Dappflow hiển thị ra như dưới đây:

Trong màn hình Dappflow ta có thể đổi Active Network:

Bước 4: Tạo Wallet và kết nối

Bây giờ ta cần tạo Wallet cho Localnet bằng cách bấm vào biểu tượng răng cưa như dưới đây:

Lúc này màn hình setting với 2 tab Nodes Local wallets sẽ xuất hiện ra như dưới đây:

Quan sát tab Nodes ở hình trên ta thấy Localnet đang “connected

Bây giờ ta bấm vào tab Local wallets:

Ta thấy nút “Create wallet”, nút này dùng để tạo wallet cho localnet. Ta bấm vào nó, một Address sẽ được tạo ra như hình dưới đây:

Ta nhấn chuột vào Address vừa được tạo ở trên, màn hình chi tiết sẽ hiển thị ra như dưới đây:

Bạn quan sát ở bên phải của địa chỉ sẽ có các biểu tượng: QR Code để scann địa chỉ, Raw data để hiển thị cấu trúc dữ liệu gốc của địa chỉ, và Dispense để phân bổ ngân sách cho wallet.

Ví dụ, nếu nhấn vào biểu tượng QR-Code:

Nếu nhấn vào biểu tượng Raw data:

Cuối cùng là ta nhấn vào biểu tượng “Dispense” để phân bổ ngân sách:

Khi bấm Dispense, màn hình Dispenser sẽ xuất hiện như trên, ta nhập giá trị Amount sau đó nhấn “Dispense“, lưu ý nếu gặp lỗi “Failed to fetch” thì nhớ khởi động lại Docker, chạy lại localnet rồi quay lại màn hình algokit sẽ thực hiện được.

Bây giờ ta nhấn nút “Dispense“, chờ hệ thống thực hiện giao dịch, khi giao dịch thành công ta sẽ thấy thông báo như dưới đây:

Thông báo như trên là đã thành công, bạn nhấn vào “View transaction” để xem chi tiết quá trình thực hiện giao dịch:

Ta quan sát màn hình trên là giao dịch thành công, đã báo Payment. thông tin Block, Sender address, Receiver Address (là Wallet local address của ta), số tiền Amount là 100Algo. Cũng như thông tin phí giao dịch, thời gian thực hiện, thời gian tồn tại.

Đồng thời số tiền cũng được hiển thị ở kế bên địa chỉ (BAL:100).

Bạn có thể tiếp tục thực hiện giao dịch Dispense. Ví dụ lần này là 500:

Sau khi bấm Dispense ta cũng có thông báo giao dịch thành công:

Tiếp tục bấm vào “View transaction” ta xem kết quả, thông tin chi tiế giao dịch hiện thị ra như bên dưới, cùng với BAL:600 đã được cộng dồn:

Như vậy, tới đây các Bạn đã biết cách sử dụng Algokit, biết cách tạo Localnet Wallet, kết nối nối Wallet, phân bổ ngân sách cho Wallet address để cập nhật Balance, khi đã có Balance >0 các bạn có thể thực hiện được các giao dịch Smart Contract trên nền tảng Blockchain này

Các bạn thực hiện lại nhiều lần thao tác này cho quen thuộc nhé

Bài học sau chúng ta sẽ thực nghiệm việc tạo một dự án Hợp đồng thông minh trong Visual Studio Code, cách biên dịch hợp đồng thông minh, cách Deploy hợp đồng thông mình lên nền tảng Algokit Dappflow này.

Các bạn chú ý theo dõi.

Chúc các bạn thành công

Leave a Reply