Estimated reading time:

10分鐘

Difficulty:

Beginner

Key takeaway:

使用React元件建立一個測試帳戶和用於在XRPL上傳送付款基本使用者介面。

Lesson 1

開始使用XRPL和React.js編碼

使用React.js為XRPL構建一個基本介面

開發人員如何與XRPL互動

如果你要使用XRPL,大多數開發人員必須做兩件重要的事情:

  1. 傳送一個交易指令(更改分類帳上的內容
  2. 傳送一個請求指令(在分類帳上查詢某些內容)

例如,您可以使用「付款」交易向您的朋友付款,然後在使用「帳戶資訊」請求查詢您帳戶中瑞波幣(XRP)餘額。

本課程將示範如何使用React app,透過與app互動,達到輕鬆傳送交易,查詢分類帳本上餘額狀態的改變。 這隻app會使用兩個函式庫:`nice-xrpl`,一個React介面函式庫,便於產生簡單的使用者操作介面,以及`xrpl.js`,一個使用者端的函式庫,便於使用者傳送交易和請求指令。

你可以從本課程中期待什麼

本課程中的以下每小節課將向您展示如何使用React.js元件構建的在程式沙盒中執行的一個基本應用程式。 您可以跳過以下說明直接體驗app顯示的最終結果,請捲動畫面到下方的每節課的程式沙盒!

在第一節課中,您將學習如何:

  1. 開戶:在XRPL上建立一個帳戶。
  2. 付款:從您的帳戶傳送金額到另一個帳戶。
  3. 查詢:請求檢查您的帳戶餘額。

在第二課中,您將學習如何:

  1. 設定您的帳戶允許接收瑞波幣XRP以及其他各種代幣。
  2. 您的帳戶與其他帳戶之間傳送和接收各種代幣。
  3. 顯示您的帳戶內的各種代幣餘額。

在第三課中,您將學習如何擴展應用前面所學內容:

  1. 鑄造/創造非同質性代幣(NFT)。
  2. 列表帳戶內擁有的非同質性代幣NFTs清單。
  3. 銷毀/刪除您帳戶內的一顆非同質性代幣NFT。

完成這些課程之後,您應該已經有紮實的基礎可以在XRPL分類帳本上,快速開發自己構建的React app進行互動。

END OF LESSON

現在你已經瞭解了一些關於 XRP 分類帳上使用 React 編碼的知識,請通過測驗來測試你的理解。

Welcome to your Begin coding with XRPL and React.js (CH)

開發人員與 XRPL 交互的兩種基本方式是什麼?