iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

DApp 開發 - 使用 web3.js 系列

主要會分成三個重點,1. 把 web3.js 文件在讀熟一點,整理出精華。2. 使用 web3.js 寫一些小型 DApp 範例。3. 解析網路流傳的 DApp,從中找出經典 Pattern。

鐵人鍊成 | 共 30 篇文章 | 80 人訂閱 訂閱系列文 RSS系列文
DAY 1

達標好文 開發 Dapp - 介紹 (Day01)

什麼是 DApp? DApp 的全名是 Decentralized Application (去中心化應用程式),區塊鏈具有去中心化的概念,所以建構在區塊鏈上的...

2018-10-16 ‧ 由 alincode 分享
DAY 2

開發 Dapp - 什麼是 web3.js (Day02)

它是一個函式庫,把以太坊的 JSON-RPC API 重新封裝過,並添加一下實用的函式庫,常用於 Dapp 網站的前端部分。它不像 Geth 或 Parity...

2018-10-17 ‧ 由 alincode 分享
DAY 3

開發 Dapp - 介紹 Infura (Day03)

前一篇我們有提到,web3.js 必須要搭配一個 JSON-RPC Server 來使用,如果只打算接觸前端 DApp 開發,可以直接註冊 infura,馬上就...

2018-10-18 ‧ 由 alincode 分享
DAY 4

開發 Dapp - 前端輕量化模組 (Day04)

雖然現在 Vue.js、React.js、Angular.js、JQuery 已經很普及,但我不想預設讀者已經會使用這些框架,為了維持範例簡單清晰,採用以下這些...

2018-10-19 ‧ 由 alincode 分享
DAY 5

開發 Dapp - web3.js 初始化 (Day05)

本系列文章用的是 1.0.0-beta.36 版,你可以透過以下指令查詢 web3.js 的版本。 web3.version 如果你有安裝 MetaMask...

2018-10-20 ‧ 由 alincode 分享
DAY 6

開發 Dapp - 實戰練習「查詢帳戶餘額 with infura」 (Day06)

web3.eth.getBalance 查詢餘額 語法 web3.eth.getBalance(address [, defaultBlock] [, call...

2018-10-21 ‧ 由 alincode 分享
DAY 7

開發 Dapp - 實戰練習 「查詢帳戶餘額 with MetaMask」(Day07)

web3.eth.getAccounts 取得帳號列表 語法 web3.eth.getAccounts([callback]) 回傳值 addresses:...

2018-10-22 ‧ 由 alincode 分享
DAY 8

開發 Dapp - 實戰練習 「簡易版 King of the Ether (1/3)」(Day08)

不知道大家有名有聽過 King of the Ether,這是一套之前小有名氣的 Dapp 遊戲,我把邏輯簡化一點來當作這次要實作的練習題。 遊戲邏輯 出最...

2018-10-23 ‧ 由 alincode 分享
DAY 9

開發 Dapp - 介紹 web3.eth.Contract 建立合約實例與預設配置 (Day09)

web3.eth.Contract 可以讓你輕鬆地跟以太坊區塊鏈上的智能合約互動。 建立一個合約實例 new web3.eth.Contract(jsonInt...

2018-10-24 ‧ 由 alincode 分享
DAY 10

開發 Dapp - 實戰練習 「簡易版 King of the Ether (2/3)」(Day10)

使用到的語法 new Web3 web3.currentProvider new web3.eth.Contract Step1: 匯入模組 如果對這些模組...

2018-10-25 ‧ 由 alincode 分享