用服务器安装nginx部署web页面

作为一个野生的iOSer,技术栈好像还没到这么远,平时也用不太到,主要最自学的几个方面碰巧联系在了一起,因为爱好吧,就研究了下。对了还有戴铭做的那个iOS高阶晋级网课,我也打算订阅一份,并且每章带有我自己的理解重新在这里输出一遍。因为这些年感觉学的东西确实很杂,不精也不成体系,但是有句话叫量变引起质变嘛,所以也未必不是一件好事。那么话不多说,我们开始分享。

Linux的基础知识,前端的基础知识,有一台服务器,有一个域名

Linux的基础知识是因为公司最近在搞分享,我们的运维小伙伴分享了一些linux的入门指令,我又碰巧买了一本鸟哥的linux私房菜看的津津有味,所以老想找机会实验下,mac电脑其实就可以实验很多,但是我还是想在服务器上弄感觉更爽。服务器嘛,我也有一台,当时是为了买了一台国外的系统是CentOS的服务器,碰巧鸟哥的那本书中基础例子就是拿CentOS讲的……于是嘿嘿嘿……至于为什么要部署web页面,存粹是因为弄ReactNative的时候了解了一点React.js,所以写了一个React.js页面就很想布置上去。

好了,理由讲完了,我们现在讲步骤

我们先从服务器开始。首先用你的电脑终端登陆服务器ssh -p 22 root@192.168.234.323,-p 22其实是指定端口,一般默认端口就是22,root是你的服务器名字,我的因为是默认root也没改,后面的ip地址就是你的服务器地址了。你输入完成后终端会提示你输入密码,你输入完服务器密码链接成功后大概就是这个样子。

进入服务器了以后你就可以安装nginx了,这个nginx其实就是web服务器,可以让你能部署web页面的东西。安装nginx的方法其实很简单, yum install nginx就直接安装了,不知道之前为啥在博客里面搜到的是分步安装的方法,这给我好一顿坑……小白还是用这种方式比较简单。安装完成后,你就可以通过ll命令或者ls命令找到nginx.conf,或者conf.d的位置。一般来说它们都在/etc/nginx/nginx.conf的目录下。其中conf.d是一个文件夹,用来放置你的自定义服务器的配置的,如果你这个文件夹里有配置nginx会优先使用这里面的配置。nginx.conf是默认的配置文件,你要配置的web页面的域名和地址就在这里。如图:

我因为也没什么自定义好配置的,就直接用的简单的方法修改了nginx.conf里面的内容。到这里你可能需要一点简单的linux命令,vi命令,比如 cd ..是返回上一层, :q!不保存退出,等等。我们用vi打开nginx.conf的内容,如图:

这里面我们能看到错误日志error_log和连接日志access_log,后面是它们的地址,等以后如果调试的话我们可能会用到。

那么下一页这server大扩号里面的内容我们要好好关注一下了,其中的listen后面应该写端口号,别的博客里面一般都指定了什么端口号,我是小白就直接用默认的80端口号。servername就写你的服务器地址,可以写ip地址,也可以写域名,我这里就直接把注册的域名写上了www.lslovexiao.ml。后面也可以给大家看一下。root后面的内容是你上传的打包好的web地址,我这里也是nginx默认的路径 /usr/share/nginx/html,好奇的宝宝可以进去看一下,就是一个html文件。那么假如你都修改完后,退出vi,重启动nginx就可以正常运行了 nginx -s reload,请注意假如你要是第一次安装nginx,你一定要先启动再重启,我就是看的别人的博客直接输入的重启命令,结果报了1个莫名其妙的错误,浪费了很多时间。

服务器的步骤大概差不多就这样,我们开始弄网站

上面说了,你需要一个域名,初次尝试我决定申请个免费的,就去freedom里面申请了1个免费的域名。申请域名很简单,但是你要拿这个域名解析服务器的ip,这个步骤很简单,就不写了。剩下的就只是本地打包web上传到服务器里。这里面需要一个命令:

scp /Users/xxxxx/Desktop/htmltitle.cpp root@139.59.250.52:/root/htmltitle
复制代码

这个命令有个正反的问题,我刚在网上查到的时候用起来老是提示我找不到该路径。重点就是你的输入环境,比方说当你前面是【root@vulter nginx]:这就是你在服务器环境,当你前面是你的电脑名时,这个就是在你的本机环境,不同的环境后面的ip地址是不一样的,其实就是把谁当服务器的问题,因为你的电脑也可以是一个服务器,总之按这个命令简单来,这是在你的主机环境下上传文件的命令。

/Users/xxxx/Desktop/htmltitle.cpp是你要上传的文件的地址,mac里面直接拖到终端就可以得到路径。root@139.59.250.52就是你要的服务器的名字和ip地址,后面的/root/htmltitle就是你在服务器里的储存地址。

好了,这些都完成就基本大功告成。如图:

好了,有点简陋,秀一波恩爱,开溜~~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值