从0到1搭建一个网站

引言：如何从0倒1搭建一个网站。(记录我自己搭建过程，不涉及企业推荐)

目录

引言：如何从0倒1搭建一个网站。(记录我自己搭建过程，不涉及企业推荐)

所需要准备的东西

开始搭建(以阿里服务器为例)

搭建服务器环境

部署项目到网站上:

配置域名: 

---

所需要准备的东西

• 域名

域名就是我们常见的那种访问网站的时候的名字，例如百度的www.baidu.com一样，可以在阿里，也可以在腾讯购买，自己使用的话用不常见的后缀就可以，top，asia什么的，很便宜，一年大概4-10块钱，要注意的是注册域名后会有一个审核，你必须是实名注册才能审核成功。注册后可以在控制台查看域名详情，后期的解析挂载ip也是在控制台。

• 服务器

服务器是承载你的项目的地方，购买后自带一个ip地址，也可以在阿里和腾讯购买, 值得注意的是如果你是新用户可以免费使用二者的服务器一个月, 购买后也是在控制台查看服务器详情.

开始搭建(以阿里服务器为例)

 搭建服务器环境

在云服务器上安装操作系统，常见的操作系统有Ubuntu、CentOS等(我的阿里服务器默认是Linux系统不用安装)，可以根据自己的需求选择合适的操作系统, 进入服务器控制台, 点击左侧实例, 可以看见自己租赁的服务器信息.

 点击实例 - - - 点击远程连接 - - - 立即登录

此处登录不知道密码可以点忘记密码重置密码

 进入之后我的Linux系统显示需要更新或修复漏洞, 大概提示这样的信息

此时可以输入以下命令行进行修复更新:

yum upgrade --security

此处问题详情请查看链接文档:处理Alibaba Cloud Linux安全更新提醒 - 云服务器 ECS - 阿里云

更新修复完成后在Linux系统中安装Nginx:(此处参考了这位老哥的部分内容Linux下安装nginx详细步骤_linux安装nginx_云淡风轻～的博客-CSDN博客)

1. 首先安装四个依赖包 --以下命令一键安装四个依赖

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2. 定位到根目录, 然后创建install目录并进入

cd /root
mkdir install
cd install

 3. 下载并解压安装包

wget http://nginx.org/download/nginx-1.13.7.tar.gz
tar -zxvf nginx-1.13.7.tar.gz        ---解压nginx安装包

 4. 进入刚解压出来的文件夹里

cd nginx-1.13.7

 5. 执行以下命令

./configure        --- 用来检测安装平台的目标特征
make                  --- 用来编译( 从Makefile中读取指令，然后编译)
make install        --- 用来安装( 从Makefile中读取指令，安装到指定的位置)

此处值得注意的我遇见两个坑:(解决方法参考了这位老哥的:nginx 的安装、配置和使用（全）_zhang33565417的技术博客_51CTO博客)

首先就是make的时候报了错:

 这个错误一般是服务器系统版本高或者 nginx 版本高,

此处解决方法是输入以下命令:

vim src/os/unix/ngx_user.c

进入这个文件中, 将报错那一行注释掉:

 具体注释方法:(可参照这个老哥的常用命令:Linux常用命令总结(建议收藏))

1 进入文档后insert键切换编辑状态, 找到该行首尾添加/* */

2 esc退出编辑状态, shift+:键进入command状态, 输入w点击回车保存

3 再输入q退出文档回到控制台即可解决第一个问题

再次make后出现第二个坑:

​

 此处解决方法是输入以下命令:

vim objs/Makefile

进入这个文件后把 -Werrori删掉 （-Werror，它要求GCC将所有的警告当成错误进行处理）

具体操作方法与上一个错误相同,删除后w保存,q退出再次make install即可.

 6. 编辑端口(默认是80端口, 可以自己修改端口, 不建议修改,我改了之后搞了半天又滚回80端口了)

cd /usr/local/nginx/conf
vim nginx.conf

​

 7. 启动Nginx

cd /usr/local/nginx/sbin
./nginx

 此处如果是用的阿里服务器, 没有开启端口也会报错

解决方法:

点击服务器这里

 再点击安全组

手动添加端口

 8. 查看是否启动成功 (7那一步没报错基本就是启动成功了)

ps -ef | grep nginx

也可以通过这个命令查看是否启动运行:

systemctl status nginx

如果Nginx正在运行，则会显示“active (running)”；如果Nginx未运行，则会显示“inactive (dead)”。

 9. 此时通过所设定的端口就可以查看是否启动成功

 出现以下界面就说明启动成功, 也就已经完成大半了, 该页面是Nginx的自带index.html界面, 后续可以将自己项目打包到该文件目录所在, 替换掉该页面

部署项目到网站上:

1. 做好的项目打包后一般是一个dist文件夹, 将dist文件夹打包成dist.zip文件

2. 在Linux控制台上方找到文件夹

 3. 找到框内这个文件夹, usr/local/nginx/html, 现将本来有的html文件删除掉, 点击上传文件, 把打包好的那个dist.zip上传到html文件夹.

 4. 回到Linux命令行中输入解压缩命令(解压缩到html文件夹): 

参考文档链接:Linux unzip命令：解压zip文件

unzip /usr/local/nginx/html/dist.zip -d /usr/local/nginx/html

此处有坑:

如果报错bash: unzip: command not found , 是因为你没有安装unzip和zip命令

解决方法:

输入以下命令:

yum install -y unzip zip

安装后就可以进行解压缩命令了

5. 此时已经把项目部署到你的服务器上了,直接浏览器输入你控制台上服务器的ip地址就已经可以访问你的项目了

配置域名: 

1. 打开控制台, 找到域名列表中自己的域名信息, 点击解析 

2. 添加记录, 在主机记录里面输入前缀, 记录值里面填写你自己服务器的IP地址, 保存

   3. 在浏览器输入你的域名尝试访问你的项目吧