Unity WebGL Vue

Vue项目内嵌WebGL

基于vue-element-admin开发，使用Unity2020.3.1。
不了解前端项目，当时随便找了一个前端框架，这个框架值得学习，但是不适合新手开发（反正我是在痛苦中改成自己需要的），后来在文档中也注意到，作者已经说明，不适合二次开发，可以使用vue-admin-template进行开发。今天打包上传服务器，后续有空，把功能移到vue-admin-templete。

一、Unity WebGL

WebGL文档 2020.3

1. C#和js交互

自行查看官方文档和示例，由于我没有使用到太多交互，故省略。
在我的项目中，只是从 Js向Unity传递信息，调用C#，可以参考官方文档，主要的方法如下：

unityInstance.SendMessage('MyGameObject', 'MyFunction');
unityInstance.SendMessage('MyGameObject', 'MyFunction', 5);
unityInstance.SendMessage('MyGameObject', 'MyFunction', 'MyString');

对于unityInstance，如果需要在全局中调用，可以将其缓存，在build出来的index.html中对自己定义的unityInstance进行赋值。

2. 打包设置

依旧看文档（哈哈），主要注意的地方是 Publishing Settings

这里用的是Gzip压缩，开启Decompression Fallback。这里怎么说呢，比较坑，附个问题解决文章吧！压缩和解压选择
正式打包发布，会遇到 unityFramework 未定义，就是这个解压的问题。关于http请求头和响应头这块，不太了解，不懂的自行查阅，也可以忽略。在官方文档中也有详细的说明和示例，压缩格式选择和服务器相应的配置都有。至于为什么这样，前端同学可能更懂一些，我还不太懂，欢迎留言告知。
我们服务端用的Nginx，所以我也是本地试了好久，关于配置Nginx的响应头，网上文章也好多。
我在nginx.conf中添加如下代码，最后解决。

location ~ .+\.unityweb$ {
            add_header Content-Encoding gzip;
            add_header Content-Type application/octet-stream;
        }

如果没有选择Decompression Fallback的话，打包出来是gz/br后缀，这个配置自行百度吧，我也不是搞后端的。
本地测试没问题后，把最终包丢给服务端，他最终配置的，具体怎么配置不清楚，部署后，正常运行。

二、Vue框架

怎么说呢，一个Untiy开发，来写前端，确实什么也不懂，网上当时就随手找了这个框架，也没怎么看文档，就看效果然后改代码，以后一定先看文档，说多了都是泪。
因为我的需求比较简单，几乎没需求，所以用这个有些大材小用了，不过有空还是可以学习一下前端的。

遇到的问题

前期在本地测试，也没遇到什么大的问题，但是上线后，就不行了，一直报responseType的问题，加上Untiy那个压缩的问题，整了两天，感觉自己快废了。
responseType
这里提到说是mock.js的问题，后来尝试删除了，果然好了，具体原因也不清楚，但是在main.js中也提到，上线之前去掉mock，只怪自己没有看到。

三、Nginx部署

Nginx本地部署
我当时在自己本地测试，同事发我的文章，因为我们服务端用的是这个，没办法，Unity官方文档给了Apache的服务器配置和IIS的配置示例。

四、其他

1. WebGL项目

项目打包后，生成的文件，我是将其放在public下，网上也有放在static下的

Vue项目中，将WebGL生成的index.html 文件里面的复制到vue文件中。(后期继续补充，今天先这样了！)