近年來 Web 3 及區塊鏈技術已取得越來越高的關注度,它將顛覆我們對網路以及金融的認知與使用方式。從 Web 2 的中心化架構轉換到 Web 3 的去中心化架構,對於想要進入這個領域的工程師來說,除了需要掌握基本軟體開發的技能,也要對 Web 3 相關概念與技術有基本的了解,包含新的開發模式、工具、語言等等。本系列文章旨在引領讀者理解 Web 3 的精髓,提供一套從 Web 2 到 Web 3 全端開發的技術養成路線。無論是前端、後端還是 App 端的開發者,我們都將一同探索這條充滿挑戰與機遇的道路,為網路世界的變革做好充分準備。
簡介 大家好,我是 KryptoGO 的 Harry,今天先聊一下為什麼想寫這系列的文章,還有預計會涵蓋哪些內容。我遇過許多人對 web 3 與區塊鏈相關技術感...
今天的內容會帶大家實際安裝一個區塊鏈錢包,這會在後續的內容中使用,也簡單介紹區塊鏈錢包背後的運作原理,以及市面上有哪些不同種類的錢包。 安裝 MetaMask...
今天我們會講解主網跟測試網的區別,並帶大家領取測試網上的代幣,來實際操作一個區塊鏈應用。 主網與測試網 在區塊鏈的世界中,我們有兩種不同的網絡:主網 (Main...
今天我們會用 React 實作一個最簡單的去中心化應用,也就是 Decentralized App(簡稱 DApp)。許多區塊鏈應用之所以只需要前端的技術,是因...
昨天我們的 DApp 已經有簡單的讀取功能,因此今天會開始實作較進階的讀取跟簡單的寫入的功能,也就是發送交易。例如錢包餘額現在可以顯示 ETH 的餘額,而在 D...
前兩天我們把 DApp 的一些基礎功能開發出來了,但還沒有在 UI/UX 上著墨太多。今天要介紹的 Rainbow Kit 就是可以用來快速開發一個好看的連接錢...
今天我們會進入到錢包登入的實作。很多 DApp 如 Blur(NFT marketplace)、Lenster(Web3 社群平台)都是使用錢包地址作為唯一識別...
由於 Web3 與前端的主題暫時告一段落(後續會再有進階的 Web3 前端主題),作為到後端主題的銜接,如果對智能合約相關概念有更多理解的話會很有幫助,像前面我...
今天我們正式進入 Web3 與後端的開發,在 Day 7 的前端程式已經準備好了簽名的訊息及簽章結果,因此後端需要提供一個 API 來驗證這個簽名,若驗證通過就...
前一天已經實作完錢包登入的雛形,這個錢包在使用者的瀏覽器 Extension 內管理的。而有些時候也會需要在後端管理錢包,例如當使用者要把幣打到中心化交易所的入...