阿里云服务器ECS centos7.4搭建nginx环境部署静态代码

本文涉及的产品
.cn 域名,1个 12个月
简介: 欢迎来到新手如何通过阿里云服务器部署静态网站作为一个前端开发,第一次部署自己的私人网站,没有经验,战战兢兢,但是没有办法,成为全栈开发工程师的第一步,必须要有的经历呀~~教程很简单,但步骤很全。服务器的选择在这里我购买的是阿里云服务器 ECS,centos7.4系统的1. 操作系统选择首选服务器有两种平台可供考虑,Windows或者Linux。

欢迎来到新手如何通过阿里云服务器部署静态网站
作为一个前端开发,第一次部署自己的私人网站,没有经验,战战兢兢,但是没有办法,成为全栈开发工程师的第一步,必须要有的经历呀~~教程很简单,但步骤很全。

服务器的选择

在这里我购买的是阿里云服务器 ECS,centos7.4系统的

1. 操作系统选择
首选服务器有两种平台可供考虑,Windows或者Linux。 平时大家开发用的无论是win7,win10就已经是 Windows了,所以就没有必要再搞一个阿里云的windows服务器来老路重走一边。 同时Linux部署技能,在面试的时候还是很有用的,所以我们还是选择使用Linux服务器。

2. 厂商选择
Linux服务器提供厂商有很多,比如阿里云,腾讯云,亚马逊云以及其他各种乱七八糟的各种云。
考虑到很多企业都是把自己的服务器放在阿里云上,所以为了以后工作兼容性,我们也采用阿里云来做。

3. 购买
Linux服务器提供厂商有很多,比如阿里云,腾讯云,亚马逊云以及其他各种乱七八糟的各种云。
考虑到很多企业都是把自己的服务器放在阿里云上,所以为了以后工作兼容性,我们也采用阿里云来做。

点击访问阿里云官网地址:http://aliyun.com/

没有账号的同学点击aliyun右上角免费注册,注册过程大同小异略过不表。
image

进入控制台
image

购买ECS服务器-创建实例

ECS就是云服务器,进入控制台后,点击左边的云服务器ECS->实例->创建实例 进入购买新实例界面
注: 默认是没有实例的,需要自己创建(购买)
image

购买ECS服务器-计费方式

计费方式选择包年包月。 虽然说的是包年包月,其实在后续选项里还支持包周。。。 这就比较适合我们学习了,成本非常低,只要十几块钱。
image

购买ECS服务器-地域

选择默认的华北1就可以了。
image

购买ECS服务器-网络

使用默认设置,其中“请选择安全组” 必须手动指定为 “默认安全组” 。
所谓的安全组,就是指服务器开放什么端口让别人访问,默认只开放22和3389端口。
其他端口的开放,将在后续教程里在需要的时候讲解,这里采用默认即可。

注: 公网IP地址采用:“分配” 这里有其他方案选择,不过不在本教程讨论范围之内。
image

购买ECS服务器-实例

点击选择其他实例规格,选择最上面也就是最便宜的ecs.t5-lc2m1.nano。 (默认的要贵点是1G内存的,我们选512M内存的就够了,以后有需要也可以再增加)
image

购买ECS服务器-公网带宽
默认的1M即可
image

购买ECS服务器-镜像
镜像选择公共镜像,其中操作系统选择CentOS, 版本选择7.4 64位。

注: 所谓的镜像就是相当于ghost,选择上述,那么拿到手的服务器就已经装好了7.4的Centos操作系统了。 除此之外,右边还有镜像市场,里面有java完整环境镜像,简单说就是选择镜像市场里面的内容,拿到手的服务器就是java,mysql,tomcat,ftp等等所有的配置安装好了的。 不过我们不会采用,因为我们恰恰需要自己去配置这个环境来学习,所以就放弃镜像市场了。
image

购买ECS服务器-存储
默认40G够用了
image

购买ECS服务器-购买量
image

购买ECS服务器-安全设置
安全设置,输入密码即可。我这里输入的密码是 abc123!@#
image

购买ECS服务器-立即购买
最后立即购买就行了 。
注: 新账号的话,这里会提示实名认证,有两种方式认证,阿里云或者支付宝,推荐支付宝方式认证,按照流程进行即可,很简单,略过不表。
image

  1. 查看实例

点击云服务器ECS->实例 就可以看到已经购买的实例。 刚开始会呈现如图所示的待启动状态
image

查看IP
过一会儿就启动好了,就可以看到公网IP地址了。 后续访问这个服务器就是通过这个地址进行访问的。

image

购买域名

>购买域名,国内域名需要备案,大概10-15天。如果着急,购买国外的,并不需要备案。

开放端口

1.端口概念

要访问Linux的端口,必须开通才行。

在购买ECS服务器-网络步骤里,只开通了22和3389端口。
22就是SecureCRT链接Linux服务器用的端口号。
3389 是阿里云控制台链接用的端口,这里没有用到。

只有这两个端口号是不够用的,为了能够链接服务器还需要开放80端口
image

2安全组
既然用的是阿里云,那么我们就借助阿里云的安全组操作来实现端口的开放效果。
登陆阿里云后,按照如下顺序选择:云服务器ECS->安全组->配置规则
image

3当前安全组规则一览
目前安全组规则是3个,分别是22,3389和ICMP协议。
然后点右上角的 添加安全组规则
image

4添加80端口
如图所示只需要修改两个:
端口范围: 21/21 表示从21开始,到21结束
授权对象: 0.0.0.0/0 表示所有的ip地址都可以访问该端口
image

5添加后安全组规则一览
如图所示,增加了一个新的规则
image

部署网站

前面的做好后,最重要的一部来了,简单的几个操作,让你本地的静态代码变成真正的网址可访问的网站。

通过前面的课程就搭建了Linux的服务器,接下来就要到这个服务器上去进行一系列的操作了。 但是服务器所处于的位置在阿里云机房里面, 又不大可能到现场去进行操作,那么怎么办呢?

那就要借助客户端工具来链接到Linux服务器上进行相关操作了,客户端工具有很多种,这里采用securityCRT。

1.下载一个SecureCRT或者xshell来连接远端服务器,我这里用的是SecureCRT。ALT+Q打开快速连接
第一次打开之后,就会看到如图所示的效果。
接下来教程就讲解如何连接到服务器
image

2连接到服务器
启动后进行连接:
Protocol :使用默认的SSH2
Hostname: 使用查看阿里云中的IP,我的是47.104.95.212,你们要根据自己的服务器进行调整。
Port: 使用默认的22. 这个端口在购买ECS服务器-网络里的安全组里已经开放了的。
Username: 使用root
注: 这个是用于教程的服务器,在你当前看到的时候,很有可能已经过期了,不能链接了,所以要链接自己购买的服务器
image

3确认保存主机信息
这里询问是否保存主机信息,点击 Accept & Save
image

4输入密码
输入在 购买ECS服务器-安全设置 中设置的密码:
image

5链接成功页面
如图所示,链接成功之后是这样的效果
image

6密码忘记了怎么办?
密码如果忘记了,点击图中红框框的重置密码。
image

注: 重置之后,一定要重启,才能生效在这里插入图片描述

7.开始基本的安装:
1)添加资源:
添加CentOS 7 Nginx yum资源库,打开终端,使用以下命令(没有换行):
``

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

``
2)安装Nginx:
在你的CentOS 7 服务器中使用yum命令从Nginx源服务器中获取来安装Nginx:
``

    sudo yum install -y nginx     

``
3)启动Nginx:
刚安装的Nginx不会自行启动。运行Nginx:

        sudo systemctl start nginx.service 

4)修改Nginx配置信息:

       vi etc/nginx/conf.d/default.conf

安装

image
image

5)确定文件没问题了,看看这个时候是不是开启了nginx进程:

         ps -ef | grep nginx

6)应该会输出一个或者多个进程,如果没有的话就开启或者重启试试看。
这个时候接下来再试试在服务器上:

      ping  115.29.102.81
      telnet 115.29.102.81 80
      wget www.test.cn

7)如果有的命令没有就直接yum安装下:

            yum -y install telnet

8) 如果有的命令没有就直接yum安装下:

            brew install wget

9)发现很可能telnet不通。
这个时候就是防火墙的问题。

     1. 安装firewalld
         yum install firewalld firewall-config
     2. 运行firewalld
         systemctl start  firewalld
     3. 查看firewalld状态
         systemctl status firewalld 或者 firewall-cmd --state
     4. 增加80端口的权限
         firewall-cmd --zone=public --add-port=80/tcp --permanent  
     5. 别忘了更新防火墙的配置
          firewall-cmd --reload
     6. 别忘了重启nginx服务: 
          restart nginx.service

把本地静态代码上传到服务器端

1.下载winscp
打开winscp.exe之后看到如图所示的界面
image

2.连接
主机地址:输入服务器地址
用户名: root
密码: paw123###
image

3.连接成功界面
连接成功之后,就可以看到如图所示
右边是服务端: /usr/share/nginx/html 里的内容,暂时什么都没有
左边是本地: 一些文件
image

4.上传和下载
把右边的内容拖到左边,就是下载。。。。
把左边的内容拖到右边,就是上传。。。
如图所示把css 文件上传到了服务器
image

5.到Linux下观察
进入Linux,然后输入命令

就可以观察到html文件,确认上传成功啦
image

6重启nginx服务

service nginx restart

打开我们的网站域名,ok~~
image
了解更多详细内容可点击加关注

相关实践学习
2分钟自动化部署人生模拟器
本场景将带你借助云效流水线Flow实现人生模拟器小游戏的自动化部署
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
相关文章
|
2月前
|
弹性计算 监控 负载均衡
|
1天前
|
XML Java 应用服务中间件
Spring Boot 两种部署到服务器的方式
本文介绍了Spring Boot项目的两种部署方式:jar包和war包。Jar包方式使用内置Tomcat,只需配置JDK 1.8及以上环境,通过`nohup java -jar`命令后台运行,并开放服务器端口即可访问。War包则需将项目打包后放入外部Tomcat的webapps目录,修改启动类继承`SpringBootServletInitializer`并调整pom.xml中的打包类型为war,最后启动Tomcat访问应用。两者各有优劣,jar包更简单便捷,而war包适合传统部署场景。需要注意的是,war包部署时,内置Tomcat的端口配置不会生效。
56 17
Spring Boot 两种部署到服务器的方式
|
2月前
|
负载均衡 监控 应用服务中间件
配置Nginx反向代理时如何指定后端服务器的权重?
配置Nginx反向代理时如何指定后端服务器的权重?
183 61
|
2月前
|
弹性计算 开发工具 git
2分钟在阿里云ECS控制台部署个人应用(图文示例)
作为一名程序员,我在部署托管于Github/Gitee的代码到阿里云ECS服务器时,经常遇到繁琐的手动配置问题。近期,阿里云ECS控制台推出了一键构建部署功能,简化了这一过程,支持Gitee和GitHub仓库,自动处理git、docker等安装配置,无需手动登录服务器执行命令,大大提升了部署效率。本文将详细介绍该功能的使用方法和适用场景。
2分钟在阿里云ECS控制台部署个人应用(图文示例)
|
1月前
|
存储 编解码 应用服务中间件
使用Nginx搭建流媒体服务器
本文介绍了流媒体服务器的特性及各种流媒体传输协议的适用场景,并详细阐述了使用 nginx-http-flv-module 扩展Nginx作为流媒体服务器的详细步骤,并提供了在VLC,flv.js,hls.js下的流媒体拉流播放示例。
192 1
|
2月前
|
NoSQL 容灾 MongoDB
MongoDB主备副本集方案:两台服务器使用非对称部署的方式实现高可用与容灾备份
在资源受限的情况下,为了实现MongoDB的高可用性,本文探讨了两种在两台服务器上部署MongoDB的方案。方案一是通过主备身份轮换,即一台服务器作为主节点,另一台同时部署备节点和仲裁节点;方案二是利用`priority`设置实现自动主备切换。两者相比,方案二自动化程度更高,适合追求快速故障恢复的场景,而方案一则提供了更多的手动控制选项。文章最后对比了这两种方案与标准三节点副本集的优缺点,指出三节点方案在高可用性和数据一致性方面表现更佳。
164 5
|
2月前
|
缓存 应用服务中间件 网络安全
Nginx中配置HTTP2协议的方法
Nginx中配置HTTP2协议的方法
180 7
|
3月前
|
应用服务中间件 BI nginx
Nginx的location配置详解
【10月更文挑战第16天】Nginx的location配置详解
|
3月前
|
缓存 负载均衡 安全
Nginx常用基本配置总结:从入门到实战的全方位指南
Nginx常用基本配置总结:从入门到实战的全方位指南
437 0
|
1月前
|
存储 应用服务中间件 nginx
nginx反向代理bucket目录配置
该配置实现通过Nginx代理访问阿里云OSS存储桶中的图片资源。当用户访问代理域名下的图片URL(如 `http://代理域名/123.png`)时,Nginx会将请求转发到指定的OSS存储桶地址,并重写路径为 `/prod/files/2024/12/12/123.png`。
77 5