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

发布时间：2025-06-24 18:06:35  作者：北方职教升学中心  阅读量：946

到目前为止，我们的WebGL项目已经准备好了，但现在index.html不能正常打开，因为我们还没有配置相应的服务器，接下来，这里新文件夹的名字叫"JumpingFrogWeb"

上传界面的文件。如果成功下载󿀌以下提示将显示。默认导出的项目上传到服务器后可能无法运行。

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

        我选择阿里云作为我的云服务器，使用其它服务器的基本流程是相同的，但具体的操作方法会有所不同。

        上传过程主要分为三部分：

目录。我们将设置自己的云服务器。我想以其他形式导出，尽管Unity正式为用户上传其WebGL项目￰提供了专用服务器c;但个人觉得总有点寄人篱下󿀌所以我想租一个云服务器上传我的项目。

        首先，现在我们已经从外部网络面板地址访问了我们的宝塔面板，登录后进入以下界面。

然后进入左侧"文件"界面，点击"上传"，然后在我们最初包装的WebGL项目中放置两个文件夹，所有html文件都放在新文件夹里󿀌然后全部拖进去上传。WebGL选项已经点亮󿀌点击Switch Platform，等待Unity将项目转换为WebGL。

以下文件夹和文件可以在导出目录中完成。

点击安全组"创建安全组"进入创建页面󿀌"网络"和"资源组"这两列选择您当前的服务器，这里的访问规则将帮助您配置一些常见的端口，比如80、我们需要添加我们刚刚开放的端口，并部署了我们的WebGL项目。

复制访问这里的外网地址，我们可以进入自己的云服务器宝塔面板，默认用户名和密码是默认信息中的username和password。

---

2.云服务器的设置。应设置用户名和密码，自己设置就好󿀌然后进入我们的云服务器界面，在此界面中输入yumm install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec 下载宝塔面板。

2.云服务器的设置。错误、两者用":"隔开。您可以单击Build将我们的Unity项目导出为WebGL。

我们在这里输入14，查看面板的默认信息，他将默认地址࿰当前面板c;如图显示用户名和密码。

点击我们新创建的网站名称，在弹出窗口中填写公共网络IP地址和我们新开放的端口号。

这里可以修改导出网页的显示形式，根据自己的需要修改，我一般选择Default默认。要求你安装一些基本插件，可以选择推荐的安装。我们将包装好的WebGL项目上传到我们的云服务器上。

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

这里的宝塔面板是可视化的免费服务器运维面板，虽然有些功能还是要收费，但它的免费功能已经足够我们现在使用了。重新进入"网站"，打开我们刚刚部署的端口，点击"网站目录"，将这里的目录改为我们刚刚上传的WebGL项目的目录，便大功告成。我们会发现我们已经成功地将一个网站添加到我们的服务器中，但是这个时候网站的内容还是空白的，而且是用默认端口访问，因此，

再次点击添加󿀌您会发现域名管理在这里添加了一个新的数据，这是我们刚才添加的可访问端口号。

1.Unity导出WebGL项目。

回到宝塔面板，点击"网站"->""PHP项目;->"添加站点"，以下窗口将出现。

这里的Compresion Format改为Gzip或Disabled󿼌它指的是如何压缩你的Unity项目。

如果是第一次进入，如果要修改，检查下载是否成功。接下来，如果是学生党，

这里的宝塔面板是可视化的免费服务器运维面板，虽然有些功能还是要收费，但是它的免费功能已经足够我们现在使用了。我们将其部署到新部署的端口上。

现在我们的WebGL项目已经成功上传到我们的服务器上，最后，不成熟的地方，希望大家能多指正交流。这意味着你还没有下载相关模块，点击Installll需要点击 with Unity Hub下载我们需要的模块。第一次写这么长的经验交流帖，有漏洞、

若是第一次进入，会有弹出窗口，

到目前为止，我们在云服务器上的所有准备工作都完成了，最后，，租赁服务器会有各种优惠，你可以自己找到最实惠的，这里就不赘述服务器的购买过程了。

设置完成后，

        以下是我的服务器配置信息，我使用的操作系统是CentOS7.6. 64位。在这里，3389等。

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

公网IP的位置。

上传后的文件。

        云服务器ECS界面，点击"远程连接"->"Workbench远程连接"进入我们的服务器界面。

        上传过程主要分为三个部分：

目录。

1.Unity导出WebGL项目。

输入指令后等待下载，在需要输入的地方输入y，下载后，bt可以输入命令行，

现在，我们再次访问我们自己的服务器"公网IP:端口"，您可以成功访问我们在Unity上导出的WebGL项目！

以上，Unity我们已经成功 上传到自己的云服务器上的WebGL项目。我们将手动添加8868端口࿰的端口范围c;授权对象为0.0.0.0/0（对所有人开放），作为我们访问WebGL项目的端口。不要急于点击Build导出Unity项目󿀌先进入Player Settings，还有一些地方需要设置，否则，我们需要将Unity项目导出为WebGL。

添加后，因为我没有注册我的域名，所以这里所有的访问都是由服务器的公共网络IP+端口号，如果有自己域名的学生，您可以在上述过程中填写公网IP+用自己的域名࿰替换端口号的地方c;还可以正常访问。

        之前在Unity上完成的小游戏项目成功导出.exe文件，但同时，443、开放项目󿀌点击File->Build Settings进入以下窗口󿀌WebGL࿰从左侧找到c;如果灰色࿰像下面这样是灰色的c;No显示在右侧 WebGL module loaded。请在命令行中输入btername 可修改密码，bt 用户名可以修改。让我们回到阿里云，进入安全组添加我们需要授权的端口。

转换完成后，

下载后返回Unity󿀌可以发现，

修改目录。

我们直接将我们服务器的公网IP粘贴到这里的域名，其他默认，选择提交就好。