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

博主：君若
发布时间：2019 年 07 月 07 日
109次浏览
暂无评论
1410字数
分类：官方技术分享

<blockquote class="wp-block-quote">
<img class="alignnone wp-image-146" src="https://jrboy.oss-cn-chengdu.aliyuncs.com/wp-content/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.oss-cn-chengdu.aliyuncs.com/wp-content/uploads/2019/07/2019070715175643.png" alt="" width="1202" height="639" />
<img class="alignnone wp-image-127 size-full" src="https://jrboy.oss-cn-chengdu.aliyuncs.com/wp-content/uploads/2019/07/2019070715184489.png" alt="" width="1110" height="648" />

正文开始：

1，开启ngrok 服务

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

在命令行下进入到 ngrok 客户端目录下 ：将下载好的压缩包解压，进入解压后的文件夹，路径输入cmd回车
<img class="alignnone wp-image-132 size-full" src="https://jrboy.oss-cn-chengdu.aliyuncs.com/wp-content/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.oss-cn-chengdu.aliyuncs.com/wp-content/uploads/2019/07/2019070715395858.png" alt="" width="1223" height="639" />

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

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

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

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

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

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

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

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

重启完成后，就可以输入网址访问了。
<img class="alignnone wp-image-139 size-full" src="https://jrboy.oss-cn-chengdu.aliyuncs.com/wp-content/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.oss-cn-chengdu.aliyuncs.com/wp-content/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.oss-cn-chengdu.aliyuncs.com/wp-content/uploads/2019/07/2019070715544321.png" alt="" width="1223" height="639" />

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

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

技术支持：

免费 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>

<hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal">版权属于：君若(QQ:1813774883)本文链接：<a class="content-copyright" href="https://jrboy.cn/125.html">https://jrboy.cn/125.html</a>转载时须注明出处及本声明</blockquote>

最后修改：2021 年 08 月 12 日 01 : 50 PM

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

xx
还能用不
无言
滴！学生卡！打卡时间：下午2:54:30，请上车的乘客系好安全带~
无言
世界缺少了一群话少做事好的人
见一
踩踩
平安
可以代看吗？

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

君若 • 2019 年 07 月 07 日

正文开始：

1，开启ngrok 服务

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

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

附加：

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

cmd进入到 ngrok 目录下

技术支持：

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

发表评论取消回复

【08.10新】智慧树/知到网课自动答题考试（及其他网课平台）脚本教程

影视网站推荐

java水果商城管理系统（界面框架代码）

又一个java习题—学生类设计

Adobe 2021 大师版 v11.8

Adobe 全家桶（PS AI AE PR....）

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

全国计算机等级考试资料（一二三级）

Java几何计算器案例代码

[for+switch]用循环打印出“*”Z字形

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

发表评论 取消回复

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

发表评论取消回复