引言

最近在学前端，自己尝试着在局域网里搭建Web服务器测试环境.
正好Mac自带Apache服务器，所以比较方便。

搭建本地服务器

第一步是打开Mac自带的服务器

终端指令

打开Mac自带的Terminal或者Iterm,输入以下指令。

1
2
3
4
5
6
//开启apache：输入管理员密码
sudo apachetl start
//重启apache
sudo apachetl restart
//关闭apache,用完之后记得关掉，很费电。
sudo apachetl stop

开启成功后可以访问http://127.0.0.1/或者http://localhost测试一下
如果显示It works！，说明开启成功。

127.0.0.1

网页编辑

这个显示It works!的网页文件地址在/Library/WebServer/Documents/index.html.en
如果想要放自己的网站,可以吧文件拖入Documents。

再次提醒记得关闭Apachetl

本地web服务器映射到外网

我这里采用ngrok的方式

ngrok使用

本地服务映射到外网有很多,但这里说的是通过免费ngrok内网穿透映射到外网
ngrok官网下载地址:https://ngrok.com/download
Ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

ngrok

下载完成后解压，并放到一个你认为合适的地方

  • 注意: 解压缩后的二进制文件是直接使用的,所以放到一个你认为方便的地方开始用终端命令行使用它吧。
    cd到该二进制文件的所在的目录下后
    执行
    1
    ./ngrok http localhost:80
    开启服务

ngrok开启成功

这里https://40a236be.ngrok.io就是外网可以访问的地址,这个地址在每次开启服务都是不同的,如果想要固定地址,就得注册ngrok获得token并付费获得,具体流程在注册成功后官网介绍很详细。

你还可以通过 http://127.0.0.1:4040 ngrok正在运行，查看隧道请求的历史记录。您还可以检查每个请求的标题和响应，或者重播请求以加快您的开发过程。当然也可以在终端查看。

MySQL

如果不需要使用MySQL请忽略此条。

  • 使用Homebrew安装MySQL
    使用Homebrew安装相关软件是很方便的。当然，使用此功能，你需要安装Homebrew，安装方法是：在终端运行命令：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  • 安装Mysql:在终端运行：brew install mysql ，brew程序将自动安装mysql的依赖库openssl，然后安装mysql。
  • 启动MySQL:根据上面安装结束的提示，启动MySQL，在终端运行：mysql.server start。启动成功后使用：mysql -uroot即可连接到MySQL数据库。