gRPC over WebRTC 项目使用教程

1. 项目的目录结构及介绍

该项目的主要目录结构如下：

grpc-over-webrtc/
├── client/
│   ├── src/
│   │   ├── echo.tsx
│   │   └── grtc/
│   │       └── adapter.ts
│   └── yarn.lock
├── client-improbable/
│   ├── src/
│   │   ├── grpc/
│   │   └── client.ts
│   └── yarn.lock
├── server/
│   ├── echo.go
│   └── go.mod
├── protos/
│   └── signaling.proto
├── .gitignore
├── LICENSE
└── README.md

• client/：包含了用于与服务器通信的客户端代码，使用 create-react-app 创建，并且集成了 grpc-web 和 webrtc 扩展。
• client-improbable/：这是使用 Improbable 版本的客户端代码，同样集成了 grpc-web 和双向流。
• server/：包含了 gRPC 服务器的代码，使用 Go 语言编写，并且集成了 pion/webrtc。
• protos/：包含了定义服务接口的 Protocol Buffers 文件。
• .gitignore：定义了 Git 忽略的文件列表。
• LICENSE：项目的开源协议文件，本项目使用 MIT 协议。
• README.md：项目的说明文档。

2. 项目的启动文件介绍

客户端启动

客户端 (client/) 的启动文件位于 client/src/echo.tsx，这是 React 组件，用于实现与服务器的 gRPC 通信。

启动客户端的步骤如下：

cd client
yarn
yarn start

Improbable 客户端启动

Improbable 版本的客户端 (client-improbable/) 的启动步骤与标准客户端相似：

cd client-improbable
yarn
yarn start

服务器启动

服务器的启动文件位于 server/echo.go。启动服务器的步骤如下：

cd server
go run .

启动服务器后，可以通过浏览器中的按钮进行操作。

3. 项目的配置文件介绍

本项目中的配置文件较少，主要配置文件如下：

• client/yarn.lock 和 client-improbable/yarn.lock：这两个文件包含了 JavaScript 客户端项目的依赖和版本锁定信息。
• server/go.mod：Go 语言的模块配置文件，定义了服务器项目依赖的模块和版本。

项目使用 protos/signaling.proto 文件定义了服务的接口和消息结构，这是 gRPC 服务必须的配置文件，用于生成客户端和服务端的代码接口。