最近在学习Html,小有进步变想着写一个浪漫的静态页面给女朋友浪漫一下,那么问题就来了,如何把我的网页让对网络一窍不通的女朋友看到,所以便想到了是用自己电脑作为服务器的想法.百度以后整理如下:

首先搭建本地服务器
Mac自带Apache服务器,所以比较简单
一: 打开终端

//开启apache:需要输入密码
sudo apachectl start
//重启apache:
sudo apachectl restart
//关闭apache:
sudo apachectl stop
开启成功之后用同一局域网的浏览器打开http://127.0.0.1/或者http://localhost测试一下回显示

局域网It work.png
二: 此处显示的网页在/Library/WebServer/Documents,打开文件路径

image.png
it work的网页是上图的index.html.en,以此类推,如果想要放自己的网站,可以吧文件拖入上图,类似HaiMiLove文件,此时打开http://127.0.0.1/haimilove的链接便是你自己的网页了

三:使用完成记得关闭,不然很耗费电脑性能

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

ngrok官网介绍.png
二: 如何使用ngrok
上面已经介绍了如何打开本地web服务,在上面的基础上开始映射到外网奥

下载

官网下载.png
解压缩,并放到一个你认为合适的地方,注意:解压缩后的二进制文件是直接使用的,所以放到一个你认为方便的地方开始用终端命令行使用它吧
2.1 使用命令行 打开文件所在位置,一下以我自己文件位置为例

cd /Users/mass

image.png
2.2 开启服务

./ngrok http localhost:80

注意,此处开启服务需要用上面的时候开启本地服务时候的端口号,如果你从来没有设置过则默认是80 ,如果不是可以在/etc/apache2/httpd.conf的网络配置文件中查看,具体的方法自行百度

修改默认路径

修改默认端口号

开启成功.png
注意:http://097df238.ngrok.io便是外网可以访问的地址,这个地址在每次开启服务都是不同的,如果想要固定地址,就得注册ngrok获得token并付费获得,具体流程在注册成功后官网介绍很详细,上图中的Account便是我注册的免费账户,通过 auth token绑定

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

流量.png
以上便是基本的搭建本地服务映射外网的基本使用,更深层次的使用方法还有很多,需要自己慢慢探寻了,有不对的地方希望能流言纠正,谢谢
---------------------
作者:海M滨
来源:CSDN
原文:https://blog.csdn.net/u012918868/article/details/80891675
版权声明:本文为博主原创文章,转载请附上博文链接!

java -Mac搭建本地服务器并映射到外网的更多相关文章

  1. Mac搭建本地服务器并映射到外网

    最近在学习Html,小有进步变想着写一个浪漫的静态页面给女朋友浪漫一下,那么问题就来了,如何把我的网页让对网络一窍不通的女朋友看到,所以便想到了是用自己电脑作为服务器的想法.百度以后整理如下: 首先搭 ...

  2. mac搭建本地服务器

    目录 基础部分 1234 启动服务器添加自定义文档到本地服务器查看自定义效果手机/其他电脑 访问本机服务器 说明:本地开发需要搭建本地服务器进行页面的调试,mac系统自带apache服务,本篇日志是针 ...

  3. 【转】使用ngrok快速地将本地Web服务映射到外网

    为什么要使用ngrok? 作为一个Web开发者,我们有时候会需要临时地将一个本地的Web网站部署到外网,以供它人体验评价或协助调试等等,通常我们会这么做: 找到一台运行于外网的Web服务器 服务器上有 ...

  4. 如何免费的将本地Web服务映射到外网

    链接地址:https://hongmaju.github.io/2018/05/13/ngrok%E5%B0%86%E6%9C%AC%E5%9C%B0Web%E6%9C%8D%E5%8A%A1%E6% ...

  5. 3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    微信公众号的开发,要搭建网站,并且随时都有可能修改网站内容进行调试,这就需要临时外网能返回本地开发环境搭建的项目进行测试,即内网映射到公网,但是好多开发者没有自己的域名和服务器,这里我们先来搭建一个本 ...

  6. Mac 搭建 SVN 服务器环境

    Mac 搭建 SVN 服务器环境 一.创建svn repository svnadmin create /path/svn/pro //仓库位置,svn是svn的目录,pro是一个版本库的目录 PS: ...

  7. iOS开发网络篇—搭建本地服务器

    iOS开发网络篇—搭建本地服务器 一.简单说明 说明:提前下载好相关软件,且安装目录最好安装在全英文路径下.如果路径有中文名,那么可能会出现一些莫名其妙的问题. 提示:提前准备好的软件 apache- ...

  8. IIS搭建本地服务器,花生壳实现外网通过域名访问网站

    配置服务器 作为一个青年,没有实力,做不出标图所示的服务器. 作为一个学生,买不起服务器 作为一个小孩,买不起域名 但别忘了 作为一个平民玩家,只要有耐心 装备迟早会做出来的 (注:感觉有钱与没钱还是 ...

  9. MacOS搭建本地服务器

    MacOS搭建本地服务器 一,需求分析 1.1,开发app(ios android)时通常需往app中切入web页面,直接导入不行,故需搭建本地的测试网站服务,通过IP嵌入访问页面. 1.2,开发小程 ...

随机推荐

  1. 【Linux】替换文本中的字符

    替换单个文本中的字符,有两种方法,如下详解 VIM替换 打开文件 vim test.txt 替换 :%s/原字符串/替换字符串/gg 直接替换 sed -i 's/原字符串/替换字符串/g' `ls ...

  2. 获取SQL Server的安装时间

    近期安装SQL Server 2014时.还没有正式的License,仅仅能试用3个月.想知道什么时候到期,就要知道SQL Server 2014是什么时候安装的.假设你没有特意记录安装日期(实际大部 ...

  3. 转:maven3常用POM属性及Settings属性介绍

    原文:http://blog.csdn.net/lgm277531070/article/details/6922645 A.pom.xml属性介绍: project: pom的xml根元素. par ...

  4. git 教程一

    git 是一个开源的分布式版本控件系统,用于敏捷高效地处理任何或小或大的项目. Git是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件. Git 与常用 ...

  5. FreeSWITCH技巧:如何向通话的另一方号码发送dtmf?

    注:这里的文章都是本人的日常总结,请尊重下个人的劳动成果,转载的童鞋请注明出处,谢谢. 如您转载的文章发生格式错乱等问题而影响阅读,可与本人联系,无偿提供本文的markdown源代码. 联系邮箱:ji ...

  6. 报错"the microsoft.jet.oledb.4.0 provider is not registered on the local machine"解决方案

    报错提示:"the microsoft.jet.oledb.4.0 provider is not registered on the local machine" 错误起因:wi ...

  7. oracle TABLE ACCESS BY INDEX ROWID 你不知道的索引回表-开发系列(三)

    1 引言 近期系统常常提示一个sql查询时间过长的问题,看了一下就是一个每天依照时间戳统计前一天量的sql. 表总的数据量为53483065. 语句例如以下: select count(x.seria ...

  8. 封面式 code-代码助手

    1  保存代码 2  搜索代码 3  生成网页 下载地址: http://gudianxiaoshuo.com

  9. [转]RPC、CORBA、WebService之区别

    RPC是由Sun发明的远程过程调用协议,是第一种真正的分布式应用模型.Windows上使用的R PC是DCERPC的扩展.严格地说,RPC是一种逻辑上的协议,它可以使用Socket.Named Pip ...

  10. Django Model之引用一个未定义的Model

    Django Model的外键自关联