从购买域名到访问成功——全流程、傻瓜式记录web服务器搭建工程

244 阅读3分钟

背景

之前在上家公司搭建过web服务器,但都是跟着网上教程依葫芦画瓢,这次准备记录一下步骤以及踩坑历程

云服务器

趁着腾讯云打折,买了3年的轻量型应用服务器

image.png

域名

也是在腾讯云一起买的,直接买了10年。

image.png 服务器加上域名一共370人民币。

备案

在腾讯云必须有服务器才能备案,按照备案步骤走,

  1. 必须扫码进入手机微信小程序备案,
  2. 需要录制的实时人像视频以及身份证正反面(不可从相册选择)
  3. 浙江省的外来人口还需要额外的居住证照片(电脑相册选择)
  4. 填写网站管理员信息(也是微信小程序上传身份证)
  5. 填写网站名称,不可包含一些词汇,例如:网站、博客等等……
  6. 等待审核。

DNS解析

  1. 在我的域名操作栏中点击“解析”,进入DNS解析管理界面

image.png

  1. 主机记录栏即域名前缀,@表示直接解析主域名xoyimi.funwww代表www.xoyimi.fun*表示通配符,解析所有*.xiyimi.fun;
  2. 记录类型表示记录值的类型,常见的包括A(Address)代表IP地址、CNAME(Canonical Name)代表规范名称即网址、MX(Mail Exchange)代表邮件地址等

服务器系统安装

我这里选择直接安装 Node 应用镜像,系统则默认为 CentOS 8.2 64位

image.png

一键傻瓜式安装完毕。

重置密码

一定要重置密码,否则无法使用 SSH 登录。 image.png

远程登录

image.png

可以在服务器控制面版选择三中登录方式

  1. 一键登录:免密登录,在web中弹出shell界面,直接进行命令行操作
  2. VNC登录:新开浏览器标签页,需要输入用户名和密码
  3. SSH远程登录:使用客户端软件进行远程登录(推荐)

SSH远程登录

推荐安装 VSCODE 插件 Remote-SSH 进行远程登录,可以便捷访问服务器文件目录

安装步骤

  1. 安装扩展插件: VSCODE扩展商店搜索 Remote - SSH image.png

  2. 选择配置文件进行编辑:    安装好扩展插件之后,左侧菜单栏会出现远程连接的图标,点击图标可以看到当前的远程选项,点击齿轮按钮在右侧弹窗中选择用户文件夹下的config文件进行编辑: image.png

  3. 编辑配置文件:

Host AnyHost
  HostName 192.168.200.123
  User root
# Host表示该远程机器的名称,可以任意起名字
# HostName表示当前远程机器的ip地址,也可以使用域名进行映射
# User表示当前的登陆用户
# 可以添加多个标签,配置多个远程目标的相关参数,如下图所示
  1. 远程登录:

在需要登陆的远程机器名称上右键,选择在当前窗口登陆或者在新窗口登陆,然后根据提示选择登陆的系统类型并输入登陆密码,实现登陆: image.png image.png

image.png

  1. 打开远程文件夹

image.png 再次输入密码后 image.png 所有服务器文件都呈现在眼前~

  1. 报错 遇到报错可检查是否重置密码,并且将此文件删除后重试

image.png

运行Web服务

  1. 开放8080测试端口 在服务器防火墙选项中开放8080端口 image.png

  2. 启动 web 服务

编写http服务代码

执行node server.js 启动服务 image.png

大功告成!

image.png

总结

一步一步下来,一个简陋的web服务器就搭起来啦~