内网穿透Windows下快速搭建个人WEB项目无需服务器

news2025/4/19 7:01:24

📑前言

本文主要是windows下内网穿透文章,如果有什么需要改进的地方还请大佬指出⛺️

🎬作者简介:大家好,我是青衿🥇
☁️博客首页:CSDN主页放风讲故事
🌄每日一句:努力一点,优秀一点

目录

文章目录

  • 📑前言
  • **目录**
    • 概述
    • 什么是cpolar?
    • 0. 注册并安装cpolar内网穿透
    • 1. 搭建一个静态Web站点
    • 2. 本地浏览测试站点是否正常
    • 3. 本地站点发布公网可访问
      • 3.1 安装cpolar内网穿透
      • 3.2 创建隧道映射公网地址
      • 3.3 获取公网URL地址
    • 4. 公网远程访问内网web站点
    • 5. 配置固定二级子域名
      • 5.1 保留二级子域名
      • 5.2 配置二级子域名
    • 6. 测试访问二级子域名
  • 📑文章末尾


概述

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

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

什么是cpolar?

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

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

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

cpolar官网:https://www.cpolar.com/

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

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

20221117173848

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

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

1. 搭建一个静态Web站点

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

  • https://www.cpolar.com/static/downloads/todo/cpolar-todo-mvc-stable-windows-amd64.zip

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

20221117173901

解压后的文件

20221117173908

双击该程序运行演示站点

20221117173915

20221117173920

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

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

20221117173929

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

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

3.1 安装cpolar内网穿透

cpolar官网:https://www.cpolar.com/

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

20221117173841

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

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

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

cpolar官网:https://www.cpolar.com/

3.2 创建隧道映射公网地址

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

20221117173937

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

登录进入cpolar web ui界面后,我们点击左侧仪表盘的隧道管理——隧道列表,找到website隧道,可以看到显示状态为active表示为正常在线状态,可以直接点击左边的状态——在线隧道列表查看所生成的公网地址,复制公网地址在浏览器上访问即可。

20221117173943

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

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

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

20221117173950

3.3 获取公网URL地址

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

20221117173957

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

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

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

20221117174003

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

如果需要长期使用,可以将站点配置成二级子域名,或自定义域名(使用自己的域名)长期使用。

5. 配置固定二级子域名

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

20221117174119

5.1 保留二级子域名

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

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

20221117174126

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

20221117174134

5.2 配置二级子域名

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

20221117174141

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

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

修改完成后,点击更新

20221117174151

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

20221117174157

6. 测试访问二级子域名

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

20221117174205

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

📑文章末尾

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1167918.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

实测用AI还原让子弹飞名场面

最近这两天,郭德纲说英语相声的视频刷到了一遍又一遍,这些视频并非简单的配音或者AI变声,而是高度贴合人物声线和风格、甚至连嘴型都匹配,如果不仔细看,你根本看不出任何破绽,因为内容是郭德纲的&#xff0…

Linux查看磁盘、内存、cpu信息

1. 查看磁盘空间信息:lsblk 2. 查看内存信息:awk $3"kB"{$2$2/1024^2;$3"GB";} 1 /proc/meminfo | column -t 3. 查看cup相关信息:lscup

解决ModuleNotFoundError: No module named ‘yaml‘

报错:ModuleNotFoundError: No module named yaml 使用: pip install yaml 仍然报错: 最终解决方案: pip install pyyaml 或者 conda install pyyaml

【Redis】数据类型前置知识

文章目录 前置知识redis的单线程架构 前置知识 type命令实际返回的就是当前键的数据结构类型,它们分别是:string(字符串)、list(列表)、hash(哈希)、set(集合&#xff0…

各位社区工作者!打工而已,不要太上头!!

社工家人们,打工而已,不要太上头!咱能偷懒的就偷懒啊! 合情合理的偷懒不仅让你更轻松,工作效率还会提高,何乐而不为呢!!就比如说各种报告啊,活动方案这些啊,…

Latex编辑记录

1 第一段默认是不首行缩进的 在最前面合适的地方,也即是有usepackage类似定义的地方粘贴下列语句 \usepackage{indentfirst} 然后在要首行缩进的地方,放下面这个语句即可 \setlength{\parindent}{2em} 2 公式编辑 3 对文本高亮标记 \usepackage{soul}…

【前端设计】HTML+CSS+JavaScript基本特性

👉博__主👈:米码收割机 👉技__能👈:C/Python语言 👉公众号👈:测试开发自动化【获取源码商业合作】 👉荣__誉👈:阿里云博客专家博主、5…

阿里云上传

/*** 上传图片** param file 文件* return* throws Exception*/ PostMapping(value "/aliUpload") ResponseBody public AjaxResult aliUpload(MultipartFile file){//获取文件后缀String extension FileUploadUtils.getExtension(file);String imgFormat "{…

虹科分享 | AR眼镜开启工业创新之旅!

文章来源:虹科数字化与AR 阅读原文:https://mp.weixin.qq.com/s/3qBr44ZYWpNaU8xPBBlEYA AR眼镜,开启无限创新之旅! 智能AR眼镜被视为在工业应用中带来最大益处的智能设备之一。它不仅能够解放双手,提高工作效率&…

解决Visual Studio Code 控制台中文乱码问题

C和CPP运行编码指定 "code-runner.executorMap": {"c": "cd $dir && gcc -fexec-charsetGBK $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt","cpp": "cd $dir && g -fexec-charsetGBK $…

【Mysql系列】从零开始学MySQL:Docker部署快速上手

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

【代码学习】voxel 或者 pillar,稀疏张量 转 稠密张量 的代码理解,理解了很久

需要 feature 和 对应 的坐标 coords debug:转置,不然维度不匹配! 对应的代码,向量化 应该 比 for循环快 def voxel_indexing(self, sparse_features, coords): # sparse_features: [N, C], coords:[N, 4]dim sparse_features.…

前端学习之webpack的使用

概述 webpack是一个流行的前端项目构建工具(打包工具),可以解决当前web开发中所面临的问题。 webpack提供了友好的模块化支持,以及代码压缩混淆、处理js兼容问题、性能优化等强大的功能,从而让程序员把工作重心放到具…

华为是怎么做全面预算管理的?

大家好,我是老原。 在之前的文章分享中,都穿插着一个很重要但是不被你们重视的的部分,就是预算管理这块。 有很多新手项目经理在做计划的时候,发现自己设备和步骤都不熟悉,根本无从下手,不知道怎么做。 …

大模型 其他方案的进度

Llama2 1、中文提问,英文的回答,对于中文不友好 2、网上还没有看到很详细的微调教程 3、虽然Llama2的预训练数据相对于第一代LLaMA扩大了一倍,但是中文预训练数据的比例依然非常少,仅占0.13%,这也导致了原始Llama2的中…

启用 EGO 的 LSF

启用 EGO 的 LSF 具有 LSF 的企业网格协调器(enterprise grid orchestrator EGO)能够提供系统基础结构,来控制和管理集群资源。 资源是应用程序使用的物理和逻辑实体。 LSF 资源按照 EGO资源分配计划中的定义进行共享。 一、EGO 组件概览 …

antd Cascader级联菜单无法赋值回显问题

说起来太丢人了,自己还拿官网例子在这里调试半天,最后发现是一个特别小儿科的问题哈哈 Cascader级联数据是服务端返回然后自己处理过的,使用了cascader的fileNames属性重置字段名,最后发现服务端回传的数据无法赋值回显在组件上&…

python如何使用gspread读取google在线excel数据?

一、背景 公司使用google在线excel管理测试用例,为了方便把手工测试用到的测试数据用来做自动化用例测试数据,所以就想使用python读取在线excel数据,通过数据驱动方式,完成自动化回归测试,提升手动复制,粘…

Swing自定义标题栏

文章目录 Swing自定义标题栏需求最终效果如图步骤额外需求 Swing自定义标题栏 需求 想要实现IDEA类似的标题栏效果&#xff0c;菜单栏放在标题栏同一行&#xff0c;标题居中&#xff0c;右侧为按钮。如图&#xff1a; 最终效果如图 步骤 使用依赖FlatLaf <!-- https://mvn…

虚拟串口软件使用介绍

对于上位机开发来说(特别是串口通信应用),上机位软件的调试尤为重要,但是上机位软件的调试并不关心硬件,只需要关注验证发送的数据帧的接收情况,为了便于调试,可以将上机位软件与串口软件互通,实现数据的交互,但由于互通需要串口,可以借助串口虚拟软件(VSPD),虚拟出…