小白建站全过程(服务器部署+域名解析+静态文件部署)

作为一个前端开发仔,当然不能只专注于网页开发的过程,也要学会如何搭建一个网站。因为朋友在双十一抢到了40元一年的服务器并把帐号密码给了我,那择日不如撞日,就开始学习如何从0到完全搭建一个网站。

此教程分为以下部分:

  1. 前提准备(服务器和域名的购买)
  2. 服务器部署(nginx)
  3. 域名解析
  4. 域名备案

这篇教程的受众:对于服务器和域名部署解析完全不懂的前端小白

看完能收获:一个完整静态网站(只有前端)的建站过程


1. 前提准备

域名和服务器我选择的都是阿里云。因为朋友买的就是阿里云的服务器,我在腾讯云还有一个未过期的已备好案的域名,但是在重新备案和域名解析的时候很麻烦和繁琐。所以建议域名和服务器不要分开在两家买,如果已经是腾讯云域名和阿里云服务器的话,博主悄咪咪的说一句,taobao搜腾讯云授权码可以快速通过域名备案。

1.1 服务器的选购

图片

对于一般小白用户(博主自己也是),选购服务器可以随便选,具体看预算。我也看了很多选购攻略和问了dalao后,得出以下结论:

  • 购买时注意是否有优惠,一般定期都会有1折购或者双十一这种活动
  • 实例:不要选突发性能实例,分为t5和t6,CPU实例为10%和20%起步
  • 能选ESC虚拟服务器尽量选ESC
  • 系统:服务器系统建议Linux系统,因为系统占用磁盘空间很小
  • 带宽:1M带宽对于打开一般网页(500kb)也就几秒钟事情
  • 内存:个人小站也要1G内存起步吧,500MB有点惨啊
  • 地域:看访问客户群集中在哪里,就选择临近的机房;不过境外(比如香港)的机房可以不用备案,境内的要做ICP备案
  • 需求:①对于普通的应用服务器,建议选择通用型,CPU内存比为1:4,充分满足各种应用对计算资源的需求;②对于计算能力需要较高的业务,建业选择计算型,CPU内存比为1:2,充分满足对计算速率要求较高的业务

1.2 域名选购

图片

具体域名看个人需求和预算。

tips:如果要选择中文域名(比如xxx.公司),很多app还不能识别中文域名的访问,比如微信和微博,需要将域名十六进制转码,才能被自动识别成链接,不然只能复制到浏览器访问,且在微信网页/微博网页选择复制链接,网址也是已经被转码过了。

2. 服务器部署

  1. 服务器购买成功后,会得到云服务器的实例名称、公网IP、系统登陆帐号。如果忘记了密码可以去重置密码

  2. 然后启动实例,成功启动后可以看到状态时运行中

图片

  1. 配置安全组

图片

配置(开放)常见访问端口:1024/65535(系统对外开放端口,用于远程连接),20/21(ftp服务),80/80(网站访问端口),443/443(https默认端口)

  1. 远程连接服务器,关于这步骤有很多方法,我前期用的时阿里云自带的远程连接,后期部署网站文件用了FileZilla FTP Client,傻瓜式操作。
  • a) 阿里云远程连接

图片

  • b) 安装nginx

我看的是这篇:在阿里云服务器上如何搭建nginx服务器?

但第一步是要切换到根目录,然后再根据上面教程进行安装

图片

成功启动nginx后,可以用 ps -ef | grep nginx*** ***来查看nginx状态

图片

  • c) nginx静态文件路径指向

    • nginx成功启动后,我们需要修改nginx配置文件,来让服务器访问指向我们自己的网页。所以需要将本地文件上传到服务器上,我用了FileZilla来进行上传文件
      图片

    • 填上服务器主机地址,用户名,密码,端口22,然后连接

    • 就能得到我们服务器上的文件目录,然后点击/右键,新建目录data,我的本地文件放在了/data/www/pangying,入口文件时index.html

3. 域名解析

  • 服务器端的指向解决后,需要将访问入口映射到我们购买的域名。

图片

  • 添加解析记录

图片

然后访问我们的域名就能成功访问到页面了!但没过多久,你就会发现,页面访问会出现这个画面,提示你域名需要备案了
图片

4. 域名备案

备案可以说是最没有技术含量但是最繁琐的过程。这个过程我可真是一把辛酸泪,一两年前我也有域名备案过,腾讯云的,申请备案,然后按规定填写信息,用寄来的蓝色布拍照,手写审核书,提交,很顺利就通过了。

  • 首先要先申请服务号

图片

图片

然后将备案服务号保存,域名备案需要用到

图片

接下来就是在手机上下载阿里云app,因为需要用到手机摄像头来人像识别,所以不如就直接在app上操作就行。
然后根据提示,一步步操作就行,一般1-3个工作日就会有阿里的工作人员来打电话跟你核验,通过之后会发邮件通知审核通过。

图片

注意:我的审核前两次都没通过,第一次是因为网站名称带了人名+拍照的时候眼镜闭上了+名下还有一个域名没指向实体(也就是无法访问了);第二次是因为网站描述内容没写好,这些要求在申请的时候要注意看清楚,一次审核不通过会延迟1-3个工作日的进度

收到邮件通知通过后,网站就可以正常访问啦!
至于网站的内容这边就不多赘述了,毕竟这是个正经的教程。


小白建站全过程(服务器部署+域名解析+静态文件部署)
https://appleking10.github.io/2020/04/15/小白建站全过程(服务器部署-域名解析-静态文件部署)/
Author
金依妮
Posted on
April 15, 2020
Licensed under