把网站放到服务器

1993年互联网技术有了突破性的进展，主要是解决了远程信息服务中的文字显示、数据以及图像传递的问题，这使得Web服务器成为世界上最大的计算机群，现在web服务器每天处理的请求数据之多令人难以想象的。可以想象，如果许多人同时对某个服务器提出服务请求，服务器的负荷是很重的，所以Web服务器的计算机配置要求都比较高，使用小型机以上的机型。现在使用最广泛的服务器是iis和apache。

Web服务器主要有哪些特点?

发布网站

网页的的结合我们叫做网站，如果想让全世界的人看到你的页面，我们需要把网站放到服务器上发布，而Web服务器可以完成发布工作，Web服务器就是保存网页的远程服务器又称www(WorldWideWeb)服务器。

提供信息浏览服务

浏览器(客户端)连到服务器并发出请求，Web服务器处理该请求并将文件发给浏览器，另外也会把附带信息告诉浏览器(客户端)，这个流程只要在权限允许情况web服务器会相应不同的请求，数据会源源不断发出去，但是当请求数据大于服务器处理能力时网站就会出现问题，严重的话会导致服务器宕机。

被动执行

web服务器是一种被动程序，只客户端浏览器发出的请求时，服务器才会响应。

常见服务器端编程语言有哪些?

Php

是一种源脚本语言，语法吸收了C语言、Java语言的优点，学习难度低，使用广泛，是Web开发领域主要使用语言之一。

　Asp

ASP是微软公司开发的服务器脚本语言，简单、易维护的特点适合中小企业使用 ， 是小型页面应用程序的选择 。

Java

是由编程天才“詹姆斯·高斯林”创立，2009年甲骨文收购Sun，java归甲骨文所有的，虽然java经历一系列变动但这些都不影响它的发展，Java语言作为静态面向对象编程语言的代表，Java成为世界上最流行的电脑语言。

以上是常见的服务器端编程语言，剩下的就不一一列举，大家有什么好的想法可以发表意见欢迎发表一块讨论下。

要想让自己的制作的网页让别人看得到，就要搭建服务器。

这一篇文章讲的内容虽然简单，但是确实很重要的。

如果平时需要在自己的window电脑上练习开发，那么就在自己的电脑上搭建服务器，因为我用到的是PHP语言作为服务端的语言，所以我在自己电脑上搭建了WAMP服务器。如果需要发布网站给所有人看，需要在云端搭建自己的服务器，我选择的是阿里云的ECS虚拟主机，然后安装了LAMP服务器，把自己的网页放在里面，其他人就可以访问了。至于搭建LAMP，楼主以后会讲到，现在先将安装WAMP，及其基本用法。

其实WAMP的安装时比较简单的，只要在网上搜索WampServer就可以找到他的安装包，而且，如图所示的两个连接都可以下载到WAMP。

下载完成以后，双击安装包即可开始安装。

特别注意的是在安装的时候要注意安装的路径，因为安装路径跟以后的网站主页位置有些关系，安装几步就完成了。

网上有许多教程，还教怎么配置，但我个人不想搞得太麻烦，所以不用配置，就按默认的来就好。

安装完成以后，可以在开始菜单或者安装目录下都可以找到软件的。在开始菜单可以看到这个图标。

或者是在安装目录下找到

点击打开，注意任务栏的图标变化。

他的图标有红色到橙色，再到绿色的变化。

绿色，说明WAMP已经准备就绪。

现在左键单击这个绿色的图标

"www目录"就是我们部署网页的地方，只要把网页放在里面就可以访问了，好了，现在我们点击进入www目录。（关于MYSQL，因为现在还没用到数据库，所以这了就不介绍了，以后有机会会给大家介绍的呢。）

好了，点击它就会进来这个WWW目录，里面的文件都是楼主自己的，你们如果是刚刚安装的WAMP，就不会有这些文件了。

现在我们在这个路径下随便写个网页测试一下。

现在在这个目录下新建一个文件test.html

右键，选择打开方式，选择其他方式打开，选择记事本打开（楼主使用的是notepad++）

输入以下内容

然后打开浏览器，输入localhost/test.html就可以打开这个网页了呢。

效果就是这个样子啦。

安装完了这个WAMP，就可以继续我们之前的登录功能的实现了。

下一篇，我将继续讲用PHP讲解，登陆的功能。有编程基础，但不懂PHP的朋友也可以看一看的。并不是特别难，毕竟楼主也是"科普级别"的作者。如有安装疑问，也可以在下边留言。也可以到hewenfu.top/1/1.php去留言，其实这个也是楼主自己搭建的一个小网站。

上一节课讲解了将网站部署到本地服务器，这样通过局域网就可以访问网站了。

这节课讲解将网站部署到阿里云服务器上，这样不必受限于局域网，在任何能上网的地方，都可以访问我们的个人简历网站了。

为何要部署到云服务器上

在云服务器出现以前，要发布部署一个网站是一件比较麻烦的事情。

学哥还记得早几年，想要发布一个网站，要么就要在网络运营商的数据中心购买一台计算机硬件，然后安装各种软件；

要么就是购买一个虚拟空间，将网站程序部署上去。

后来出现了虚拟机技术，可以将硬件进行集成分享组成虚拟机，对于用户来说，购买了一台虚拟机，就相当于购买了一台计算机一样的。尽管多个虚拟机可能共用了一套硬件设备，但这些硬件资源都已经进行了虚拟化，对用户来说都是透明的，用户关心的就是有一台电脑可以远程登录使用，就像使用一台本地计算机设备一样了。

云服务器的硬件维护对用户来说是完全透明的，用户是感受不到的，好处就很明显，用户只需要关心软件环境就好了，将硬件的维护工作都交给云服务器提供商即可。

将网站部署到云服务器上的过程和部署在本地服务器的过程几乎是一样的，唯一的区别恐怕就在于选择哪种操作系统，以及需要互联网进行连接登录而已。

云服务器一般都会提供互联网的公网IP地址，也就是只要有网络环境，能够上网就可以访问到这个云服务器。

注册账号

第1步，打开浏览器，访问网址：aliyun。

第2步，点击“注册有礼”按钮，或者有时候可能是“注册”按钮，出现登录界面。

第3步，输入会员名、登录密码、密码确认和手机号，拖动验证滑块，点击验证图片中的文字，验证通过后点击“确认”按钮，出现输入手机短信验证码界面。

第4步，输入手机收到的短信里面的验证码，点击“确定”按钮，进入注册成功页面

第5步，选择所属行业，点击“网站”，点击“领取礼包”，进入领券页面。领券页面可能是某个时间段做活动才有，如果没有的话，就执行第6步。

第6步，点击右上角的“控制台”按钮，进入控制台主界面。

到了这里，基本上算注册登录成功了。以后就可以通过会员名和登录密码登录进入控制台主界面。

实名认证

由于购买云服务器需要实名认证，因此先去做实名认证工作。

第7步，将鼠标移动到右上角，登录会员名上面，出现弹出菜单。

第8步，点击“实名认证”按钮，弹出一个新的网页窗口，显示实名认证界面。

第9步，先选择“个人”认证类型，再点击“确定”按钮，进入实名认证方式选择界面。

第10步，点击“个人支付宝认证”右侧的“立即认证”按钮，进入支付宝绑定界面。

第11步，输入支付宝账户和登录密码，点击“绑定支付宝账号”按钮，进入验证身份界面。

第12步，点击“点击免费获取”，收到验证码后输入，点击“确定”按钮，显示成功通过阿里云个人认证。

创建云服务器订单

接下来，要购买一个云服务器。

第13步，关闭刚才打开的网页窗口，回到“阿里云管理控制台首页”这个网页窗口。

第14步，点击控制台主界面，左上角的“云服务器 ECS”，进入云服务器ECS管理界面。

第15步，点击“华东 2”右侧的购物车按钮，进入创建订单界面。

第16步，计费方式选择“包年包月”，地域选择“华东2”和“随机分配”，网络选择“经典网络”，安全组选择“默认安全组2（开放全网端口）”，然后页面向下滚动，继续选择。

第17步，实例选择“系列 I”、“1 核”和“1 核 1GB”，带宽选择“按固定带宽”，“1Mbps”，然后页面向下滚动继续选择。

第18步，镜像选择“公共镜像”，操作系统选择“Ubuntu”和“14.04 64位”，存储选择“普通云盘”和“40G”，购买量选择“1个月”和“1台”，然后页面向下滚动继续选择。

学哥这里为了演示，所以只买了一个月，假如大家有计划长期使用，也可以购买时间长点。当然也可以先买一个月，到期了再续费也可以。

第19步，安全设置选择“设置密码”，输入登录密码和确认密码，2个密码要设置为一样。

最后确认所有的选择无误，点击“立即购买”按钮，进入订单确认界面。

支付订单

第20步，点击“去支付”按钮，进入支付方式选择界面。

第21步，选择“支付宝”方式，点击“确认支付”按钮，进入扫码支付页面。

第22步，打开手机APP支付宝，完成扫码支付，显示支付成功界面。

查看服务器状态和信息

第23步，等待几分钟后，点击有上角“控制台”按钮，回到“阿里云管理控制台首页”这个网页窗口。

第24步，看到“我的产品”下面的“弹性计算”里面的“云服务器 ECS”右边出现了一个“1”，表示云服务器创建好了。

点击这个“云服务器 ECS”，进入云服务器ECS管理概览界面。

第25步，点击左侧菜单里面的“实例”，进入云服务器实例列表界面。

查看到IP地址这一栏里面上面一行的“139.196.40.14(公)”，这个就是云服务器在互联网上的公网IP地址。后面登录进入服务器需要用到这个地址。旁边的状态一栏里面显示绿色的“运行中”，则表示该服务器已经启动，可以正常使用了。

注意，每个云服务器的公网IP地址都是不一样了，大家后面都要使用自己的IP地址，不要弄错来使用学哥的这个IP地址。

远程登录到云服务器

第26步，云服务器创建成功之后，第一件事可以通过cmd窗口，使用命令ping来测试是否能网络连接到这个云服务器。

确保网络连接之后，就可以远程登录到这个云服务器了。

第27步，如果在mac笔记本里面，在“终端”程序直接运行命令 ssh root@云服务器IP地址，输入yes回车，然后输入密码回车，就可以登录到云服务器了。注意输入密码的时候是没有任何反应的，直接输好密码回车就行了。

第28步，如果在树莓派电脑里面，在“LX终端”程序直接运行命令 ssh root@云服务器IP地址，输入yes回车，然后输入密码回车，就可以登录到云服务器了。

如果在windows电脑里面，需要下载一个putty软件，可以到http://pc6/softview/SoftView_106764.html下载。

第29步，下载以后是一个puttyfile.zip压缩文件，将这个文件解压缩，然后进入目录，找到putty.exe，执行程序：

第30步，主机名称输入云服务器的公网IP地址，保存的会话输入“webserver”，点击保存按钮，点击打开按钮：

第31步，在安全警告窗口点就按钮“是”:

第32步，进入登录界面，在login as: 后面输入root回车，然后输入密码回车：

如果看到了“Welcome to Alibaba Cloud Elastic Compute Service !”这段文字，并且出现了#提示符，则说明已经登录到了云服务器操作系统了面了。

安装web服务程序软件

登录进入云服务器之后，需要做的事情就是安装Web服务程序软件，和上节课类似的步骤。

第33步，在#提示符后面输入命令：

sudo apt-get update

第34步，在#提示符后面输入命令：

sudo apt-get install -y nginx

第35步，在本地计算机上面打开一个浏览器，输入网址http://云服务器公网IP地址并回车，应该看到如下网页显示，说明nginx安装成功。

网站代码部署

下面和上节课类似，要将4个文件和images目录复制到云服务器的/usr/share/nginx/html目录下面。

注意，云服务器的默认的www目录和树莓派电脑的默认目录不一样，如果不修改配置文件，默认目录就是/usr/share/nginx/html。

第36步，如果在mac电脑里面，在“终端”程序直接运行命令 scp index.css root@云服务器公网IP地址:/usr/share/nginx/html 然后输入密码就可以完成上传文件，例如：

scp index.css root@139.196.40.14:/usr/share/nginx/html

注意先要在终端里面cd到index.css所在的目录下再执行此命令。

然后依次上传其它文件，如果要上传整个目录，则使用命令 scp -r images root@@云服务器公网IP地址:/usr/share/nginx/html来同时上传目录和目录下所有的文件。

如果要同时上传4个文件，可以使用命令如下：

scp index.html index.css project1.html project2.html root@139.196.40.14:/usr/share/nginx/html

多个文件名之间用空格分开。

如果是在树莓派电脑里面，在“LX 终端”程序里面首先执行：

cd /home/pi

然后和mac电脑一样，使用scp命令来上传文件。

第37步，如果在windows电脑里面，需要下载一个winscp软件，可以到http://7down/soft/2304.html下载。

下载以后是一个winscp_chs.zip压缩文件，将这个文件解压缩，然后进入目录，找到WinSCP-5.9.1-Setup.exe，执行。

然后安装过程一路都是“下一步”，完成之后，启动WinSCP程序，进入新建站点页面，输入登录信息：

第38步，文件协议选择SCP，输入主机名为云服务器的公网IP地址，用户名为root，密码为登录密码，点击登录按钮。

第39步，在弹出的警告窗口点击按钮是，看到右侧云服务器默认进入了/root目录，左侧是当前笔记本电脑的目录和文件。

第40步，左侧目录切换到存放网站程序的目录，右侧切换目录到/usr/share/nginx/html下面，然后从左向右拖动文件，就可以上传文件了。如果要从云服务器下载一个文件或者目录到本地计算机，则从右向左拖动文件或者目录。

测试访问网站

确认服务器的/usr/share/nginx/html目录下面已经存在网站程序文件了之后，就可以通过浏览器来访问这些文件了。

在本地计算机，打开Chrome浏览器，输入网址http://云服务器公网IP地址，然后看到了个人简介网站了。

这里为何不需要输入具体的文件名index.html呢，这是因为nginx服务程序默认会显示index.html，这也是学哥给文件名起名为index.html的原因，可以少输入一段文件名了。

以后在任何一台能够上网的计算机上面，输入这个网址，都可以看到网站了，赶快去告诉亲戚朋友们，显摆显摆吧。

往期教程

由于学哥的教程是系列教程，前后关联极强，请大家查看历史消息。

本期Eleght科技给大家分享一下如何在本地搭建一个个人网站，方法非常的简单，域名、云服务器；这里的所说的不需要服务器的类型是自己买的一些云主机类的，当然利用自己的电脑搭建网站可以称为本地服务器，服务器和普通电脑的区别在于：一个用个人使用，一个用于7*24小时服务通通不需要，另外一个区别就是服务系统的区别。

我们都知道正常的网站搭建主要有申请域名、购买虚拟主机或服务器、引入网站框架或从头建设、网站优化等等，非常的复杂，但是现在随着网络的急速发展，建立一个自己的网站也是非常的容易了，我们可以借助一些网站框架，然后在网上找一些模板素材上传进去就可以实现一个网站搭建。

下面小E将详细分享如何在Windows系统上搭建

一、下载XAMPP并安装

XAMPP是一个整合型的Apache套件。XAMPP包括Apache、MySQL、PHP、PERL，直接解压缩，没有复杂的安装过程，强烈推荐初学者使用。到目前为止，XAMPP共支持Windows 、Linux、Mac OS X、Solaris四种版本，有了这款软件我们的所需的环境直接搭建完成，软件下载方式百度就可以了。

第二步，我们启动MySQL、Apache，点击Start即可启动，如果启动失败，那就说明端口被占用了，解决方法：将占用端口的任务关闭即可，使用过程中发现VMware可能会占用80端口，第二种方法，可以自己更改启动的端口，具体方法如下：

1、点击Config，会出现多个选项，选择编辑第一个即可

在弹出的文本框中，找到下面这个位置并更改为自己想要改的端口，Ctrl + S保存即可。

这样就代表启动成功了

下一步我们找到软件的安装位置

在这个安装位置下的htdocs目录就是网站的根目录，下面我们将下载的网站模板解压放在这个目录下即可，或者在这个目录下创建一个目录作为根目录，这样的话以后访问本地网站就需要在127.0.0.1后面加上这个目录位置

二、去网上下载WordPress

WordPress是使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统（CMS）来使用，而其中这个平台可以找到各种各样的模板，这类模板可以当成企业、商品展示、个人博客等等，我们将下载的压缩包解压到根目录，我之前有过一个WordPress，所以我就放在htdocs下的wordpress目录下，如图所示

三、我们打开浏览器输入http://127.0.0.1/wordpress-4.9.2就可以进去了，也就是说如果你直接放在htdocs目录下，那么直接访问127.0.0.1即可，如果你是放在了这个目录下的某个地址，那么就在127.0.0.1加上你的目录地址即可访问，如下图所示我们可以看到进去安装页面了。

我们选择中文，点击继续，进入这个页面后，我们需要填写一些配置信息，数据库名获取看下一步。主机名默认即可，或者填入127.0.0.1，前缀也不用更改，用户名root，密码为空，默认都是这样的，当然你也可以在数据库页面自己创建一个用户，请看下一步。

数据库名怎么查找呢，我们打开XAMPP，点击MySQL右边的admin，就可以进入数据库管理页面

此时浏览器会自动弹出数据库管理页面，我们新建数据库，名字为wordpress即可

我们从右边栏中可以看到创建完成

我们填写完成后，点击执行即可，记住在自己创建的用户名，此时返回刚才wordpress这个页面，我们填入相关信息后点击提交就可以进入这个页面了

点击进行安装，我们填写相关的站点标题，用户名密码之类的即可

最后点击登录即可

此时就进入了wordpress的管理后台，一个可视化的管理页面，写文章，自定义评论、页面、插件、侧边栏等等就可以设置，这只是一个简单的的wordpress主题，可以自行去网上下载各种各样的wordpress主题，会非常的丰富，当然wordpress也可以在这个页面自己下载模板，但是大多都是英文并不容易操作。

百度搜索

这些主题下载后，我们解压放在下面这个目录，刷新后台后就可以看到安装的主题了

好了，本期的分享结束，感谢支持！Eleght科技，一个做技术的头条号！如果想遇到什么问题可以随时来询问小E！

Eleght科技