# react-threejs-client-and-dotnet-server

**Repository Path**: hyoukadev/react-threejs-client-and-dotnet-server

## Basic Information

- **Project Name**: react-threejs-client-and-dotnet-server
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-29
- **Last Updated**: 2023-10-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Three.js Client + .NET Server

### 依赖安装
服务端使用 `.NET 8.0`， 需要确保系统安装以下环境：

- `dotnet-sdk-8.0`
- `dotnet-runtime-8.0`
- `aspnetcore-runtime-8.0`

客户端（前端页面）使用 `pnpm` 管理依赖包：
- 安装 `pnpm` 参考官网 https://pnpm.io/installation
- 安装依赖只需要进入 `AppClient` 目录，执行 `pnpm install` 即可

### 启动项目

服务端启动需要在 `AppServer` 文件夹下面执行 `dotnet run` 即可

客户端页面启动需要在 `AppClient` 文件夹下执行 `pnpm run dev` 即可


### 项目前置知识

服务端代码编写：
- ASP.NET 8.0 Web APIs 应用 : https://learn.microsoft.com/en-us/aspnet/core/fundamentals/apis?view=aspnetcore-8.0
- ASP.NET 8.0 Minimal APIs 范式 : https://learn.microsoft.com/en-us/aspnet/core/fundamentals/minimal-apis/overview?view=aspnetcore-8.0
- ASP.NET 8.0 增加路由、参数和处理方法 : https://learn.microsoft.com/en-us/aspnet/core/fundamentals/minimal-apis/parameter-binding?view=aspnetcore-8.0#optional-parameters
- CORS : https://learn.microsoft.com/en-us/aspnet/core/security/cors?view=aspnetcore-8.0
- 中间件 : https://learn.microsoft.com/en-us/aspnet/core/fundamentals/minimal-apis/middleware?view=aspnetcore-8.0
- 自动生成接口文档 : https://learn.microsoft.com/en-us/aspnet/core/tutorials/web-api-help-pages-using-swagger?view=aspnetcore-8.0


前端代码编写：
- 前端语言 TypeScript : https://www.typescriptlang.org/ (和 C# 都是 Anders Hejlsberg 创立，语法也很像，https://baike.baidu.com/item/安德斯·海尔斯伯格/2152925)
- 前端可用接口 : https://developer.mozilla.org/en-US/docs/Web/API
- 前端开发环境工具链 : https://vitejs.dev/guide/
- 前端 UI 范式库 : https://react.dev/
- 前端 UI 组件库 : https://ant-design.antgroup.com/components/overview-cn/
- three.js react 版本 : https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
- three.js react 版本工具库 drei : https://drei.pmnd.rs/
- 前端领域层状态共享状态管理工具库 : https://docs.pmnd.rs/zustand/getting-started/introduction