phpstudy是一个PHP调试环境的程序集成包,可以给PHP语言编写的脚本赋予一个可执行的环境,为后端程序正式上传部署到服务器之前,提供一个良好的做调试的测试环境,不需要多余的配置就可以使用。当然,也可以快速搭建一个简单的个人网站。

而在本地搭建服务器后,还需要实现外网调试测试,解决外网远程访问这一问题,有多种方式。在有公网IP的情况下,我们可以在路由器做端口映射来实现;而在没有公网IP的情况下,我们可以通过简单的内网穿透工具,映射内网端口,实现公网远程访问。

内网穿透工具,我一直使用的是cpolar,支持http/https/tcp协议,可以永久免费使用不限制流量,不用公网IP,也不用设置路由器,操作简单,只需要安装客户端,然后创建隧道将内网端口映射到公网,系统会返回相应的公网地址使用。


1. 本地搭建服务器

1.1 下载phpstudy后解压并安装

官网下载:https://www.xp.cn/download.html

安装后的效果,如图:

1

点击,一键启动 WNMP 旁边的启动按钮,会默认启动nginx,MYSQL 5.7,在启动过程中,如有提示防火墙提示,允许即可。

2

1.2 打开默认站点,测试

在PHPStudy面版–网站–选择localhost 80的默认站点,点击管理,弹出下拉菜单,选择打开网站,会弹出浏览器,打开本地默认站点http://localhost

3

如下图,说明安装成功。

4

1.3 下载静态演示站点

下载地址:https://www.cpolar.com/static/downloads/meditation-app-master.zip

下载后,解压缩,复制目录下的所有文件,如下图

5

1.4 打开站点根目录

我们找到并打开网站的根目录

6

默认在 D:\phpstudy_pro\WWW, 我们将目录里所有文件删除,如下图

7

1.5 复制演示站点到站网根目录

复制我们的演示站点所有文件到该目录下,复制后如下图:

8

1.6 在浏览器中,查看演示效果。

这个网站此时只能在本地局域网内访问,公网暂时还无法访问到。

在这里插入图片描述

2. 公网访问内网

2.1 安装cpolar内网穿透

cpolar内网穿透官网:https://www.cpolar.com/

点击进入cpolar官网,注册一个账号,并下载安装包一路默认解压安装即可。

2.2 映射内网端口

cpolar安装完成后,在浏览器上访问127.0.0.1:9200,使用cpolar账号登录web UI

web ui

登录成功进入主界面后,点击左侧仪表盘的隧道管理——创建隧道

  • 隧道名称:可自定义命名,注意不要重复
  • 协议:选择http
  • 本地地址:80
  • 域名类型:免费用户选择随机域名
  • 地区:选择China vip

然后点击创建

在这里插入图片描述

2.3 实现公网访问本地web网站

隧道创建成功后,可以在左侧仪表盘的状态——在线隧道列表,查看到刚刚所创建隧道的公网地址,有两行,一个是http协议,一个是https协议。

在这里插入图片描述

将公网地址复制到浏览器访问即可,成功实现公网访问本地网站。

在这里插入图片描述


PS:需要注意的是,由于这次使用的是免费的cpolar,所以生成的公网地址为随机临时地址,24小时内发生变化,带宽为1M,不过简单的开发测试也能够满足。

如果需要长期远程访问,建议设置固定的公网地址(配置cpolar二级子域名或者使用自己的域名),地址不再随机变化,详细可以参考以下配置:

3. 保留一个二级子域名**

3.1 升级到基础套餐

登录进入cpolar官网后台,点击左侧仪表盘的套餐,升级cpolar套餐到基础套餐。

20221117174119

3.2 保留二级子域名

套餐升级成功之后,我们回到cpolar官网后台,点击左侧仪表盘的预留,我们来为web站点保留一个二级子域名。

  • 地区:选择China VIP
  • 名称:填写您想要保留的二级子域名
  • 描述:即备注,可自定义填写

20221117174126

本例保留一个名称为ToDoList的二级子域名。子域名保留成功后,我们将子域名复制下来,接下来需要将其配置到隧道中去。

20221117174134

4. 配置二级子域名

在浏览器上访问127.0.0.1:9200,登录cpolar web ui管理界面。点击左侧仪表盘的隧道管理——隧道列表,找到需要配置二级子域名的隧道(本例中为website隧道),点击右侧的编辑

20221117174141

修改隧道信息,将二级子域名配置到隧道中:

  • 域名类型:改为选择二级子域名
  • Sub Domain:填写我们刚刚所保留的二级子域名(本例为ToDoList)

修改完成后,点击更新

20221117174151

隧道更新成功后,点击左侧仪表盘的状态——在线隧道列表,可以看到website隧道的公网地址,已经更新为二级子域名了,将公网地址复制下来。

20221117174157

5. 测试访问二级子域名

打开浏览器,我们来测试一下访问配置成功的二级子域名。

20221117174205

测试成功,可以正常访问。现在,我们全网唯一的私有二级子域名,就创建好了。

6. 总结

我们成功为本地web站点发布到公网上,并且为其配置了一个固定私有的二级子域名,并将其发布到公网上可正常访问。当然,我们还可以使用我们自己的域名来进行访问,cpolar的自定义域名功能就支持。