使用linux+nginx 作为unity webgl的服务器

使用linux+nginx 作为unity webgl的服务器

建议使用命令行下载，使用源码编译可能编译不过。

自己创建一个uinty webgl项目，或者下载我上传的unity webgl项目

https://download.csdn.net/download/GoodCooking/24339451

下载nginx 使用图形界面

下载nginx 或者使用命令行下载nginx
下载，这是用于Linux的。

https://nginx.org/en/download.html

解压

 tar -xvf nginx-1.26.2.tar.gz 

拷贝文件

//创建一个路径在/etc/nginx/nginx_20241030
sudo mkdir -p /etc/nginx/nginx_20241030

//拷贝解压文件到上面创建的路径
sudo cp -r nginx-1.26.2 /etc/nginx/nginx_20241030/

//看看文件在不在
ls /etc/nginx/nginx_20241030/

下载ngixn使用命令行

https://blog.csdn.net/GoodCooking/article/details/129483956?

将unity webgl 文件拷贝到linux

图形界面和windows操作一样

解压zip的命令

命令行

将文件拷贝到u盘中，将U盘插入到linux机器上

//找到u盘
raspberry@raspberrypi:~ $ lsblk
NAME        MAJ:MIN RM  SIZE RO TYPE MOUNTPOINT
sda           8:0    1 58.6G  0 disk 
└─sda1        8:1    1 58.6G  0 part /media/raspberry/HIKSEMI
mmcblk0     179:0    0 29.7G  0 disk 
├─mmcblk0p1 179:1    0  256M  0 part /boot
└─mmcblk0p2 179:2    0 29.5G  0 part /

//查看u盘文件
cd /media/raspberry/HIKSEMI/
ls

//复制文件到Downloads
 sudo cp LOOKCubeA.zip  /home/raspberry/Downloads
 
//解压文件
确认已经安装了unzip
unzip -v
安装会输出版本号，记得先运行 cd ~  切换到home
么有安装就安装
sudo apt-get update
sudo apt-get install unzip

解压
cd /home/pi/Downloads/
unzip LOOKCubeA.zip

//将文件复制到nginx下
切换到文件夹内部
cd LOOKCubeA/

编译nginx ，么有报错就是编译好了
sudo ./configure


复制文件
 sudo cp -r * /etc/nginx/nginx_20241030/nginx-1.26.2/html
切换到复制的文件夹 
cd /etc/nginx/nginx_20241030/nginx-1.26.2/html
 
 查看文件
 ls
50x.html      Build/        index.html        TemplateData/ 

删除文件（如果有必要）
 sudo rm -rf LOOKCubeA/

最后的效果

配置nginx

nginx的配置文件Linux和Windows的差不多，需要改的有html文件的路径，在Linux中需要使用绝对路径

在windows中的路径配置，root是相对路径 root html;

 
         location / {
            root   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;
            }
        }
 

在linux中需要使用绝对路径 root /etc/nginx/html;

 
         location / {
            root   /etc/nginx/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;
            }
        }
 

切换到配置文件夹
cd /etc/nginx/nginx_20241030/nginx-1.26.2/conf

备份配置文件
sudo cp nginx.conf nginx.conf-save

编辑（如果会用nano）
sudo nano nginx.conf

不会用nano
复制复制一个到到桌面，使用文本编辑器编辑，编辑好之后再覆盖回去
复制到桌面一份
sudo cp nginx.conf  /home/raspberry/Desktop
再复制回去
sudo cp /home/raspberry/Desktop/nginx.conf   /etc/nginx/nginx_20241030/nginx-1.26.2/conf/nginx.conf  

启动nginx

方式1，使用命令行安装的 可以使用下面的命令

//启动
sudo systemctl start nginx

//重启
sudo systemctl restart nginx

//查看状态
sudo systemctl status nginx

方式2，如果是自己编译的

我的没编译出来，架构不行，arm64，很奇怪。

。