盘点Mac上搭建本地WebServer的几种方式
第一种: 通过Nginx
搭建本地WebServer
安装nginx
brew install nginx
安装完后在终端输入nginx
指令,启动nginx
查看效果
确定安装好之后,在根目录创建一个文件夹MyServer
,以后文件啥的直接往里扔,通过这个目录去访问
cd
mkdir MyServer
修改配置文件nginx.conf
,brew
安装的nginx
配置文件路径默认在/usr/local/etc/nginx/nginx.conf
sudo vim /usr/local/etc/nginx/nginx.conf
打开配置文件之后,在43
行附近,添加一个路由映射,也就是关联上之前创建的那个目录MyServer
# 书写✍️格式
location /自定义路由名/ {
alias 映射本地路径 ;
}
# 根路由一般情况下不必去修改它
location / {
root html;
index index.html index.htm;
}
# 自己映射一个路由路径
location /test/ {
alias /Users/username/MyServer/;
}
# 编辑完保存配置,重启或者刷新配置才会生效
sudo nginx -s reload #刷新配置
sudo brew services restart nginx #重启服务
往MyServer
丢一些文件文本啥的,然后启动nginx
去访问,查看具体效果如何
nginx
常用的几条命令:
# 启动
nginx
# 刷新配置
sudo nginx -s reload
# 重启服务
sudo brew services restart nginx 或者 sudo nginx -s restart
# 停止服务
sudo brew services stop nginx 或者 sudo nginx -s stop
# 查看启动情况
ps -ef|grep nginx
第二种 Mac自带的apahe
其实Mac自带apache服务,只是需要一个起手式就能开启服务
#!/bin/bash
webServer() {
echo "======================================"
echo "请选择需要执行的apache命令选项"
echo "0. 开启apache "
echo "1. 重启apache"
echo "2. 关闭apache"
echo "3. 部署目录或者文件到apache根目录"
echo "======================================"
read -p "输入选项编号:" number
case $number in
0) startApache
;;
1) restartApache
;;
2) stopApache
;;
3) movePathToApache
;;
esac
}
#开启
startApache (){
sudo /usr/sbin/apachectl start
}
#重启
restartApache (){
sudo /usr/sbin/apachectl restart
}
#停止
stopApache (){
sudo /usr/sbin/apachectl stop
}
#部署
movePathToApache (){
read -p "输入需要部署的项目路径: " root_proj_dir
webServer_dir="/Library/WebServer/Documents"
sudo cp -R ${root_proj_dir} ${webServer_dir}
echo "已部署至127.0.0.1目录下"
open /Library/WebServer/Documents
}
####################################################
webServer
第三种 Node.js 不过需要通过写代码来实现
首先得先安装node
环境
其次参考github上的demo
git clone https://wwww.github.com/WangGuibin/FlutterStudyDailyCase.git
cd node_server
npm install
npm start
# 路由在config.js中配置 公共文件夹是public即根路由
# 接口编写参考`testData.js` 的写法
第四种 使用Dart
语言编写
具体可参考
git clone https://wwww.github.com/WangGuibin/FlutterStudyDailyCase.git
cd dart_webserver
#除了pubspec.yaml 其实就一个main.dart文件而已
第五种 使用Python
建立临时本地服务(最简单)
默认端口是8080
# python2.7
python -m SimpleHTTPServer 8089
# python3.x
python -m http.server 8090
# 默认是在根目录 打开之后可以通过浏览器访问你的目录文件
目前掌握的,先就是这些了 _ 以后有机会接触到其他的再更新.
盘点Mac上搭建本地WebServer的几种方式的更多相关文章
- 在Mac上搭建本地Apache服务器一些注意点
一般在开发ios程序中,我们需要使用到和服务器的交互操作. 一般我们在Mac上使用Apache来搭建服务器.数据库采用MySQL.在Mac中Apache是自带的.所有,我们可以不需要额外的去Apple ...
- 工具篇-Mac上搭建本地svn服务器以及使用Cornerstone进行本地版本控制
1.在桌面上见一个文件夹命名为svn,然后打开终端: 创建一个mycode仓库:svnadmin create /Users/gaoyizhen736(自己的mac的用户名)/Desktop/svn/ ...
- 在MAC上搭建cordova3.4.0的IOS和android开发环境
Hello,大家好,今天给大家说说在mac上搭建cordova3.4.0的iOS和Android开发环境,首先下载cordova,地址:https://cordova.apache.org/#down ...
- Mac 上搭建基于 Hexo + GitHub 个人博客
环境配置 本人电脑系统:macOS Node.js 生成静态页面.安装Node.js Git 用于将本地 Hexo 内容提交到 Github.Xcode自带Git(前提:macOS已经安装了Xcode ...
- 1、在MAC上搭建React Native开发环境
@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...
- Mac上搭建直播服务器Nginx+rtmp
简介 nginx是非常优秀的开源服务器,用它来做hls或者rtmp流媒体服务器是非常不错的选择,本人在网上整理了安装流程,分享给大家并且作备忘. 步骤安装 1.安装Homebrow Homebrew简 ...
- mac上搭建appium+IOS自动化测试环境(一)
阅读须知 由于OS X系统最近才开始接触,所以有些东西也不是很清楚,这里只提供方法不提供原理,能解释清楚的我也会尽量解释.可能也有一些地方说的不严谨或有错的,还望大家指点一二. 实验环境 操作系统: ...
- 在Mac上搭建React Native开发环境
概述 前面我们介绍过在window环境下开发React Native项目,今天说说怎么在mac上搭建一个RN的开发环境. 配置mac开发环境 基本环境安装 1.先安装Homebrew:用于安装Node ...
- mac上搭建appium+IOS自动化测试环境(二)
上一篇: mac上搭建appium+IOS自动化测试环境(一) 9.安装appium-xcuitest-driver依赖 进入WebDriverAgent安装目录,运行bootstrap 首先进入目录 ...
随机推荐
- ddt-python测试数据驱动工具(转载)
背景 python 的unittest 没有自带数据驱动功能. 所以如果使用unittest,同时又想使用数据驱动,那么就可以使用DDT来完成. DDT是 “Data-Driven Tests”的缩写 ...
- hibernate反向工程
- Python之循环条件、变量、字符串格式化
一.认识python python语言的优缺点,自行百度,这里不概述,简单说下,python是一门面向对象,解释型计算机语言.那么问题来了,解释型和编译型语言有什么区别? 1.解释型和编译型语言区别 ...
- python3下scrapy爬虫(第十卷:scrapy数据存储进mysql)
上一卷中我将爬取的数据文件直接写入文本文件中,现在我将数据存储到mysql中,我依然用的是pymysql,这个很麻烦建表需要在外面建 这次代码只需要改变pipyline就行 来 现在看下结果: 对比发 ...
- c socket 开发测试
c语言异常 参照他人代码写一个tcp的 socket 开发测试 异常A,在mac osx系统下编译失败,缺库转到debian下. 异常B,include引用文件顺序不对,编译大遍异常 异常C,/usr ...
- Ho|H1|p-value|p值与U值|单侧检验
生物统计学 统计推断的过程: Ho:XXXX会发生 H1:XXXX不会发生 p:XXXX会发生的概率(概率计算过程),如果是小概率,则H0不可能发生,所以拒绝H0接受H1. 概率计算过程:先设定小概率 ...
- 使用JavaScript获取前一周的日期
在开发当中遇到了一个关于echarts初始展示当前前7天的数据,正好记录一下如何获取前"n"天的日期, 返回时间格式:2020-02-02 // 返回前number天的日期格式为2 ...
- win10安装3DSMAX失败,怎么强力卸载删除注册表并重新安装
一些搞设计的朋友在win10系统下安装3DSMAX失败或提示已安装,也有时候想重新安装3DSMAX的时候会出现本电脑windows系统已安装3DSMAX,你要是不留意直接安装3DSMAX,只会安装3D ...
- 吴裕雄--天生自然HTML学习笔记:HTML 简介
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- mysql--sql_mode报错整理
1.在5.7版本以上mysql中使用group by语句进行分组时, 如果select的字段 , 不是完全对应的group by后面的字段 , 有其他字段 , 那么就会报这个错误 ERROR 1055 ...