[区块链&DAPP介绍 Day24] Dapp 实战 部署第一个 Dapp

今天我们来尝试看看部署一个 Dapp。要进入之前请先确保，有照着前两天介绍的 metamask & truffle 都有安装完了。当然 granache 也是不可或缺的。

首先我们先做一个目录叫做 example，然後进入目录，执行 truffle 指令，如下

$ mkdir example
$ cd example
$ truffle unbox webpack

就会看到 truffle 预设下载了它的 example code，接下来跟昨天介绍的 truffle 一样，修改 truffle-config.js

development: {
    host: "127.0.0.1",     // Localhost (default: none)
    // 可以先查询看看 自己的 granache 里面是设定多少 port
    port: 7545,            // Standard Ethereum port (default: none)
    network_id: "*",       // Any network (default: none)
},

最後一样就像昨天的介绍执行

truffel compile
truffle migrage

会看到多了一个 app 资料夹，接下来进去里面下指令

npm run dev

接下来打开浏览器输入 http://127.0.0.1:8080 就能第一个 Dapp 。

刚开始打开，就会看它会要你连结 metamask 的钱包等等，请照着指示设定就可以完成了。

明天我们依照着个范例，延伸一个投票系统。