本地免费搭建PHP环境+外网访问+自定义域名

<blockquote class="wp-block-quote">
<img class="alignnone wp-image-146" src="https://jrboy.cn/usr/uploads/2019/07/2019070716031855-300x119.png" alt="" width="1016" height="403" />
使用ngrok 服务可以分配给你一个域名让你本地的 web 项目提供给外网访问，特别适合向别人展示你本机的 web demo 以及调试一些远程的 API ( 比如微信公众号，企业号的开发 ) ，附手机版内网穿透。
</blockquote>

先来个效果展示图：
<img class="alignnone wp-image-126 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715175643.png" alt="" width="1202" height="639" />
<img class="alignnone wp-image-127 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715184489.png" alt="" width="1110" height="648" />

正文开始：

1，开启ngrok 服务

服务下载地址：<a href="http://ngrok.zmide.com/">http://ngrok.zmide.com/</a> 根据自己的系统选择（本次将在win10下操作）

在命令行下进入到 ngrok 客户端目录下 ：将下载好的压缩包解压，进入解压后的文件夹，路径输入cmd回车
<img class="alignnone wp-image-132 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715343544.png" alt="" width="987" height="706" />

执行 ngrok -config=ngrok.cfg -subdomain test 80 ( test 是你连接注册的的域名前缀，如果连接失败可以换个前缀 )<img class="alignnone wp-image-135 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715395858.png" alt="" width="1223" height="639" />

回车确定开启，如下图则为成功开启 ngrok 服务。
<img class="alignnone wp-image-136 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715403184.png" alt="" width="1202" height="639" />

2，安装 PHPCUSTOM 软件（也可以不使用这个软件，这里方便演示举例使用，也可以使用nginx等其他web服务器！！）

软件下载地址：<a href="http://www.phpcustom.com/">http://www.phpcustom.com/</a>

将压缩包解压，双击“PHPCUSTOM.exe”打开 ，如果打不开请安装NET4.6（解压文件里有）
<img class="alignnone wp-image-128 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715241267.png" alt="" width="987" height="706" />

点击网站管理；
<img class="alignnone wp-image-129 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715271740.png" alt="" width="998" height="680" />

然后左上角“添加站点”
<img class="alignnone wp-image-130 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715285970.png" alt="" width="1110" height="648" />

依次填写网站名称、网站目录等数据。
<img class="alignnone wp-image-137 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715421226.png" alt="" width="1222" height="364" />

完成后添加网站，回到主页“重启服务器”
<img class="alignnone wp-image-138 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715435520.png" alt="" width="998" height="680" />

重启完成后，就可以输入网址访问了。
<img class="alignnone wp-image-139 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715445834.png" alt="" width="1177" height="880" />

教程已结束，如果你需要用自己的域名链接本地服务器的话，请继续往下看

附加：

使用自己的域名访问本地服务器

将自己的域名 A 解析到 IP <code>152.32.128.230</code> （测试是将test.jrgsq.top A记录 解析到 152.32.128.230 ）
<img class="alignnone wp-image-140 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715495858.png" alt="" width="866" height="259" />

cmd进入到 ngrok 目录下

执行 <code>ngrok -config=ngrok.cfg -hostname xxx.xxx.xxx 80 </code> ( xxx.xxx.xxx 是你自己的顶级域名， 测试是填写的 test.jrgsq.top )
<img class="alignnone wp-image-142 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715544321.png" alt="" width="1223" height="639" />

修改/添加 网站域名填写你的域名 （测试填写 的是 test.jrgsq.top）
<img class="alignnone wp-image-143 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715553916.png" alt="" width="1110" height="648" />

访问域名成功！！
<img class="alignnone wp-image-144 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715560361.png" alt="" width="1235" height="819" />

技术支持：

免费 Ngrok 服务官网：<a href="http://ngrok.zmide.com/">http://ngrok.zmide.com/</a>
手机版 Ngrok下载：
<a href="http://img.zmkj6.top/file/zm_app/img/1612287301_2958.apk">http://img.zmkj6.top/file/zm_app/img/1612287301_2958.apk</a>

PHPCUSTOM官网： <a href="http://www.phpcustom.com/">http://www.phpcustom.com/</a>

<blockquote class="wp-block-quote">
<img class="alignnone wp-image-146" src="https://jrboy.cn/usr/uploads/2019/07/2019070716031855-300x119.png" alt="" width="1016" height="403" style="">
使用ngrok 服务可以分配给你一个域名让你本地的 web 项目提供给外网访问，特别适合向别人展示你本机的 web demo 以及调试一些远程的 API ( 比如微信公众号，企业号的开发 ) ，附手机版内网穿透。
</blockquote>

先来个效果展示图：
<img class="alignnone wp-image-126 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715175643.png" alt="" width="1202" height="639" style="">
<img class="alignnone wp-image-127 size-full" src="https://jrboy.cn/usr/uploads/2019/07/2019070715184489.png" alt="" width="1110" height="648" style="">

正文开始：

1，开启ngrok 服务

服务下载地址：<a class="no-external-link" href="http://ngrok.zmide.com/" target="_blank">http://ngrok.zmide.com/</a> 根据自己的系统选择（本次将在win10下操作）

2，安装 PHPCUSTOM 软件（也可以不使用这个软件，这里方便演示举例使用，也可以使用nginx等其他web服务器！！）

软件下载地址：<a class="no-external-link" href="http://www.phpcustom.com/" target="_blank">http://www.phpcustom.com/</a>

教程已结束，如果你需要用自己的域名链接本地服务器的话，请继续往下看

附加：

使用自己的域名访问本地服务器

cmd进入到 ngrok 目录下

技术支持：

免费 Ngrok 服务官网：<a class="no-external-link" href="http://ngrok.zmide.com/" target="_blank">http://ngrok.zmide.com/</a>
手机版 Ngrok下载：
<a class="no-external-link" href="http://img.zmkj6.top/file/zm_app/img/1612287301_2958.apk" target="_blank">http://img.zmkj6.top/file/zm_app/img/1612287301_2958.apk</a>

PHPCUSTOM官网： <a class="no-external-link" href="http://www.phpcustom.com/" target="_blank">http://www.phpcustom.com/</a>