如何使用Meteor開發以太坊Dapp
本教程將向你展示如何設定Meteor應用程式以用作Ðapp，並可能回答幾個關於為什麼應該使用Meteor的問題。
常問問題
Meteor不是一個完整的堆疊框架，它是如何適應Ðapp開發的
是的，Meteor是一個完整的堆疊框架，它的主要改進是實時Web應用程式，但Meteor也是第一個框架（我知道），它完全支援了單頁app（SPA）開發並提供了所有必要的工具。
Meteor非常適合的5個理由：
- 它純粹用JS編寫，具有SPA所需的所有工具（模板引擎，模型，動態編譯，繫結等）。
- 你將獲得一個開發環境，它具有實時重新載入，CSS注入和支援許多預編譯器（LESS，Coffeescript等）即插即用。
- 你可以使用
meteor-build-client將所有前端程式碼作為單個index.html，使用一個js和css檔案載入你的資源。然後，你可以在任何地方託管它或簡單地執行index.html本身或稍後在swarm上分發它。 - 它包含完整的響應性，這使得構建一致的介面更容易（類似於angular.js
$scope或binding） - 它有一個名為Minimongo的優秀模型，它為你提供了一個類似mongoDB的介面，用於一個被動的記憶體資料庫，它也可以自動持久化到
localstorage或indexedDB
我是否需要在伺服器上託管我的Ðapp？
iron或flow-router這樣的路由器 ，則需要使用hash（index.html#!/mypath）路由而不是乾淨的HTML5 pushstate路由。
建立你的Ðapp
如果還沒有安裝Meteor：
$ curl https://install.meteor.com/ | SH
然後建立一個app：
$ meteor create myDapp
$ cd myDapp
接下來新增web3包：
$ meteor add ethereum:web3
我還建議新增以下包：
- ethereum:dapp-styles：LESS/CSS框架，它為你的dapp提供了一個很好的Mist-consistent外觀。
- ethereum:tools：這個包為
EthTools物件提供了一組格式轉換函式和ether的模板助手。 - ethereum:elements：一組專門為以太坊製作的介面元素。
- ethereum:accounts： 為你提供所有當前可用的以太坊帳戶的響應式
EthAccounts集合，其中餘額將自動更新。 - ethereum:blocks：為你提供最新50個塊的響應式
EthBlocks集合。要獲得最新的塊，請使用EthBlocks.latest（它還將具有最新的預設gasPrice） - frozeman:template-var：為你提供
TemplateVar物件，允許你設定特定於模板例項的反應變數。 - frozeman:persistent-minimongo2：允許你在本地儲存中自動保留
minimongo集合。
啟動你的Ðapp
遊覽Meteors資料夾結構
Meteor不會強制你擁有特定的資料夾結構，儘管某些資料夾具有特定含義，並且在繫結/執行你的應用程式時將被區別對待。
具有特定處理的資料夾
- client：名為
client的資料夾中的檔案只會由應用程式的客戶端部分載入，因為我們正在構建一個Ðapp，這就是我們大多數檔案所在的位置。 - lib：名為
lib資料夾中的檔案將在同一資料夾中的其他檔案之前載入。這是你的init檔案，庫或以太坊特定檔案的理想位置。 - public：一個名為
public的資料夾包含meteor資源將在你的網路伺服器的根目錄上提供（或以後繫結的Ðapp）。 - 還有一些更具體的資料夾，如
server，tests，packages等。如果你想了解它們，請檢視Meteor
因此，為了構建Ðapp，我們理想狀況下是在myDapp資料夾中建立以下資料夾結構：
- myDapp
- client
- lib
- myDapp.html
- myDapp.js
- myDapp.css
- public
注意社群還提供了像Nick Dodson這樣的Meteor Ðapp Boilerplates：https://github.com/SilentCicero/meteor-dapp-boilerplate
連線你的Ðapp
要連線我們的dapp，我們需要在另一個終端中使用正確的CORS頭開始geth：
$ geth --rpc --rpccorsdomain "http://localhost:3000"
我們還需要設定provider。理想情況下，我們在lib資料夾中建立一個名為init.js的檔案，並新增以下行：
if(typeof web3 === 'undefined')
web3 = new Web3(new Web3.providers.HttpProvider('http://localhost:8545'));
執行你的Ðapp
現在我們可以通過簡單執行來執行我們的Ðapp：
$ meteor
如果我們轉到http://localhost:3000，我們應該看到一個網站出現，如果我們開啟瀏覽器控制檯，我們可以使用web3物件來查詢geth節點：
> web3.eth.accounts
['0xfff2b43a7433ddf50bb82227ed519cd6b142d382']
新增Ðapp樣式
如果你希望你的Ðapp很好地適應Mist並且遵循官方的外觀，請使用dapp-styles css css/less框架。
請注意，它們正在大量開發中，類名稱和元素可能會發生變化。
要新增它，請將以下包新增到Ðapp：
$ meteor add less
$ meteor add ethereum:dapp-styles
現在將myDapp.css重新命名為myDapp.less並在其中新增以下行：
// libs
@import '{ethereum:dapp-styles}/dapp-styles.less';
現在，你可以使用所有dapp-styles類，也可以覆蓋框架的所有變數。你可以在回撥中找到它們。通過將它們複製到myDapp.less檔案並設定不同的值來覆蓋它們。
使用以太坊包
為了讓你的Ðapp開發人員更輕鬆，我們提供了一些幫助你更快地構建Ðapp的軟體包。
如果你新增上面推薦的軟體包，你應該使用以太坊：ethereum:tools，ethereum:accounts和ethereum:blocks。
這3個包為你提供了EthTools，EthAccounts和Ethblocks物件，它們為你提供格式化程式功能，包含來自web3.eth.accounts（具有自動更新餘額）的帳戶的集合以及最近50個塊的集合。
大多數這些功能都是響應式的，因此它們應該使構建介面變得輕而易舉。
用法示例
如果你看看myDapp.html你會發現hello模板。只需在<template name="hello">..</template>標籤之間新增一個名為{{currentBlock}}的helper。
現在開啟myDapp.js並在counter() {..}之後新增currentBlock helper：
Template.elements.helpers({
counter() {
...
},
currentBlock() {
return EthBlocks.latest.number;
}
});
然後通過新增EthBlocks.init()；初始化EthBlocks EthBlocks.init()；在this.counter = new ReactiveVar(0)；
如果你現在在瀏覽器中檢查Ðapp，你應該會看到最新的塊號，一旦你開採，它將會增加。
有關更多示例，請檢視軟體包的readme檔案和演示 （原始碼）以獲取更多資訊。
Ðapp程式碼結構
本教程不會用Meteor構建應用程式。有關這方面的資訊，請參閱Meteor的教程，優秀資源列表 或使用Meteor或Discover Meteor構建單頁Web應用程式等書籍。
TODO：
- 把以太坊相關的東西放到
client/lib/ethereum/somefile.js。 - 使用
myCollection.observe({added: func, changed: func, removed: func})與ethereum進行通訊，儘可能地保持ethereum邏輯不在你的應用中。這樣你只需要編寫和讀取你的響應集合，觀察函式將處理其餘的（例如sendTransactions） - 過濾器等會將日誌等新增到你的集合。因此，你可以將所有回撥資訊從應用邏輯中刪除。
有關示例，請參閱以太坊錢包。
繫結你的Ðapp
要將Ðapp繫結到本地獨立檔案，請使用meteor-build-client：
$ npm install -g meteor-build-client
$ cd myDapp
$ meteor-build-client ../build --path ""
這會將你的Ðapps靜態檔案放入myDapp資料夾上方的build資料夾中。
最後一個選項--path將使所有檔案相對連結，允許你通過單擊build/index.html啟動應用程式。
請注意，在file://協議上執行應用程式時，由於Web安全性，你將無法使用客戶端路由。稍後你將能夠使用客戶端路由，因為dapps是通過eth://協議提供的。
將來你可以簡單地在swarm上傳你的Ðapp。
提交你的Ðapp
要獲得Ðapp的早期流量，你可以將Ðapp提交給Dapp Insight。 這是一個最受歡迎的Dapp分析工具，它列出了世界上所有正在執行的Dapps。
======================================================================
分享一些以太坊、EOS、比特幣等區塊鏈相關的互動式線上程式設計實戰教程：
- java以太坊開發教程，主要是針對java和android程式設計師進行區塊鏈以太坊開發的web3j詳解。
- python以太坊，主要是針對python工程師使用web3.py進行區塊鏈以太坊開發的詳解。
- php以太坊，主要是介紹使用php進行智慧合約開發互動，進行賬號建立、交易、轉賬、代幣開發以及過濾器和交易等內容。
- 以太坊入門教程，主要介紹智慧合約與dapp應用開發，適合入門。
- 以太坊開發進階教程，主要是介紹使用node.js、mongodb、區塊鏈、ipfs實現去中心化電商DApp實戰，適合進階。
- C#以太坊，主要講解如何使用C#開發基於.Net的以太坊應用，包括賬戶管理、狀態與交易、智慧合約開發與互動、過濾器和交易等。
- EOS教程，本課程幫助你快速入門EOS區塊鏈去中心化應用的開發，內容涵蓋EOS工具鏈、賬戶與錢包、發行代幣、智慧合約開發與部署、使用程式碼與智慧合約互動等核心知識點，最後綜合運用各知識點完成一個便籤DApp的開發。
- java比特幣開發教程，本課程面向初學者，內容即涵蓋比特幣的核心概念，例如區塊鏈儲存、去中心化共識機制、金鑰與指令碼、交易與UTXO等，同時也詳細講解如何在Java程式碼中整合比特幣支援功能，例如建立地址、管理錢包、構造裸交易等，是Java工程師不可多得的比特幣開發學習課程。
- php比特幣開發教程，本課程面向初學者，內容即涵蓋比特幣的核心概念，例如區塊鏈儲存、去中心化共識機制、金鑰與指令碼、交易與UTXO等，同時也詳細講解如何在Php程式碼中整合比特幣支援功能，例如建立地址、管理錢包、構造裸交易等，是Php工程師不可多得的比特幣開發學習課程。
- tendermint區塊鏈開發詳解，本課程適合希望使用tendermint進行區塊鏈開發的工程師，課程內容即包括tendermint應用開發模型中的核心概念，例如ABCI介面、默克爾樹、多版本狀態庫等，也包括代幣發行等豐富的實操程式碼，是go語言工程師快速入門區塊鏈開發的最佳選擇。
匯智網原創翻譯，轉載請標明出處。這裡是原文如何使用Meteor開發以太坊Dapp