Windows搭建Web站点:免费内网穿透发布至公网

目录

什么是cpolar?

概述

[1. 注册并安装cpolar内网穿透](#1. 注册并安装cpolar内网穿透)

[2. 搭建一个静态Web站点](#2. 搭建一个静态Web站点)

[2.1 下载演示站点](#2.1 下载演示站点)

[2.2 本地运行演示站点](#2.2 本地运行演示站点)

[2.3 本地浏览测试站点是否正常](#2.3 本地浏览测试站点是否正常)

[3. 本地站点发布公网可访问](#3. 本地站点发布公网可访问)

[3.1 登录cpolar web ui管理界面](#3.1 登录cpolar web ui管理界面)

[3.2 启动website隧道](#3.2 启动website隧道)

[3.3 获取公网URL地址](#3.3 获取公网URL地址)

[4. 公网远程访问内网web站点](#4. 公网远程访问内网web站点)

[5. 总结](#5. 总结)


什么是cpolar?

cpolar是一个非常强大的内网穿透工具,开发调试的必备利器。

它可以将本地内网服务器的HTTP、HTTPS、TCP协议端口映射为公网地址端口,使得公网用户可以轻松访问您的内网服务器,无需部署至公网服务器。支持永久免费使用,无需公网IP,也无需设置路由器。

概述

本次教程中,我们将实现在windows上搭建一个web站点,并通过cpolar内网穿透,将该站点免费发布上线,实现公网用户可正常访问本地web站点。

1. 注册并安装cpolar内网穿透

cpolar官网:cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站

访问cpolar官网,点击右上角的免费注册,使用邮箱注册一个cpolar账号,并登录进入cpolar后台。

登录成功后,点击下载cpolar到本地,并双击安装包进行安装(一路默认安装即可)

cpolar安装成功后会默认安装两个样例隧道(可自行修改或删减):

  • remoteDesktop:指向本地3389端口,tcp协议
  • website:指向本地8080端口,http协议

2. 搭建一个静态Web站点

2.1 下载演示站点

点击下载TODO LIST测试演示站点 ↓

下载成功后,解压缩该文件

解压后的文件

2.2 本地运行演示站点

双击该程序运行演示站点

2.3 本地浏览测试站点是否正常

在浏览器上访问http://localhost:8080,可以看到页面有正常显示出来,演示站点本地浏览正常。

目前该站点只能在自己的浏览器被访问到,其他公网用户无法访问。接下来我们使用cpolar内网穿透将该站点发布到公网,实现公网用户也可以正常访问到。

3. 本地站点发布公网可访问

3.1 登录cpolar web ui管理界面

在浏览器上访问127.0.0.1:9200,使用注册的cpolar账号密码登录cpolar web UI管理界面。(默认为本地9200端口)

3.2 启动website隧道

由于我们的演示站点端口在8080端口下,所以我们可以直接使用website隧道。

登录进入cpolar web ui界面后,我们点击左侧仪表盘的隧道管理------隧道列表,找到website隧道,并点击启动,显示状态为active

或者,我们也可以重新创建一个新的隧道:点击左侧仪表盘的创建隧道

  • 隧道名称:可自定义,注意不要重复
  • 协议:选择http
  • 本地地址:填写8080端口
  • 域名类型:选择随机域名(可以免费使用)
  • 地区:可根据实际适用地区进行选择,支持CN、HK、US、TW、EUR

隧道信息填写完成后,点击创建即可

3.3 获取公网URL地址

点击左侧仪表盘的状态------在线隧道列表,可以在线隧道所生成的公网地址,可以看到website隧道的公网地址有两个,一个是http协议,一个是https协议,将公网地址复制下来。

4. 公网远程访问内网web站点

在浏览器上访问cpolar所生成的公网地址,本例为https://1ae6da64.r2.vip.cpolar.cn

成功将内网web站点发布到公网可访问。

5. 总结

通过cpolar内网穿透,我们成功地将本地8080端口下的web站点发布到公网访问,实现公网访问内网。但由于本次使用的cpolar为免费套餐,所生成的公网地址为随机临时地址,每隔24小时就会变化。

如果需要长期使用,可以将站点配置成二级子域名,或自定义域名(使用自己的域名)长期使用。请参考下一篇文章教程配置:

相关推荐
m0_748255264 分钟前
easyExcel导出大数据量EXCEL文件,前端实现进度条或者遮罩层
前端·excel
waicsdn_haha34 分钟前
Java/JDK下载、安装及环境配置超详细教程【Windows10、macOS和Linux图文详解】
java·运维·服务器·开发语言·windows·后端·jdk
m0_7482400238 分钟前
Chromium 中chrome.webRequest扩展接口定义c++
网络·c++·chrome
web1478621072338 分钟前
C# .Net Web 路由相关配置
前端·c#·.net
m0_7482478039 分钟前
Flutter Intl包使用指南:实现国际化和本地化
前端·javascript·flutter
飞的肖42 分钟前
前端使用 Element Plus架构vue3.0实现图片拖拉拽,后等比压缩,上传到Spring Boot后端
前端·spring boot·架构
終不似少年遊*1 小时前
华为云计算HCIE笔记05
网络·华为云·云计算·学习笔记·hcie·认证·hcs
青灯文案11 小时前
前端 HTTP 请求由 Nginx 反向代理和 API 网关到后端服务的流程
前端·nginx·http
m0_748254881 小时前
DataX3.0+DataX-Web部署分布式可视化ETL系统
前端·分布式·etl
蜜獾云1 小时前
docker 安装雷池WAF防火墙 守护Web服务器
linux·运维·服务器·网络·网络安全·docker·容器