1703877407
1703877408
这里把运行在端口8080上的两个服务端express和socket.io合并成一个服务端。
1703877409
1703877410
现在创建路径以用于静态文件和App主页。相关代码如下：
1703877411
1703877412
1703877413
1703877414
1703877415
这里使用了express.static中间件，用于在公共目录中发现静态文件。
1703877416
1703877417
现在连接到geth节点，并获取已部署合约的引用，这样可以发送交易并监听事件。相关代码如下：
1703877418
1703877419
1703877420
1703877421
1703877422
上述代码就是用得到的合约地址替换原有的合约地址。
1703877423
1703877424
现在创建广播交易和获取文件信息的路径。相关代码如下：
1703877425
1703877426
1703877427
1703877428
1703877429
其中，“/submit”路径用于创建和广播交易。获取交易哈希之后，把它发送给客户端。然后等待挖出交易。“/getInfo”路径用于调用节点自身的合约get方法，而非创建交易。它仅仅发送回所得到的回应。
1703877430
1703877431
现在监听来自于合约的事件，并向所有客户端广播。相关代码如下：
1703877432
1703877433
1703877434
1703877435
1703877436
这里需要检查一下状态是否为true，如果为true，才能向所有连接的socket.io客户端广播事件。
1703877437
1703877438
1703877439
1703877440
1703877441
区块链项目开发指南 [:1703875339]
1703877442
区块链项目开发指南 4.2.3 创建前端
1703877443
1703877444
让我们从应用的HTML开始创建前端。把下面的代码放入index.html文件：
1703877445
1703877446
1703877447
1703877448
1703877449
1703877450
1703877451
1703877452
上述代码的执行过程如下：
1703877453
1703877454
1）显示Bootstrap的文件输入框，这样用户可以选择一个文件。
1703877455
1703877456
2）显示一个文本框，用户可以输入所有者的细节。