如何将Unity WebGL项目上传至自己的云服务器上（图文详解）

正倧

已于 2024-04-08 17:29:51 修改

阅读量5.8k

点赞数 38

分类专栏： Unity游戏开发文章标签： unity webgl 游戏引擎阿里云服务器

于 2024-04-02 16:16:10 首次发布

本文链接：https://blog.csdn.net/qq_62675453/article/details/137261297

版权

之前在Unity上完成的小游戏项目成功导出了.exe文件，但同时又想把它以别的形式再进行导出，虽然Unity官方提供了专门的服务器来给用户上传他们的WebGL项目，但个人感觉那总有点寄人篱下，于是想自己租一个云服务器用来上传自己的项目。

上传的流程主要分三部分：

1.Unity导出WebGL项目

2.云服务器的设置

3.将WebGL项目上传至云服务器

1.Unity导出WebGL项目

首先我们需要把Unity项目导出为WebGL。打开项目，点击File->Build Settings进入如下窗口，从左侧找到WebGL，如果它像如下一样是灰色的，右侧显示No WebGL module loaded。那说明你还没有下载相关的模块，需要点击Install with Unity Hub下载我们需要的模块。

下载时选中以下模块，点击安装等待下载完成。

下载完成后返回Unity，可以发现WebGL选项已经点亮，点击Switch Platform，等待Unity把项目转换成WebGL

转换完成后别着急点击Build导出Unity项目，我们要先进入Player Settings，这里还有些需要设置的地方，否则默认导出的项目上传至服务器后可能会出现无法运行的情况。

这里的的Compression Format要改成Gzip或者Disabled，指的是要把你的Unity项目进行何种方式的压缩。

这里可以修改导出网页的展示形式，按自己的需要修改就好，我一般选的都是Default默

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

正倧

关注关注

38
点赞
踩
81

收藏

觉得还不错? 一键收藏
17
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

[Unity-经验]从购买云服务器到发布Unity WebGL项目

周飞飞的博客

11-23

4946

[Unity-经验]从购买云服务器到发布Unity WebGL项目前言一、WebGL的导出1. 导出设置二、服务器购买1. 带宽的选择2. 服务器的配置3. 服务器各个属性的意义三、项目的部署总结前言在完成第一届医学虚拟仿真实验大赛时，使用Unity作为主要开发软件，导出为WebGL，然后在华为云购买服务器并部署项目，作此经验记录一、WebGL的导出此部分主要介绍Unity中把项目导出为WebGL，请确保Unity已经安装好了WebGL的相关工具包。 1. 导出设置（1）点击左上角"Fi

Unity WebGL打包配置本地服务器

renkai2heng的博客

05-30

1606

1、None 无：选择这个你不需要任何异常支持。这提供了最佳的性能和最小的构建。使用这个选项，任何异常的抛出都会停止运行。2）、然后选择IIS（Internet Information Services）双击进入。3）、找到网站右键添加网址或者在面板右侧添加网址。6）、再次在左边点击刚刚创建的，然后在右侧点击浏览。没有配置IIS的，可根据下面这篇文章配置。5）、点击刚刚创建的，设置MIME类型。1）、打开控制面板，找到管理工具。3）、遇到异常以及压缩格式。2）、设置打包的窗口大小。4）、根据下面设置好。

17 条评论您还未登录，请先登录后发表或查看评论

unity 发布webGL 网页之间的通信

最新发布

qq_31578301的博客

03-27

307

unity 发布webGL 网页之间的通信

Unity导出WebGL工程，并部署本地web服务器

shaobing32的博客

02-17

6941

Unity导出WebGL工程，并部署本地web服务器

unity通过http上传图片到服务器

03-15

unity通过http上传图片到服务器，上传截屏图片到tomcat服务器

UnityWebGL发布在IIS服务器进行测试运行

遇到问题总有办法解决的

02-24

1061

1. 打开控制面板->程序->启用或关闭Windows功能->启用IIS,所有选项都勾上 2.在控制面板右上角点击查看方式-大图标,找到管理工具-Internet Information Services (IIS)管理器 3.右键网站图标,选择添加网站,在弹出的窗口中填入网站名称,物理路径浏览选择WebGL打包出来的文件夹,IP地址可以在下拉菜单...

unity项目部署到个人网站(云服务器上)

李祖平大人的博客

06-20

1555

unity项目部署到个人网站(云服务器上)

unity打包webgl 部署到本地Web服务器

qq_37524903的博客

08-04

7037

1.打开Web服务，打开控制面板-->程序-->启用或关闭功能-->Internet Infomation Services,全部打勾，确认即可。2.网站配置，点击此电脑，点击右键-->管理-->服务和应用程序-->Internet Infomation Services--网站。首先将打包出来的WebGL项目(有index.html)放置到对应路径, 接着点击网站-->新建一个网站。将此文件另存为“web.config”，放置在打包出来的WebGL项目（index.html）旁边。...

Unity-WebGL配置系统教程(含iis本地部署) --简略版

归里的博客

05-24

6251

一份系统性的完整的Unity-WebGL配置教程，绝对不会让你吃亏，可为你减少大量的时间。

unity发布webgl并部署到服务器配置文件

06-07

本篇将深入探讨如何在Unity中发布WebGL项目，并将其部署到服务器，特别是配置IIS服务器的相关步骤。首先，你需要确保Unity版本支持WebGL导出。Unity从5.6版本开始引入了WebGL支持，所以请确保你使用的Unity版本是...

vue项目结合unity webgl通信（内含untiy+vue代码）

04-10

在本项目中，我们主要探讨的是如何将Vue.js前端框架与Unity WebGL进行集成，实现两者之间的双向通信。Vue.js是一个轻量级、高性能的前端框架，而Unity则是一款强大的3D游戏开发引擎，WebGL是Unity导出为浏览器运行的...

Unity WebGL下读取Excel

04-23

在Unity WebGL项目中，你需要将`FlexReader`集成到你的项目中，然后通过JavaScript接口与Unity的C#代码进行交互，以便在WebGL环境中处理Excel数据。集成步骤大致如下： 1. **获取FlexReader**：如果你还没有`...

unitywebgl发布到云服务器打开

zjjjjjjj_的博客

10-09

3054

把这个文件夹里面的文件随便移到别处，然后把unity打包的webgl包放到这个wwroot文件夹里。新人可以免费试用一个月，我用的是windows系统含有UI的，别选错了，选成了没有UI的。启动这个默认网址，点击浏览*:80(http)，显示能正常打开IIS欢迎页。把80端口添加上，然后我们就可以在浏览器上输入公网ip地址进行访问了。回到云服务网页上，点击实例-安全组-配置规则-手动添加。在远程桌面上点击MIME类型，然后点击右上角添加。现在就可以用公网ip访问了，但是会报错。

Webgl部署

m0_56970149的博客

10-18

309

webgl系统部署

unity打包web平台选择本地文件并上传

weixin_44556485的博客

05-24

764

其中，gameInstance是unity运行实例，有的叫unityInstance或者别的东西，具体看自己js模版中定义的变量。JSON.stringify(res)：该函数接收的一个参数，这里我封装为一个json对象可以传递多个参数，传过去后解析为一个文件信息类。原文链接：https://blog.csdn.net/love_c_s/article/details/135666003。游戏物体名称用于在该js函数中发送广播，叫该游戏物体执行指定挂在在该物体mono脚本上的指定方法。

[Unity 打包WebGL用本地服务器Tomcat测试]

weixin_46472622的博客

02-09

923

strip engine code：官方文档是这样描述它的"如果被选中，unity会默认剥离在项目中不会使用的组件"，也就是说，假如你的项目中没有音频功能，unity会在封装的时候去掉这部分代码以减少大小。注意：打包存放的位置也得放在项目的根目录下面，也就是跟 Assets 同级目录。注意：项目里面一定不要出现中文名称、所有的包括硬盘盘符最好也是英文的！继续设置完成了以后你就需要 build 了，那么这个地方的重点来了。继续接着上面的、接下来它会提示你打包存放的位置，如果有中文的话是这样的。

Unity发布WebGL并部署到服务器配置文件

gitblog_09749的博客

10-19

592

Unity发布WebGL并部署到服务器配置文件【下载地址】Unity发布WebGL并部署到服务器配置文件本仓库提供了一个资源文件，详细介绍了如何将Unity项目发布为WebGL格式，并将其成功部署到服务器上。该配置文件包含了所有必要的步骤和设置，帮助开发者轻松完成Unity WebGL项目的发布和部署 ...

Unity编辑器扩展之上传文件至腾讯云对象存储桶

Test_Two的博客

01-07

899

每次将资源打包成Bundle包或者需要将某些文件上传到对象存储桶中，都需要打开腾讯云或是其它第三方平台然后将文件上传到指定目录。上述操作自我感觉比较麻烦于是该工具就诞生了，在打包完资源后在Unity内部就能实现上传。当然你也可以在Unity内部上传任何你想上传的文件，也提供上传文件夹下的所有内容。

Unity WebGL发布及Ubuntu Apache服务器部署

qstxwlq的博客

03-14

6350

Unity WebGL发布及Ubuntu Apache服务器部署

如何在Unity3D中使用T4M工具导入自定义3D模型作为地形，并进行性能优化和多平台兼容性设置？

11-04

Unity3D中的T4M（Terrain for Mobile）是一个专业的地形解决方案，特别适合于移动设备和网页平台的轻量级地形创建和管理。为了实现高效的地形导入、性能优化和多平台兼容性设置，你需要首先下载并安装T4M工具，这可以在Unity Asset Store中找到。在导入你的3D模型之前，确保模型是支持的格式（如FBX），并且已经过优化，以减少多边形数量和确保正确贴图。导入模型到Unity后，T4M将自动识别为地形，并可以进行编辑。参考资源链接：[Unity3D T4M：自定义地形工具详解与优势](https://wenku.csdn.net/doc/11xi2eybs6?spm=1055.2569.3001.10343) 接下来，你应该利用T4M提供的纹理绘制工具和植被种植功能来丰富你的地形。植被和其他细节可以通过LOD系统进行优化，确保远处的植被使用更少的多边形和贴图，这样不仅可以提高渲染效率，还可以保持良好的视觉效果。对于Billboard技术，确保每个植被模型都已设置为面向相机，这对于提升性能至关重要，尤其是在运行设备性能有限的情况下。对于性能优化，T4M的轻量级设计意味着它已经预优化过，但仍需注意以下几点：一是在纹理和模型上使用合适的分辨率，避免使用过高的贴图和多边形数量；二是调整LOD参数和Billboard设置，确保在不同设备上的性能一致性；三是进行多平台测试，确保兼容性，尤其是对于不同设备的Shader Model支持。最后，不要忘记考虑多平台兼容性。T4M兼容Unity Free和Pro版本，因此你应该确认你的项目设置正确，并且所有使用的特性都是跨平台兼容的。测试不同的平台，例如iOS、Android、WebGL等，确保在所有目标设备上都能获得一致的性能和视觉效果。为了深入掌握T4M工具的使用，并了解更多关于地形设计和性能优化的高级技巧，推荐查阅《Unity3D T4M：自定义地形工具详解与优势》这一图文教程。该教程详细介绍了T4M的特点和操作，同时提供针对不同平台和设备的优化建议，是提高你的Unity3D项目质量和性能的宝贵资源。参考资源链接：[Unity3D T4M：自定义地形工具详解与优势](https://wenku.csdn.net/doc/11xi2eybs6?spm=1055.2569.3001.10343)