小白建站全过程(服务器部署+域名解析+静态文件部署)
作为一个前端开发仔,当然不能只专注于网页开发的过程,也要学会如何搭建一个网站。因为朋友在双十一抢到了40元一年的服务器并把帐号密码给了我,那择日不如撞日,就开始学习如何从0到完全搭建一个网站。
此教程分为以下部分:
- 前提准备(服务器和域名的购买)
- 服务器部署(nginx)
- 域名解析
- 域名备案
这篇教程的受众:对于服务器和域名部署解析完全不懂的前端小白
看完能收获:一个完整静态网站(只有前端)的建站过程
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. 服务器部署
服务器购买成功后,会得到云服务器的实例名称、公网IP、系统登陆帐号。如果忘记了密码可以去重置密码。
然后启动实例,成功启动后可以看到状态时运行中
- 配置安全组
配置(开放)常见访问端口:1024/65535(系统对外开放端口,用于远程连接),20/21(ftp服务),80/80(网站访问端口),443/443(https默认端口)
- 远程连接服务器,关于这步骤有很多方法,我前期用的时阿里云自带的远程连接,后期部署网站文件用了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个工作日的进度
收到邮件通知通过后,网站就可以正常访问啦!
至于网站的内容这边就不多赘述了,毕竟这是个正经的教程。