一、安装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