成都市 建设领域信用系统网站,徐汇网站开发,网站管理系统后台,制作企业网站页面代码摄影 开课吧文章目录 [toc]使用工具1. 本地搭建web网站1.1 下载phpstudy后解压并安装1.2 打开默认站点#xff0c;测试1.3 下载静态演示站点1.4 打开站点根目录1.5 复制演示站点到站网根目录1.6 在浏览器中#xff0c;查看演示效果。 2. 将本地web网站发布到公网2.1 安装cpolar内网穿透2… 文章目录 [toc]使用工具1. 本地搭建web网站1.1 下载phpstudy后解压并安装1.2 打开默认站点测试1.3 下载静态演示站点1.4 打开站点根目录1.5 复制演示站点到站网根目录1.6 在浏览器中查看演示效果。 2. 将本地web网站发布到公网2.1 安装cpolar内网穿透2.2 映射内网端口2.3 实现公网访问本地web网站
本教程为快速在本地环境下搭建web网站同时实现可在外网环境下访问 使用工具
phpstudy本地搭建web网站cpolar内网穿透将网站发布到公网可访问
1. 本地搭建web网站
1.1 下载phpstudy后解压并安装 官网下载https://www.xp.cn/download.html 安装后的效果如图 点击一键启动 WNMP 旁边的启动按钮会默认启动nginxMYSQL 5.7在启动过程中如有提示防火墙提示允许即可。 1.2 打开默认站点测试
在PHPStudy面版–网站–选择localhost 80的默认站点点击管理弹出下拉菜单选择打开网站会弹出浏览器打开本地默认站点http://localhost 如下图说明安装成功。 1.3 下载静态演示站点
下载:https://www.cpolar.com/static/downloads/meditation-app-master.zip
下载后解压缩复制目录下的所有文件如下图 1.4 打开站点根目录
我们找到并打开网站的根目录 默认在 D:\phpstudy_pro\WWW, 我们将目录里所有文件删除如下图 1.5 复制演示站点到站网根目录
复制我们的演示站点所有文件到该目录下,复制后如下图 1.6 在浏览器中查看演示效果。
这个网站此时只能在本地局域网内访问公网暂时还无法访问到。 2. 将本地web网站发布到公网
要将在本地搭建的网站发布到公网可访问可以做内网穿透来实现我这里选择用cpolar内网穿透支持http/https/tcp协议不限制流量可以免费使用不用公网IP也不用设置路由器使用比较简单。
2.1 安装cpolar内网穿透 cpolar内网穿透官网https://www.cpolar.com/ 点击进入cpolar官网点击免费使用注册一个账号并下载最新版本的cpolar
Windows系统下载zip压缩包解压后得到cpolar安装包然后双击安装包一路默认安装即可linux系统支持一键自动安装脚本macOS系统下载zip压缩包解压后得到cpolar然后通过命令行带参数运行即可。 linux系统以及macOS系统安装cpolar可参考官网文档教程————→https://www.cpolar.com/docs 2.2 映射内网端口
cpolar安装完成后在浏览器上访问127.0.0.1:9200使用cpolar账号登录web UI 登录成功进入主界面后点击左侧仪表盘的隧道管理——创建隧道
隧道名称可自定义命名注意不要重复协议选择http本地地址80填写你想要映射的内网端口域名类型免费用户选择随机域名付费用户可以配置固定的二级子域名或者自定义域名地区选择China vip
然后点击创建 2.3 实现公网访问本地web网站
隧道创建成功后可以在左侧仪表盘的状态——在线隧道列表查看到刚刚所创建隧道的公网地址有两行一个是http协议一个是https协议。 将公网地址复制到浏览器访问即可成功实现公网访问本地网站。 PS需要注意的是由于这次使用的是免费的cpolar所生成的公网地址为随机临时地址每隔24小时就会发生变化并且带宽较小比较适用于开发测试。如果你想要将访问地址设置成固定的可以升级cpolar套餐配置支持21天退款保证详细可以参考下一篇文章教程。
