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

博主：君若
发布时间：2019 年 07 月 07 日
1288 次浏览
暂无评论
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" style="">
使用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" style="">
<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" style="">

正文开始：

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" style="">

执行 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" style="">

回车确定开启，如下图则为成功开启 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" style="">

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" style="">

点击网站管理；
<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" style="">

然后左上角“添加站点”
<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" style="">

依次填写网站名称、网站目录等数据。
<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" style="">

完成后添加网站，回到主页“重启服务器”
<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" style="">

重启完成后，就可以输入网址访问了。
<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" style="">

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

附加：

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

将自己的域名 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" style="">

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" style="">

修改/添加 网站域名填写你的域名 （测试填写 的是 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" style="">

访问域名成功！！
<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" style="">

技术支持：

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

最后修改：2021 年 08 月 12 日

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

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

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

君若 • 2019 年 07 月 07 日

正文开始：

1，开启ngrok 服务

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

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

附加：

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

cmd进入到 ngrok 目录下

技术支持：

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

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

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

超星学习通脚本分享（能做题和考试）

影视网站推荐

Python判断点是否在矩形内练习

Python面向对象练习题

Python简单计算器练习

Python判断点是否在矩形内练习

Python面向对象练习题

Adobe 2021 大师版 v11.8

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

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

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

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

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款