美文网首页
利用nginx搭建web服务器(macos)

利用nginx搭建web服务器(macos)

作者: 早啊大叔 | 来源:发表于2017-09-11 16:01 被阅读0次

一、安装homebrew

二、安装nginx

三、配置nginx、部署项目到nginx服务器

四、添加阿里云解析,通过域名访问到自己的服务器

五、小Tip (如果有迷惑可以直接看这里)

一、安装homebrew(macOS的包管理器)

利用homebrew快速安装nginx。(单独安装nginx,需要下载源码、编译、安装依赖等,弄了半天都没弄好 — _ — !)

打开终端复制如下命令:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

二、安装nginx(轻量的web服务器)

brew install nginx 

安装完成后,在浏览器输入localhost:8080,如果能打开网址即安装成功

如果打不开,也许是nginx服务未开启:

1、进入安装路径  cd /usr/local/Cellar/nginx/1.12.1/bin  (版本号自己对应)

2、启动nginx  : sudo ./nginx

三、配置nginx 和 部署前端项目

1、配置nginx服务器

打开 /usr/local/etc/nginx/nginx.config  找到对应字段进行修改(# 是注释)

server {

  listen      80; (监听的端口,默认是80端口)

  server_name  echo.liansixin.win; (你的域名,我这个是二级域名)

  root  html/music; (根目录,默认是html,我是在html文件夹下创建了music项目文件夹)

  index  index.html index.htm; (匹配root目录下的文件名)

}

这里只是简单的配置了nginx,可以实现用域名访问到你的项目了

更多配置请前往nginx官网了解

2、部署前端项目

把你的前端项目打包好之后,放在 /usr/local/cellar/nginx/1.12.1/html 目录下 或者 /usr/local/var/www/ 目录下,都是一样的,nginx 会同步这两个目录的文件。

你也可以自己选择部署的目录,只需要在第1步配置root时候,指定好路径就可以了。

3、nginx常用命令 (有时候需要权限,加上 sudo)

sudo nginx   启动nginx (需要进入到/1.12.1/bin目录下)

nginx -s stop  快速停止nginx

ps -ef | grep nginx  查看当前进程

nginx -s reload   重启nginx(修改完nginx配置后,需要重启才能生效!)

更多命令请前往nginx官网了解

四、添加阿里云解析,通过域名访问自己的服务器

如果已经完成了以上3步,则可以在浏览器中输入自己的IP地址+端口号就可以访问到自己的服务器了,但是这并不是我们想要的结果,我们希望通过自己的域名去访问服务器。

其实很简单,讲自己的域名 解析到你的服务器IP地址就可以了。

我的域名是在阿里云买的,打开 阿里云/控制台/域名/解析/添加解析 :

记录类型:A   , 主机记录: @  ,  记录值: 你的IP地址

如果是二级域名,如abc.example.com ,在主机记录那里填abc 就可以了。

五、小Tip

有些小操作本应该懂的,但对于一些刚接触不久的来说有些跳跃了,这里尽可能有些提醒你一下。

1、macos系统进入根目录 => 打开Finder , command + shift + G ,然后输入路径就可以了。终端 就是cd / 

2、如何查看自己本地IP ,打开终端 ifconfig ,在上面可以看到了。

3、有时候敲nginx 的命令不生效或者报错,如果你英文看懂就知道是没有权限,命令前面 + sudo 

相关文章

网友评论

      本文标题:利用nginx搭建web服务器(macos)

      本文链接:https://www.haomeiwen.com/subject/fejqhxtx.html