使用 Linux + Nginx 作为 Unity WebGL 的服务器

使用 Linux + Nginx 作为 Unity WebGL 的服务器

本文介绍如何在 Linux 系统上使用 Nginx 作为服务器来托管 Unity WebGL 项目。并最终通过浏览器访问。

准备工作

1. 创建或下载 Unity WebGL 项目

• 如果你已经有一个 Unity WebGL 项目，可以直接使用。
• 如果没有，可以下载示例项目：https://download.csdn.net/download/GoodCooking/24339451

下载和安装 Nginx

1. 下载 Nginx

• 访问 Nginx 官方网站下载适用于 Linux 的版本：https://nginx.org/en/download.html
• 选择适合的版本（如 nginx-1.26.2.tar.gz）。

2. 解压 Nginx

使用以下命令解压下载的文件： 需要使用cd 命令切换到下载文件夹

tar -xvf nginx-1.26.2.tar.gz

3. 将 Nginx 文件拷贝到系统目录

创建一个独一无二的文件夹，如果有其他人要部署就不会产生路径的冲突。

将 Unity WebGL 文件拷贝到 Linux

使用U盘拷贝

1. 使用图形界面

• 将 Unity WebGL 项目的 ZIP 文件拷贝到 Linux 系统中，解压后放置到指定目录。

2. 使用命令行

3.在浏览器下载

配置 Nginx

1. 修改配置文件

2. 修改配置内容

注意： root /etc/nginx/nginx_20241030/nginx-1.26.2/html; 修改为自己的路径！！！

将 root 路径修改为绝对路径，并添加 CORS 支持：

location / {
root /etc/nginx/nginx_20241030/nginx-1.26.2/html;
index index.html index.htm;

# 添加 CORS 头部
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';

# 处理 OPTIONS 请求
if ($request_method = OPTIONS) {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
add_header Content-Length 0;
add_header Content-Type text/plain;
return 204;
}
}

启动 Nginx

1. 使用命令行安装的 Nginx

• 启动 Nginx：sudo systemctl start nginx
• 重启 Nginx：sudo systemctl restart nginx
• 查看状态：sudo systemctl status nginx

2. 使用源码编译的 Nginx

• 如果使用源码编译，确保编译成功后再启动：sudo ./configure
  sudo make
  sudo make install

访问 Unity WebGL 项目

• 打开浏览器，输入服务器的 IP 地址或域名，即可访问 Unity WebGL 项目。
• 示例：http://<服务器IP>/index.html
• 没有修改ip地址和端口号可以使用：localhost:80

Enjoy

不明白可以评论留言哦。