阿里云ECS部署静态页面

733 阅读2分钟

准备

  • 阿里云ECS(Elastic Cloud Server)弹性云服务器
    购买时系统、配置、地域等根据自己的需求即可,很简单。购买成功实例名和设置的密码保存下来。我构建的系统是:CentOS 8.1.1911(参考)
  • 静态页面
    你需要部署的静态资源。如:
    image.png
  • 安全终端
    Xshell是最常用的Linux终端模拟软件,支持SSH、SFTP、TELNET、RLOGIN和SERIAL。当然其他的大同小异,你随意,高兴就好。如果对本地和服务器之间资源的传输命令不熟悉,建议WinSCP,它是Windows环境下使用的SSH开源图形化SFTP客户端,支持 SCP 协议。既可以直接复制文件,也可以编辑,非常方便。

服务器配置

添加安全组配置80端口

新购买的服务器默认80端口是没有开放的,需要手动配置。登录云服务器网站到控制台找到安全组,点击创建安全组: image.png

按如下配置(入方向): image.png

服务器环境

如果安全组配置完成后,根据服务器外网ip能访问成功那恭喜,直接可以看后面静态资源配置。如果不能,继续往下看:

查看80端口

netstat -tlnp
  1. 若列表中未发现80端口,则需要在服务器安装Nginx:

安装Nginx

Nginx依赖一下3个包,请按需安装,服务器可能已经存在。

yum install openssl
yum install zlib
yum install pcre

安装Nginx依赖库

rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm

安装Nginx

yum install nginx

启动Nginx

service nginx start
  1. 若80端口已启动(或再次执行命令),仍访问不了,检查下防火墙
firewall-cmd --state

看看防火墙是否启动。为了避免防火墙拦截,想简单粗暴,直接关闭防火墙(可能会带来风险)

service firewalld stop

建议还是开放80端口:

iptables -I INPUT -p tcp --dport 80 -j ACCEPT
firewall-cmd --permanent --add-port=80/tcp

到这里,在访问外网ip应该是能访问Nginx欢迎页面了(反正我的这样是成功了的哈哈)

静态资源配置

Nginx欢迎页是默认页面,想要访问到我们自己的页面就非常简单了:

项目复制到服务器

命令:

scp 本地文件地址 root@公网地址:公网保存的地址

或就用WinSCP,直接拷贝本地文件到服务器某目录,都能实现,殊途同归。

修改Nginx的配置文件Nginx.conf

server {
    listen 80; 监听端口
    server_name localhost; 监听地址
    #charset koi8-r;
    #access_log  logs/host.access.log  main;
    location / {
      root /path/...; 对应项目的地址
      index  index.html; 首页面
    }
}

重新载入配置文件:

nginx –s reload

相关命令,可自行取用:

重启:nginx –s reopen
停止:nginx –s stop
测试配置文件是否正常:nginx –t
强制关闭:pkill nginx

再次刷新访问,就可以看到自己的页面啦!