HTML+CSS实训——Day15——部署项目到阿里云服务器

前言

因为阿里云有免费的3个月试用,我们可以把项目部署到上面。
HTML+CSS实训——Day15——部署项目到阿里云服务器_第1张图片
选择这个服务HTML+CSS实训——Day15——部署项目到阿里云服务器_第2张图片
我们用CentOS,更简单,更轻量化。HTML+CSS实训——Day15——部署项目到阿里云服务器_第3张图片
打开他的VNC控制台

安装宝塔控制面板,输入

yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

然后一路按y就可以了,
最后会出现如下信息
HTML+CSS实训——Day15——部署项目到阿里云服务器_第4张图片HTML+CSS实训——Day15——部署项目到阿里云服务器_第5张图片

第一个是你的公网的地址,第二个是内网的。

我们要注意了,因为阿里云他不会自动给你开启端口,所以我们需要手动的开启CentOS和阿里云的端口,相当于一个入一个出都要开启。

CentOS开启端口

启动你需要的端口,xxx就是上面宝塔安装完需要的端口。

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

查看已开启的端口,出现你需要的端口就对了

firewall-cmd --list-ports

重启防火墙

firewall-cmd --reload

阿里云开启端口

HTML+CSS实训——Day15——部署项目到阿里云服务器_第6张图片
HTML+CSS实训——Day15——部署项目到阿里云服务器_第7张图片
手动添加你需要的端口就好了
在这里插入图片描述
这样的话,我们两边就都痛了,可以在浏览器中输入

https://ip:xxxx/xxxxxx

就是宝塔启动的那个地址,就能进入宝塔了
HTML+CSS实训——Day15——部署项目到阿里云服务器_第8张图片
进入之后安装红框的软件
HTML+CSS实训——Day15——部署项目到阿里云服务器_第9张图片
安装好之后,把你的项目文件传入文件里面。我们选择这个路径是因为创建php的默认项目会包含一个index,我们把它改个名就好了,改成别的名字,让他读取不到本来的index,我改成了index_d.htmlHTML+CSS实训——Day15——部署项目到阿里云服务器_第10张图片
传入你的项目文件之后,再打开ip就可以了。

演示效果

HTML+CSS实训——Day15——部署项目到阿里云服务器_第11张图片

你可能感兴趣的:(前端实训课,服务器,阿里云,运维)