前提摘要:作为一个web前端工程师,很多的人都会认为写好你的静态页面就可以,你再闲点,那就整好你的各个框架就可ok啦,实则,搭建web服务器,也是我们前端开发人员必备的技能,因为跟我们写的工程如何被别人看见,或者如何被别人更好的看见是一个应该思考的问题,所以,前段时间一直在搭建web服务器,现在得空把步骤及操作经验记录下来,以备忘记时查阅。

Start!

一、前提

当前的环境:本地系统:mac、服务器系统:centos0.7、安装使用yum、服务器配置:nginx。

二、背景

在前端工程完成的情况下,以下以活动为例,因为当活动发布出去之后,访问量肯定会暴增,这时一台服务器很有可能会连接数暴增,从而导致用户浏览速度极差、运行极慢、甚至访问不了直至服务器崩溃,从而有了下面的负载均衡。

三、负载均衡

关于负载均衡,这里并不做过多的解释,因为我自己只是浅浅了解到他的用处,到底怎么配置和使用,请自行度娘;

四、进入服务器:

1、在本地终端中,输入:ssh 权限@服务器IP地址,回车,

(在第一次进入服务器或者很长时间没有登录时,会提示是否进入此服务器,输入yes,会提示输入密码),之后提示你输入密码,输入密码,回车。

 

2、如果进入服务器成功的话,当前用户显示的则是你的权限

 

3、接下来就是安装nginx

安装nginx有两种方式,一种是手动安装,好处是,你对nginx的各个文件的安装是主动权,你可以选择他的路径,对以后nginx的操作会很快捷;遗憾是,太难,对于我这种小白是学习成本很高的,所以小罐头选择了另外一种傻瓜式安装,一个命令行就可以搞定;那就是yum安装。

直接输入 yum,看看是否有一些yum的信息提示,若如下图则证明你已经安装了yum,如果没有,则先需要自行安装yum,自行度娘;

 

4、查看当前linux的基本信息,因为安装的nginx和系统有直接的关系

输入:uname -r

 

当前我的linux版本是64位,所以需要下载相应的64位的nginx;

5、yum安装nginx

安装输入:yum -y install nginx

卸载nignx:yum remove nginx

6、安装完成之后可以启动了

        /etc/init.d/nginx start

        A、重启nginx:service nginx restart

        B、查看nginx进程以及端口占用情况:ps -ef | grep nginx

        C、结束所有nginx进程:killall nginx    或  service nginx stop

        D、启动nginxservice nginx start

7、安装好nginx,就可以将自己的工程上传至服务器了,

输入:scp -r【本地文件的路径】【服务器用户名】@【服务器地址】:【服务器上存放文件的路径】

        注:-r是文件夹    没有-r就是上传文件;

scp /Users/mac_pc/Desktop/test.png root@192.168.1.1:/root/data

8、上传至服务器之后,就开始配置nginx,

    配置nginx自行度娘,这里就不过多的重复了,度娘很全的;这里推荐一个

        http://www.nginx.cn/76.html

9、配置完成之后,重新启动nginx,第6条已经说明了nginx的常见操作;

10、打开IP地址:80端口,就可以看见你的页面了,如果502、403、404,等,请继续查看nginx配置。

下面安利一下linux的常用命令行:

新建文件夹:mkdir name

删除文件夹:rm -rf name

更改文件夹名:mv beforeName afterName

新建文件:mkdi name

查看文件:cat name

编辑文件:vi name ==> i(插入)

保存文件修改:esc ==> :wq

退出不保存修改:esc ==> q!

显示文件行号: esc ==> set nu

删除当前行:esc ==> dd

更加详细的linux命令行请看这里: