课程目标

在这个项目中，我们将考虑使用 Go 作为后端，React.JS 作为前端来构建一个聊天系统。

本课程将有助于你巩固 Go 的并发概念和技术，提供开发更复杂的 Go 应用程序的实际经验，希望你能够轻松编写常用的 Go 程序。

目的

我们将逐步构建这个聊天系统，以确保整个课程的学习保持轻松愉快。

在开始之前，我将介绍越来越多的高级 Go 语言技术以及它们如何与项目相关联，到最后，你应该成为掌握编写 Go 语言应用程序的程序员。

覆盖的主题

  • 初始化项目
  • Go 语言 gorilla/websocket 包提供的 WebSockets
  • Goroutines 和并发基础
  • 安全的并发通信
  • 使用 ReactJS 进行前端开发
  • 使用 Docker 部署应用

完全免费

这门课程的优势就是完全免费，这意味着更多的人可以去学习。

聊天应用

在本课程结束时，你应该有一个看起来像样的聊天应用。

我们将通过设置两个项目来开始这个课程。一旦我们完成了枯燥的设置，就可以开始添加新功能并构建我们的应用程序，将看到一些积极的结果！

目标

在这部分课程结束后，你将掌握：

backend/frontend/

通过实现这两个部分，你将能够在接下来的几节课程中为聊天系统添加一些功能。

准备工作

为了完成本系列教程，我们先要做以下的准备工作。

npmnpxnpm install -g npx

设置 Go 后端项目

backend
backend
backend
  • go.mod - 这个文件有点像 NodeJS 项目中的 package.json。它详细描述了我们项目所需的包和版本，以便项目的构建和运行。
  • go.sum - 这个文件用于校验，它记录了每个依赖库的版本和哈希值。

注意 - 有关 Go modules 新特性的更多信息，请查看官方 Wiki 文档: Go Modules

检查 Go 项目

backend/go mod init
backend/main.go
main.go

如果成功执行，我们可以继续设置我们的前端应用程序。

设置 React 前端项目

frontend

注意 - 我们将使用 facebook/create-react-app 来生成我们的 React 前端。

create-react-appnpm

安装完成后，你应该能够使用以下命令创建新的 ReactJS 应用程序：

frontend/

我们的目录结构应如下所示：

本地运行 ReactJS 程序

现在已经成功创建了基本的 ReactJS 应用程序，我们可以测试一下是否正常。输入以下命令来运行应用程序：

如果一切正常的话，将会看到 ReactJS 应用程序编译并在本地开发服务器上运行：http://localhost:3000

现在已经拥有有一个基本的 ReactJS 应用程序了，我们可以在接下来的教程中进行扩展。

太棒了，现在已经成功设置了我们项目的前端和后端部分，接下来我们可以添加一些酷炫的新功能。