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
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
好的,我可以为您提供一些基本的步骤。首先,您需要在阿里云上购买一台服务器,并确保您拥有对该服务器的完全访问权限。然后,您可以按照以下步骤进行Vue和Flask应用程序的部署: 1. 安装Node.js和npm 在您的服务器上安装Node.js和npm,这将使您能够运行和构建Vue应用程序。 2. 安装Vue CLI 使用npm安装Vue CLI,这样您就可以在服务器上使用Vue CLI命令行工具创建和管理Vue项目。 3. 创建Vue项目 使用Vue CLI创建一个新的Vue项目,为此,请在终端中运行以下命令: ``` vue create my-project ``` 4. 构建Vue项目 使用npm运行构建命令,将Vue项目构建为静态文件,以便可以在Web服务器上提供它们。为此,请在终端中运行以下命令: ``` npm run build ``` 5. 安装Flask 在您的服务器上安装Flask,这将使您能够运行和管理Flask应用程序。 6. 编写Flask应用程序 使用Python和Flask编写您的应用程序代码,包括路由和视图函数等。 7. 部署Flask应用程序 将Flask应用程序部署到Web服务器,例如Nginx或Apache等。 8. 配置Web服务器 配置Web服务器以在服务器上提供Vue和Flask应用程序。这通常涉及到将Vue应用程序的静态文件和Flask应用程序的路由配置到Web服务器上。 以上是基本的步骤,您可以根据您的具体情况进行更改和定制。希望这可以帮助您部署Vue+Flask应用程序到阿里云服务器

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Laker404

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

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

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

打赏作者

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

抵扣说明:

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

余额充值