32、使用 React.js 开发区块链客户端

使用 React.js 开发区块链客户端

1. 简介

在之前的学习中，我们掌握了 React 的基础知识，现在将一起回顾一个新版本的区块链应用程序，其客户端部分使用 React 编写。该 Web 客户端的源代码位于 blockchain/client 目录，消息服务器位于 blockchain/server 目录。服务器代码与之前保持一致，此版本区块链应用的功能也未改变，但应用的 UI 部分完全用 React 重写。

2. 启动客户端和消息服务器

要启动服务器，可按以下步骤操作：
1. 打开 blockchain/server 目录下的终端窗口。
2. 运行 npm install 安装服务器依赖项。
3. 运行 npm start 命令，看到 “Listening on http://localhost:3000;” 消息后，保持服务器运行。

启动 React 客户端的步骤如下：
1. 打开 blockchain/client 目录下的另一个终端窗口。
2. 运行 npm install 安装 React 及其依赖项。
3. 运行 npm start 命令，区块链客户端将在端口 3001 启动，短暂延迟后将生成创世块。

由于 Create React App CLI 生成的应用默认在端口 3000 启动 webpack-dev-serve