从购买服务器到网站搭建成功保姆级教程~超详细

相信很多前端的小伙伴都有一个这样的想法：自己写了个前端项目，本地玩腻了，想着配个服务器，然后把自己的项目发布到服务器上，搭建一个属于自己的网站。没错，我很早就有了这样一个想法，但苦于知识量匮乏，很多东西都不懂，一直到现在，才真正搭建了属于自己的网站。

总体来说，如果对于一些只接触了纯前端，对服务器以及项目上线部署没什么了解的小伙伴们来说，从购买服务器到真正搭建自己的网站还是有一点困难的，所以，接下来，我将详细解读以及教小伙伴们怎么在服务器上搭建一个属于自己的网站。

在文章最后，我会对连接服务器、上传项目、以及搭建网站经常遇到的一些问题进行一些总结，以便各位小伙伴们遇到不同的情况都能够很好的解决。

?首先声明，本人基于Linux下的CentOS 8系统镜像，接下来的操作可能大部分偏向系统镜像操作，但应用镜像操作也会涉及，小伙伴们请耐心看完全文，你会收获到自己想要的答案的。

?预备知识

?什么是云服务器？

云服务器(Elastic Compute Service, ECS)是一种简单高效、安全可靠、处理能力可弹性伸缩的计算服务。其管理方式比物理服务器更简单高效。用户无需提前购买硬件，即可迅速创建或释放任意多台云服务器。

?什么是域名？

域名（英语：Domain Name），又称网域，是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时对计算机的定位标识（有时也指地理位置）。由于IP地址具有不方便记忆并且不能显示地址组织的名称和性质等缺点，人们设计出了域名，并通过网域名称系统（DNS，Domain Name System）来将域名和IP地址相互映射，使人更方便地访问互联网，而不用去记住能够被机器直接读取的IP地址数串。

?什么是SSL证书？

SSL证书是数字证书的一种，类似于驾驶证、护照和营业执照的电子副本。因为配置在服务器上，也称为SSL服务器证书。

SSL 证书就是遵守 SSL协议，由受信任的数字证书颁发机构CA，在验证服务器身份后颁发，具有服务器身份验证和数据传输加密功能。

SSL证书通过在客户端浏览器和Web服务器之间建立一条SSL安全通道（Secure socket layer(SSL),安全协议是由Netscape Communication公司设计开发。该安全协议主要用来提供对用户和服务器的认证；对传送的数据进行加密和隐藏；确保数据在传送中不被改变，即数据的完整性，现已成为该领域中全球化的标准。

?服务器选配

首先第一步，想要在服务器上部署项目，当然前提得有一台服务器呀，所谓工欲善其事，必先利其器嘛。

市场上服务器厂商都挺多，我们熟知的可能也就是阿里云，腾讯云，华为云，百度云等这些，个人推荐选择阿里云和腾讯云，我第一次搭建是因为百度云有个活动可以白嫖三个月，所以第一次选择了百度云。其实服务器的配置这些对于新手来说不必过多担心，我们购买服务器的用途也就是测试测试自己开发的项目，或者搞个自己的个人博客之类的放在服务器上，所以，一般的轻量级服务器就已经够我们用了，不必很在意服务器的配置，所以新手我推荐轻量级服务器。

而且如果是新用户，各大服务器厂商对新用户的优惠力度都特别大，所以购买一个轻量级的个人服务器不是很贵，注册之后记得实名，不实名的话是没办法购买服务器的。

对于活动推出的服务器，我们也不必担心怎么去配置服务器的参数那些，因为配置都配好了，顶多就是让你选择操作镜像，设置初始化用户名和密码等。不管选择哪个厂商，其实相同配置下，价格差异并不大。各大厂商都是点击最新活动，去享受优惠价格

当我们注册好一个账户并实名认证成功之后，我们就可以去购买一个属于自己的服务器了，要是还在纠结的小伙伴，也可以去各厂商活动页面先申请一个免费体验的服务器先操作一下，等自己学会怎么玩服务器了再购买也不迟，哈哈，没错，就是像我一样，我第一次使用服务器并不是购买的，而是看到百度云里有活动，然后白嫖了三个月。百度云活动链接

?参数配置详解

在购买服务器配置页，会让用户选择一些配置，接下来我将详细解释每个配置到底该怎么选，以便帮助各位小伙伴们选择出一台最适合自己的服务器。下面我以百度云和腾讯云为例，详细解读参数配置。

快速购买方式

这个界面基本不用自己配置什么参数，比较容易上手，对实例（服务器）的配置也有说明，可根据自己需求选配

?地区及可用区

这里分两种情况，假如说自己买个服务器是因为项目要上线投入使用，那么这种情况，用户主要集中在那个区域就选那个区域，这样的话用户访问网站项目响应速度就相对较快。还有一种情况就是自己买了自己玩，这种的话就直接选择自己所在地区

?实例配置

有的小伙伴可能会问，我买的不是服务器吗？实例是个什么鬼？实例是云端的虚拟计算资源，可理解为云服务器（Cloud Virtual Machine，CVM），包含 CPU、内存、操作系统、网络、磁盘等最基础的计算组件。云服务器实例可在云端提供安全可靠的弹性计算服务，实现计算需求；可随着业务需求的变化，实时扩展或缩减计算资源；可极大降低企业的软硬件采购成本，简化 IT 运维工作。这里说的实例配置其实就是服务器的配置，在快速购买这个页面，对不同实例的配置都做了说明，小伙伴们可以根据自己用途来进行选择

?操作系统

其实这里的操作系统又可以称为操作镜像，简单理解就是服务器购买者通过什么样的方式访问到自己购买的服务器，这里也可能是新手比较纠结的一点，操作镜像呢又分为应用镜像和系统镜像。镜像是一个包含了软件及必要配置的服务器或磁盘模版，包含操作系统或业务数据，还可以包含应用软件(例如，数据库软件)和私有软件。镜像分为公共镜像、私有镜像、共享镜像、市场镜像。镜像服务(Image Management Service)提供镜像的生命周期管理能力。用户可以灵活地使用公共镜像、私有镜像或共享镜像申请弹性云服务器和裸金属服务器。一般推荐选择安装系统镜像，这样的话操作系统是纯净的，未安装过任何环境和程序的，方便我们操作。

?带宽

简单理解就是在给定时间内可以传输的数据量。它相当于一条路，需要通过的数据相当于其中的车辆。如果道路狭窄，车辆通过所需的时间会相对较慢，这也是带宽会在一定程度上影响网页的打开速度的原因。如果把带宽比作水管，带宽实际上就是水管的流量而流量就是流出的水的总量。带宽影响主机的访问速度，网络带宽的大小对于访问量大的网站尤为重要。所以，带宽越大，就代表访问服务器和响应速度越快，但是呢，对于新手小白来说，一般带宽1M~2M已经够用了，大佬可滑走。

?腾讯云

相同的地方我就不在赘述，咱们来说说一些不同的值得注意的点

?安全组

安全组（Security Group）是一种有状态的包过滤功能的虚拟防火墙，它用于设置单台或多台云服务器的网络访问控制，可以将同一地域内具有相同网络安全隔离需求的云服务器实例加到同一个安全组内，通过安全组的网络策略对云服务器的出入流量进行安全过滤。出于安全考虑，腾讯云服务器默认只开放了22和3389端口，假设在这台云服务器上搭建网站，则需要80端口，就是通过配置安全组规则放行80端口来实现的。

?登录方式

密码是每台云服务器实例专有的登录凭据。为保证实例的安全可靠，腾讯云提供以下两种加密登录方式：

SSH 密钥对：只需在控制台和本地客户端做简单配置即可远程登录实例，再次登录时无需再输入密码。此登录方式更为安全可靠，可以杜绝暴力破解威胁。

登录密码：任何拥有实例登录密码的人都可以通过被安全组允许的公网地址远程登录云服务器实例。

?IP 地址

腾讯云提供 内网 IP 地址 和 公网 IP 地址。简单理解，内网 IP 提供局域网（LAN）服务，云服务器之间互相访问。公网 IP 在用户在云服务器实例上需要访问 Internet 服务时使用。

以上就是在选择服务器时一些比较值得注意的参数配置，小伙伴们看到这里，就可以去选择一台满足自己需求，适合自己的服务器啦。

?系统镜像和应用镜像怎么选？

系统镜像，也就是我们平时所说的操作系统镜像，系统镜像是不包含任何软件以及插件的纯净版的操作系统。更多的人都会选择系统镜像，因为不同方向的人可以根据自己的需求安装自己所需要的服务以及软件，优点就是灵活性比较强。

应用镜像，简单理解就是服务器已经帮你选择了操作系统，并且在操作系统的基础上又额外安装了一些环境，相当于一条龙服务，自己不用动手去安装环境，可根据选择不同的应用镜像搭建不同的网站类型，常见的有WordPress、LAMP、Node.js等。优点就是相对于系统镜像来说，操作起来比较方便。

看到这里，相信各位小伙伴在于选择镜像问题上应该知道怎么选了吧，我刚开始一步直接到位选择了系统镜像，确实到后面也是花费了好多的时间才成功搭建起网站。所以对于没有基础的小伙伴来说，我觉得刚开始可以选择应用镜像，这种方式操作起来也相对简单，如果也有小伙伴想选择可玩性高的系统镜像，那么我推荐Linux下的CentOS镜像，版本越高越好，但需要一定的Linux基础。

?登录控制台

当我们选好自己的配置并购买服务器后，就可以转到自己的控制台页面查看自己的购买的服务器，并且再次设置一些参数，比如安全组，重置密码等等。购买成功之后首次访问公网IP是没有响应的，因为默认浏览器访问的是80端口，而一般在服务器购买后没做任何配置80端口是没有被占用的。但是如果选择的是应用镜像的话，在访问的时候会根据自己选择应用镜像最终显示对应的页面

接下来我所讲的内容主要以Linux下的CentOS 8镜像为主，因为我选择的是系统镜像，但讲完系统镜像，我也会对应用镜像做一些教程，方便不同小伙伴们的需求。

购买服务器成功之后，有条件的小伙伴可以去注册一个属于自己的域名， 购买域名后到相应的界面进行备案，只有备案成功后，自己才可以通过域名来访问自己的网站，这个过程差不多需要两三天的审核时间。

个人建议先把自己的网站搭建出来在考虑购买域名和备案这些操作，这样比较把稳一点，不然域名买了，备案备了，自己网站搭建不出来，那岂不是白搭。

?连接服务器

接下来要做的肯定就是连接服务器啦，我所知道的有三种方式，效果都差不多，看个人选择，但推荐选择使用远程连接软件连接。比如Xshell等。

?‍?使用网页VNC访问服务器

在控制台页面下点击自己购买的实例，可以看到使用VNC登录的方式。VNC服务对浏览器有一定的要求，使用之前注意VNC页面的提示。登录之前要确保自己的实例正在运行，不然是没办法连接上的

现在只支持如下版本的浏览器

Google Chrome 16+

Firefox 3.6+

iOS Safari 6.1+

Opera 11+

Internet Explorer 9+

对于linux系统，在VNC窗口 的的对话框中，在 “login” 后输入用户名，按 Enter。对于Windows操作系统，点击按钮“发送Ctrl+Alt+Del”，发送Ctrl+Alt+Del命令到操作系统。

在 “Password” 后输入密码，按 Enter。值得注意的是输入的密码默认是不显示的，别像我傻乎乎的，输入密码光标不动还以为是自己键盘坏了。如下图所示：

?‍?使用远程连接软件

此方式是大家都比较推荐的方式，原因很简单，方便，灵活性高。这里我使用的是Xshell远程连接

首先去官网下载Xshell，官网链接Xmanager中文官网_Xshell,Xmanager,Xftp 7下载，现在Xshell已经更新到7版本，小伙伴们自行下载就行。

打开软件后，新建一个会话，【名称】选项自己可以随意命名，不影响。【主机】选项填写自己的公网IP地址，也就是自己服务器的地址，在控制台可以查看自己的服务器IP地址，【端口号】选项默认是22端口，不用修改。22端口就是用于SSH远程连接的端口。其他选项不用选择，直接点击【连接】按钮进行连接。

首次连接可能会跳出一个叫什么密钥配对的窗口，点击接受就可以了，然后就是输入【用户名】和【密码】，确定后就连接成功了，这里的用户名和密码就是当时购买服务器要填写的服务器用户名和密码哟。

显式这个页面即表示连接成功了哟，接下来就可以对自己的服务器进行一些操作了

?‍?使用远程桌面连接

这也是第三种远程连接服务器的方式，适用于选择了Windows镜像的用户，可以直接用自己电脑上的远程桌面连接到自己的服务器。

?下载服务器Web服务

连接上自己的服务器之后，就可以对自己的服务器环境进行一些配置了，想要搭建网站，肯定少不了的就是使用Web服务来提供网站访问能力，当下一些比较主流的Web服务有：Apache HTTP Server、NGINX、Apache Tomcat、Node.js、Lighttpd等。这里我推荐的使用的是Nginx，如果有小伙伴不了解这些是什么东西，记得先去查阅下资料哟。