純乾貨 以太坊DApp開發環境搭建

隨著科技發展，區塊鏈技術逐步走向正軌，本文主要基於以太坊DAPP項目開發環境為對象，將windows下快速搭建環境配置方法予以總結，主要從安裝介紹Node.js、geth、solidity編譯器、web3和webpack出發，使我們在工作學習中避免安裝時出現一些不必要的麻煩，造成開發工作難以進行。

以太坊DAPP開發環境有兩種一種是在線開發環境Remix，另一種就是本地開發環境。

Remix：相對於本地開發環境比較簡單，它可以直接在solidity（瀏覽器）裡編寫、調試智能合約。網頁地址：https://remix.ethereum.org/ ，可直接打開。

本地開發環境：需要一個與自己獨有業務系統的交互，這就需要DApp進行自己獨有業務系統的邏輯編寫；環境搭配相當於給與兩者建立了一個交互的平臺或空間。

1、安裝Node.js

進入官網：https://nodejs.org/en/ ，單擊“downloads”進入下載頁面，我們使用官方長期支持的8.11.1LTS版本，根據自己計算機操作系統配置選擇相應的安裝包，32位安裝包既可用於32位系統，也可用於64位系統。如果您確認自己操作系統是64位，也可直接下載安裝64位安裝包。

下載完成後可直接安裝。安裝完畢，打開一個控制檯窗口，可以使用node了：

安裝後檢測PATH環境變量是否配置了Node.js，點擊開始=》運行=》輸入"cmd"=>輸入命令"path"，輸出如下結果：

我們可以看到環境變量中已經包含了D:Program Filesodejs，檢查Node.js和npm版本,直接在命令行中輸入“node -v”和“npm –v”，如圖：

2、安裝Geth

Geth是以太坊協議的具體落地實現，通過Geth，你可以實現以太坊的各種功能,如賬戶的新建編輯刪除，開啟挖礦，ether幣的轉移，智能合約的部署和執行等。目前下載安裝V1.8.7版本。

安裝完成後檢查，輸入geth version,產看是否安裝成功；

如果出現Geth的版本號，那麼恭喜你，geth安裝成功！

3、安裝 solidity編譯器

基於瀏覽器的Solidity：

如果你只想嘗試一個使用Solidity的小合約，那麼就不需要安裝任何東西，只要訪問基於瀏覽器的Solidity。

如果你想要離線使用（下載地址：https://cmake.org/download/  v3.11.1版本），那麼你可以把頁面保存至本地，或者從或者從http://github.com/chriseth/browser-solidity克隆一個。

NPM/node.js在基於瀏覽器的Solidity上，Emscripten提供了一個跨平臺JavaScript庫，把C++源碼編譯為JavaScript，同時提供了NPM安裝包。這可能是安裝Solidity到本地最簡單省事的方法了。

安裝完畢後輸入solcjs –version。如果出現Emscripten.clang，說明你安裝成功。

4、Web3安裝

Web3的安裝過程使用了git，因此需要先安裝 windows 版的git命令行。下載64位或32位的git安裝程序，本地安裝後在繼續安裝web3。

npm install –g [email protected]

安裝驗證：輸入node –p 'require("web3")'{[Function: Web3]providers:{…}}

5、webpack

Webpack借用官方說法：

“webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.”

簡言之，webpack是一個模塊打包器 (module bundler)，能夠將任何資源如 JavaScript文件、CSS文件、圖片等打包成一個或少數文件。

為什麼要用這個Webpack?

首先，定義已經說明了webpack能將多個資源模塊打包成一個或少數文件，這意味著與以往的發起多個HTTP請求來獲得資源相比，現在只需要發起少量的HTTP請求。

其次，webpack能將你的資源轉換為最適合瀏覽器的“格式”，提升應用性能。比如只引用被應用使用的資源(剔除未被使用的代碼)，懶加載資源(只在需要的時候才加載相應的資源)。

再次，對於開發階段，webpack也提供了實時加載和熱加載的功能，大大地節省了開發時間。除此之外，還有許多優秀之處之處值得去挖掘。不過，webpack最核心的還是打包的功能。

具體架構還需仔細剖析解讀，繼續Webpack多頁應用架構可以更加廣泛的呈現出精彩的內容。但是架構不是一成不變的，在不斷革新和迭代中逐漸趨於完善，解決一些架構中的痛點。