个人网站搭建基本流程

网站网络

发布日期: 2020-12-01

更新日期: 2024-06-05

文章字数: 1.6k

阅读时长: 5 分

一、购买域名

华为云、腾讯云、阿里云一般都有新用户特惠活动，可以以很优惠的价格就购买到一个域名。这里以华为云为例演示购买流程：

根据自己需求确定好域名后缀后，在输入框中输入域名进行校验，如果域名尚未被别人注册即可购买。
购买成功后，即可在控制台域名列表中查看到自己购买的域名。后续流程可以直接参照官方指引即可。
详细流程：参见华为云官方详细介绍文档。

二、购买云服务器

为了享受新用户优惠，在腾讯云购买了云服务器（CentOs 7.5 64位）。

购买成功后，在控制台–云服务器–实例，即可看到自己的云服务器实例。

三、网站备案

通过腾讯云备案小程序可以很方便的进行网站备案。

大致流程如下：

在将备案信息填写提交后，腾讯云会先对备案信息进行审核，帮助我们处理填写中可能有误或不恰当的信息。需要注意保持电话畅通。
腾讯云初审通过后，会将备案信息提交至相应的管局审核。此时会收到工信部的备案核验短信，需要在收到短信24小时内进入工信部备案管理系统进行短信核验。验证步骤参见文档。
管局审核会有工作人员电话联系以确认身份信息和域名等信息。所以也要保持电话畅通。

四、域名解析

域名解析一般在域名注册服务商处完成。我的域名是在华为云注册完成的，所以在华为云控制台来完成域名解析。
华为云有详细的文档来说明如何配置域名解析以及测试域名解析是否生效，一步步跟着操作就好。

五、网站内容部署

在正确完成域名解析之后，就可以尝试通过域名来直接访问我们的网站。但由于我们还未对网站部署任何项目，所以网站是无法访问的。
这里简单讲述部署一个简单项目的流程：

使用vue创建一个基本项目，对页面进行排版布局后，打包构建，生成dist目录。
在腾讯云控制台–云服务器–实例中找到自己的服务器，在右侧操作按钮区域进行==登录==操作。(登录密码在==站内信==中可以看到)。
登录成功后就进入了终端操作界面。使用yum来安装Nginx。

// 安装nginx
yum install nginx -y

// 启动nginx
nginx

// 此时访问==http://<域名>==，可以看到nginx的测试页面。 
```  
  
4. 修改nginx配置，重设服务器访问路径。    

``` bash
// 通过vi打开&&编辑nginx.conf文件
vi /etc/nginx/nginx.conf

// 切换为输入模式
i

// 找到server { listen 80 ...}，将默认的root值/usr/share/nginx/html修改为/data/www

// 保存并退出vi
ESC
:wq

// 重启ngigx使配置生效
nginx -s reload

回到终端中根目录下创建/data/www目录

mkdir -p /data/www

使用FileZilla[下载地址]登录服务器并将vue项目dist目录下的代码上传到/data/www目录下。
这时再访问 ==http://<域名>== 就可以看到自己写的页面啦~

六、申请免费SSL证书并安装

我这里是通过华为云申请的。通过==控制台==–==服务列表==–==安全==–==SSL证书管理==，进入到SSL证书管理页面，根据流程指引进行申请即可。一般证书在域名验证完成后很快就会签发了。
域名签发完成后，需要将证书安装到服务器上，安装步骤参见文档Nginx服务器证书安装。
安装证书中比较重要的几个点：

由于版本问题，nginx.conf中的配置内容可能与指引流程中的不完全一样，将注释符号移除后，重点修改==server_name==、==ssl_certificate==、==ssl_certificate_key==几个字段。
nginx安装目录可能与指引流程中的不一致。比如我的nginx目录为/etc/nginx，可以在nginx目录下新建一个文件夹cert，将证书放在该目录下。这样在nginx.conf配置时，ssl_certificate、ssl_certificate_key就分别配置为/etc/nginx/cert/<证书文件名>、/etc/nginx/cert/<私钥文件名>。注：路径不要包含中文。
最好配置下HTTP自动跳转HTTPS的安全配置