truffle next

松露和next.js

快速以太坊DAPP開發

---

最小的智能合同開發樣板

松露非常適合製定堅固的智能合約，但是建立智能合約的React前端通常是一件瑣事。 Next.js是構建這樣的前端的最簡單方法之一，松露和Next.js之間的集成是此樣板試圖演示的。

有兩個主要特徵：

• 一個普通的truffle init項目用作基礎（以及簡單示例合同）。

• Next.js項目位於client目錄中，並與合同ABI定義的輸出文件夾進行符號鏈接。 Next.js應用程序還提供了一個簡單的骨架，用於連接到網絡上的智能合約並進行交互。

有關前端方式的更多信息，請閱讀位於client目錄中的readme.md。

安裝

1. 在全球安裝松露。

   npm install -g truffle

2. 下載盒子。這也需要安裝必要的依賴項。

   truffle unbox adrianmcli/truffle-next

3. 運行開發控制台。

   truffle develop

4. 編譯和遷移智能合約。注意開發控制台內我們不帶有truffle命令。

   compile
   migrate

5. 運行前端的Next.js服務器。智能合約更改必須手動重新編譯和遷移。

   // Change directory to the front-end folder
   cd client
   // Serves the front-end on http://localhost:3000
   npm run dev

6. 松露可以按照您的智能合約進行堅固或JavaScript編寫的測試。請注意，如果您在開發控制台中或外部，則命令會略有不同。

   // If inside the development console.
   test
   
   // If outside the development console..
   truffle test 

用metamask運行

由於truffle develop將區塊鏈暴露於端口9545上，因此您需要添加一個自定義的RPC網絡http://localhost:9545在您的metamask中以使其正常工作。

使用TestRPC運行

我們強烈建議您在testrpc上使用truffle develop ，但是如果您想使用testrpc ，則需要做幾件事：

• 更改client/lib/getWeb3.js的第6行以使用localhost:8545而不是localhost:9545 ，因此我們參考了testrpc而不是truffle develop 。

• 使用以下命令運行testrpc （因為原因）：

   testrpc --gasLimit 6721975 --gasPrice 100000000000