【Linux服务器利用Nginx部署Unity3D WebGL项目与网页】

Linux服务器利用Nginx部署Unity3D WebGL项目与网页

概要

一直使用Windows服务器进行WebGL网页端部署，直接利用的是自带的IIS管理器
这次公司项目是在客户Linux服务器上进行部署WebGL内容，进行数字化监控和展示
记录一下步骤与遇到的坑~

准备工作

关于Unity3D打包WebGL项目的注意事项与设置这里忽略
在这里需要准备：
1：你的已经打包好的Web端
2：nginx软件 下载地址：Nginx
3：ssh终端工具 这里使用的是WinTerm 具体地址：WinTerm
（全程使用命令行进行操作）

一：使用WinTerm连接到你需要的Linux服务器上

如图：

将你下载的Nginx压缩文件夹、WebGL文件发送到Linux服务器上，如图：

二：具体操作

1：解压下载的Nginx文件：

tar -zxvf nginx-1.9.9.tar.gz

2.安装nginx依赖，包含：
gcc环境
pcre 和 pcre-devel，第一个安装包提供编译版本的库，而第二个提供开发阶段的头文件和编译项目的源代码
zlib
openssl
可以单独每项安装、也可以一键安装

sudo apt install gcc-c++ pcre pcre-devel zlib zlib-devel openssl openssl-devel

3.安装nginx:
进入刚刚解压完成的nginx文件夹（根据具体情况）

cd nginx-1.26.3

依次执行：

sudo ./configure --prefix=/你的nginx文件夹路径/nginx
例如我的是：./configure --prefix=/home/Test/naginx

make

make install

在这里应该全部安装完成了，在你的WinTerm上除了刚刚放进去的nginx压缩文件，解压文件与WebGL文件，还有个nginx文件夹，就是你刚刚的安装目录

cd ~ 退出当前文件目录

4：修改配置文件
访问nginx的配置文件： 具体路径根据你的情况修改！！！！

vim /usr/local/nginx/conf/nginx.conf

需要修改一下四项：
按 i 进入插入模式
修改完成后点击ESC 退出插入模式，输入：wq退出并保存

5：启动nginx

cd /usr/local/nginx/sbin  //进入sbin文件夹
sudo ./nginx                  //启动nginx

**注意：**当之后每次修改配置文件后，nginx都要进行重启

sudo  /usr/local/nginx/sbin/nginx -s reload

这样正常设置完，在你的历览器中输入IP与端口号，就能打开WebGL项目了。

常见错误

网页显示403 权限问题
1：你的网页放置到根目录下，建议新建文件夹放置。
2：确保你的WebGL文件和相关的目录具有适当的读取权限。

sudo ls -l /path/to/your/webgl/files   //来查看当前文件夹目录具有的权限

3：确保当前用户对这些文件有读取权限。尤其是部署到公司或项目的服务器上，你当前的账户可能不是根管理员账户

//修改权限
sudo chmod -R 755 /path/to/your/webgl/files
sudo chown -R www-data:www-data /path/to/your/webgl/files

网页显示404 找不到文件夹
先看一下配置文件，dist文件夹位置，index等是否正确，如果都正确，先重启一下nginx，清除浏览器缓存，再尝试访问，如果依然不行，则在nginx配置文件中加入下面这句话

try_files $uri $uri/ /index.html;

此方法不仅适用于WebGL项目，常见的前端网页VUE同样适用。