域名绑定云服务器(搭建网站全过程教程)

将通过本文讲解一步一步带你摸清楚一个网站从0到1的全过程,从以下几个步骤展开:

域名——备案
服务器———域名绑定(DNS解析)——Web容器(如:Nginx)
网站内容——静态文件 (如:dede网站文件)

翻译过来就是你把你的东西放在哪里?别人通过什么方式可以找到!
网站建设
域名
就是网络地址,通常我们简称“网址”
这个网络地址就叫网站域名。比如说当我们输入百度的网站域名,就能正确访问到百度的网站了。域名是解析到IP上来访问,有了域名,我们就不用输入IP来访问某个网站,这样方便记忆。
如何申请网站域名?百度云、阿里云、腾讯云皆可,主机测评&技术分享以百度云注册申请域名为例:
域名注册
域名的注册遵循先申请先注册为原则,当你要注册的域名,必须得先查询一下是否被注册,注册过的,就不允许再次注册了。这个申请域名的比较简单,自己去操作一下,就会了!
备案
国家要求国内任何一个网站必须进行工信部ICP备案,如果没有备案,你的网站链接是无法访问的。
网站备案的目的就是为了防止在网上从事非法的网站经营活动,打击不良互联网信息的传播,如果网站不备案的话,很有可能被查处以后关停。
当前阿里云是可以直接通过手机客户端直接去申请备案的,而且速度会比网站备案快很多,建议直接用手机客户端去备案。
【当然,觉得国内服务器备案比较麻烦,可以选择香港服务器,香港服务器是免备案的,致臻数据可以为您提供香港免备案云服务器,但是记得域名实名认证使用,比较方便些!】
服务器
服务器这里推荐致臻数据,因为确实比较优惠,服务也好!
同时现在注册就有9折优惠可以享受,重点是可以免备案,方便快捷!
致臻数据云服务器
在致臻数据的网站(zhizhenyun.com.cn),注册提交工单,即可享受所有服务器9折优惠!
域名解析
到这里我们已经得到了网站域名和服务器,但是他们都是分别独立的,我们需要将域名和网站主机关联起来:
域名解析
添加一条记录,将我们的服务器的公网IP填到记录值的位置:
域名解析
Web容器
这里我们以Nginx为例,Nginx是一个免费的、开源的、高性能的 HTTP 和反向代理服务,假设你的服务器为centos系统
安装

sudo yum install nginx
使用 yum 进行 Nginx 安装时,Nginx 配置文件在 /etc/nginx 目录下
常用的nginx命令

sudo systemctl enable nginx # 设置开机启动
nginx start # 启动 nginx 服务
nginx stop # 停止 nginx 服务
nginx restart # 重启 nginx 服务
nginx reload # 重新加载配置,一般是在修改过 nginx 配置文件时使用。
验证 Nginx 是否成功启动,可以在浏览器中打开输入你的ip,您将看到默认的 Nginx 欢迎页面,类似于下图所示:
Nginx安装
网站内容
到了这一步,我们有了域名,服务器,web容器,就差往容器里面塞东西了,以 Vue 为例,我们首先要拿到 Vue 项目 build 后的dist文件夹

npm run build //将会产出dist文件
以最原始的方法将dist上传到服务包

scp dist.zip 用户名@服务器公网ip:/home/vueTest
注意这里我们是上传的 zip 文件,到了服务器你需要将目标 zip 解压

// 通过ssh登录
ssh 用户名@服务器公网ip

// 进入目标文件解压刚刚上传的zip包
cd /home/vueTest
unzip dist.zip
最后我们配置一下nginx

// 进入编辑nginx conf
vi /etc/nginx/conf.d/vueTest

server
{
listen 80;
server_name 你的域名;
index index.php index.html index.htm default.php default.htm default.html;
// 指向你的静态资源
root /home/vueTest/dist;
}
配置完重启一下nginx

nginx -t // 检查nginx配置是否正常
nginx reload // 重启nginx
不出意外,这个时候在浏览器输入你的域名应该能看到你的网站啦!


本文出自快速备案,转载时请注明出处及相应链接。

本文永久链接: https://www.xiaosb.com/beian/36373/