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

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

1. 概述

本文将介绍如何使用 React.js 开发区块链客户端，包括启动客户端和消息服务器、 lib 目录的变化以及智能 App 组件的实现。

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

2.1 启动服务器

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

2.2 启动 React 客户端

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

2.3 端口冲突解决

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