在已有nginx基础上,在centos平台部署html(unity+web)混合项目过程

(1)首先将html(webgl混合)项目打包成zip文件,并通过MobaXterm工具上传到centos服务器的指定文件夹内

image

 如进入到/home/文件夹路径内,点击上传按钮,上传本地的zip文件。

并切换命令到当前文件夹路径、执行zip文件解压,在当前/home/路径生成解压后的文件夹

cd /home/

unzip XXX.zip

image

 (2)授予解压后的文件夹权限(避免后续nginx没有权限访问该项目)

image

 

image

 (3)在nginx文件夹内部,新建nginx的conf文件,并填写配置信息

image

 如新建inner_test.conf文件,内部如下:

server {
    listen 28000;
    server_name 192.168.XX.XX;

    # 网站根目录
    root /home/InnerTestField/;
    index index.html index.htm;
    
    
    # WebAssembly 文件(Unity WebGL 需要)
    location ~* \.wasm$ {
        default_type application/wasm;
        expires 1y;
        add_header Cache-Control "public, immutable";
    }


    # 允许大文件上传/下载
    client_max_body_size 800M;
    proxy_read_timeout 300s;
    proxy_connect_timeout 300s;


    # 静态文件缓存
    location ~* \.(css|js|png|jpg|jpeg|gif|ico|svg)$ {
        expires 1y;
        add_header Cache-Control "public, immutable";
    }
    
    

    location / {
        try_files $uri $uri/ /index.html;
    }
}

尤其注意这段内容:

 # WebAssembly 文件(Unity WebGL 需要)
    location ~* \.wasm$ {
        default_type application/wasm;
        expires 1y;
        add_header Cache-Control "public, immutable";
    }

没有它就会导致unity导出的webgl文件无法被正确识别。

(4)测试nginx配置语法有无错误

sudo nginx -t

如果显示 syntax is ok,说明文件格式正确。

(5)重载 Nginx 生效

sudo systemctl reload nginx

(6)验证端口

netstat -tulpn | grep 28000

现在应该能看到 Nginx 正在监听。

(7)验证网址访问

http://192.168.XX.XX:28000/
网页正常显示,说明部署成功。

 

posted @ 2026-09-03 16:11  上清风  阅读(10)  评论(0)    收藏  举报