UnityWebGL+阿里云服务器+Apache完成项目搭建展示

一、服务器相关

Step1:租借一台阿里云服务器

我自己租借了一台北京的ECS服务器,有免费一年的活动,1 vCPU 2 GiB,我自己选择的Ubuntu系统,也可以选择Windows系统

Step2:进入远程连接

进入自己的服务器实例后,点击远程连接,进入服务器后台,熟悉Linux的也可以安装putty、xshell等Liunx远程连接工具,我本身对Linux的操作指令并不熟悉,所以选择安装了一个宝塔面板,它可以可视化的操作服务器后台,包括FTP,网站,数据库等,安装宝塔面板需要在Ubuntu系统中输入以下指令:

wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec

Step3:BT面板

安装完成后,在服务器输入bt,即可看到自己的bt操作界面,先修改自己的用户名和密码,

在自己服务器首页的安全组中开放8888端口

然后进入bt登录面板,填写自己公网IP,用户名密码,即可进入宝塔面板

Step4:根据需求创建相应内容

 可以创建网站,FTP,数据库,对应的端口也不同

FTP(File Transfer Protocol)是一种传输协议,用于互联网双向传输,控制文件下载空间在服务器复制文件从本地计算机或本地上传文件复制到服务器上的空间,可以下载对应的客户端,比如常见的FileZilla,Monsta,WinSCP适用于自己的需求

也可以创建自己的数据库和网站,可以在软件商店中下载相应插件

当然宝塔面板你也可以可视化自己的文件夹,点击文件夹即可进入相应的页面

二、Apache相关

完成了上述操作以后,还需要在你的服务器上安装Web服务器,用于支持HTTP的协议,常见的Web服务器包括,Apache,Nginx等,我这里安装的是Apache

 一、Ubuntu常用命令

1:安装Apeche

sudo apt-get update
sudo apt-get install apache2

2:开启Apache

sudo systemctl start apache2

3:开机自启动

sudo systemctl enable apache2

4:查看Apache运行情况

sudo systemctl status apache2

5:更改Apache端口

sudo nano /etc/apache2/ports.conf

6:安装UFW(Uncomplicated Firewall),轻量化工具,对输入输出流量进行监控

sodu apt install ufw

7:查看防火墙开启情况

sudo ufw status verbose

8:开启防火墙

sudo ufw enable

sudo ufw default deny

9:关闭防火墙

sudo ufw disable

10:开启/关闭端口

sudo ufw all 80/允许访问80端口

sudo ufw allow from 192.168.1.11/允许此IP访问所有的本机端口

11:查看端口是否被监听

sudo netstat -tlnp | grep 80

12:查看所有端口的情况

sudo netstat -tlnp

13:更改宝塔面板的监听端口

文件夹目录在www/serve/panel/data/port.pl

14:重启系统

sudo reboot

15:查看根目录

ls

16:进入指定文件夹

cd+目标文件夹

17:向防火墙添加指定端口

sudo ufw allow 8881/tcp

18:查看bt面板的运行状态

/etc/init.d/bt status

19:查看宝塔面板地址端口

bt default

20:查看端口是否开放

firewall-cmd --list-port

21:如果安全组开放了,防火墙开了,没有该端口,在防火墙允许下端口

firewall-cmd --permanent --zone=public --add-port=8888/tcp
 

22:

输入以下命令以编辑默认虚拟主机配置文件(文件名可能是 000-default.conf 或其他类似的名称,具体根据你的系统和配置可能有所不同):

sudo nano /etc/apache2/sites-available/000-default.conf

在编辑器中,找到 DocumentRoot 行,该行指定了默认文档根目录。将其修改为你的网站目录路径,例如:

DocumentRoot /www/wwwroot/future404

在部署完成Web服务器之后,你就可以在宝塔面板的文件内容etc/中看到Apache的安装包

三、WebGl相关

所有的工作完成之后,只需要将本地的WebGL项目打包完成,把打包出来的四个文件夹都上传到

/var/www/html 文件夹下,然后访问自己的IP地址+端口号+文件夹+文件名

比如1.1.1.1:80/html/index.html

即可完成访问!

留个位置,后续错误总结:


 

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
UnityWebGL和Vue.js是两个不同的技术栈,但它们可以在一定程度上进行交互。UnityWebGL是一个基于WebGL的游戏引擎,主要用于构建高性能的3D游戏和交互内容,而Vue.js是一个流行的前端JavaScript框架,用于构建可复用的组件式单页应用(SPA)。 要让UnityWebGL与Vue.js交互,通常的做法是: 1. **数据绑定**:Unity可以通过JavaScript API(例如`UnityMessage`系统)来暴露一些数据,Vue.js可以监听这些数据的变化,并更新UI。反之,Vue.js也可以触发数据变化,通知Unity执行相应的操作。 2. **事件处理**:Vue提供了事件系统,可以用来触发Unity内部的逻辑,如动画、场景切换等。Unity可以通过监听特定的DOM事件来响应Vue的指令或组件行为。 3. **Web Workers**:当涉及到计算密集型任务时,可以使用Web Workers将部分工作放到后台运行,减少阻塞主线程,这时Vue.js可以在主线程上更新UI,而Unity在Worker中执行计算。 4. **前端API调用**:Vue.js可以调用Unity提供的JavaScript插件,来进行跨域通信,比如发送数据到服务器或请求Unity进行特定操作。 尽管如此,这种交互不是直接的,而是依赖于一些网络通信机制(如WebSocket或POST请求),并且可能需要对两者的技术特性有深入的理解。 **相关问题:** 1. UnityWebGL如何在浏览器中运行并提供JavaScript API? 2. Vue.js如何利用Event Emitter处理与Unity的交互事件? 3. 如何通过Web Workers在Vue和Unity之间异步传递数据?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Laker404

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值