2行代码将你的本地服务暴露在公网!

简介: 【8月更文挑战第8天】【8月更文挑战第7天】

内网穿透

作为一个开发者,内网穿透的概念你一定听过。
内网穿透(Intranet Penetration)是指借助一定的技术手段,将处于私有网络(内网)中的主机或服务器暴露给外部网络(公网)用户,使其能够通过公网访问内网服务。
简单来说,可以将本地的http://localhost:8080/ 服务,放在公网以其他url进行访问。

借助内网穿透,我本地开发的一个网址,可以让任何人访问,非常方便!

实现内网穿透,常见的方法是使用第三方工具服务。如frp、ngrok、PortForward、cpolar
花生壳等等。

笔者本人使用过花生壳,用起来比较麻烦还要投入学习成本!

比较好用的就是ngrok和cpolar。ngrok是国外的,延迟很高,不好用。cpolar国内的,速度很快!

cpolar

这是国内的开发的,原理同ngrok,稳定。官网(https://dashboard.cpolar.com/)宣传也吊炸天
image.png
我们来试试。

注册

我们点击【免费注册】,然后进入套餐页面。
image.png

下载安装

选择免费套餐,进入【设置与安装页面】
image.png
下载安装包后,双击进行安装
GIF 2023-10-18 18-12-28.gif

连接账户

然后,打开命令行工具,按照官网第三步【连接您的账户】输入对应命令
GIF 2023-10-18 18-21-12.gif

注意:coplar前可能不需要添加 ./

映射服务

首先,我们本地启动一个前端
image.png
然后,命令行输入

cpolar http 5173

注:5173是端口号,根据实际项目的端口号进行更改。

GIF 2023-10-18 18-27-42.gif
此时,出现了三个连接,点击httphttps的网址即可
image.png

异常问题处理

笔者使用vue2的前端项目,出现了报错
前端服务:
image.png
公网链接:
image.png
这和本地服务的url有关。如果是localhost这种,可能就会出现这个问题。我们可以尝试将localhost这种ip改成127.0.0.1这种形式。

在webpack项目中,也可以使用如下方式解决

 devServer: {
   
   
    //通过下面的配置可以解决
    disableHostCheck: true,
    proxy: {
   
   

    }
  },

ngrok

注册下载

使用ngork需要先去官网注册账号。https://ngrok.com/
image.png
注册好账号后,根据电脑系统下载不同的安装包
image.png
本文以windows系统为例。
下载安装包后,解压然后直接双击,出现黑色的命令弹框即可。GIF 2023-10-18 15-13-22.gif

连接账户

在登录页面复制如下命令
image.png
然后,将其复制进刚才打开的命令行即可。
image.png

映射本地服务

要想将本地服务映射到公网,非常简单!如图,我本地开启了一个前端服务
image.png
端口是8080,现在,只需要执行

ngork http 8080

GIF 2023-10-18 16-13-09.gif
然后,访问控制台出现的https链接即可。

相关文章
|
网络协议 Linux 网络安全
如何用阿里云实现内网穿透?如何在外网访问家里内网设备?
使用NPS自建内网穿透服务器教程,带WEB管理
37694 12
|
Ubuntu 网络协议 Linux
本地Linux搭建web服务并发布公网访问
本地Linux搭建web服务并发布公网访问
1087 0
|
存储 SQL 缓存
Hadoop入门(一篇就够了)
Hadoop入门(一篇就够了)
36572 4
Hadoop入门(一篇就够了)
|
11月前
|
机器学习/深度学习 JSON 监控
国内最大的MCP中文社区来了,4000多个服务等你体验
国内最大的MCP中文社区MCPServers来了!平台汇聚4000多个服务资源,涵盖娱乐、监控、云平台等多个领域,为开发者提供一站式技术支持。不仅有丰富的中文学习资料,还有详细的实战教程,如一键接入MCP天气服务等。MCPServers专注模块稳定性和实用性,经过99.99% SLA认证,是高效开发的理想选择。立即访问mcpservers.cn,开启你的开发之旅!
13724 16
|
SQL XML JavaScript
【若依Java】15分钟玩转若依二次开发,新手小白半小时实现前后端分离项目,springboot+vue3+Element Plus+vite实现Java项目和管理后台网站功能
摘要: 本文档详细介绍了如何使用若依框架快速搭建一个基于SpringBoot和Vue3的前后端分离的Java管理后台。教程涵盖了技术点、准备工作、启动项目、自动生成代码、数据库配置、菜单管理、代码下载和导入、自定义主题样式、代码生成、启动Vue3项目、修改代码、以及对代码进行自定义和扩展,例如单表和主子表的代码生成、树形表的实现、商品列表和分类列表的改造等。整个过程详细地指导了如何从下载项目到配置数据库,再到生成Java和Vue3代码,最后实现前后端的运行和功能定制。此外,还提供了关于软件安装、环境变量配置和代码自动生成的注意事项。
30839 73
|
人工智能 测试技术 API
Ollama本地模型部署+API接口调试超详细指南
本文介绍了如何使用Ollama工具下载并部署AI大模型(如DeepSeek-R1、Llama 3.2等)。首先,访问Ollama的官方GitHub页面下载适合系统的版本并安装。接着,在终端输入`ollama`命令验证安装是否成功。然后,通过命令如`ollama run Llama3.2`下载所需的AI模型。下载完成后,可以在控制台与AI模型进行对话,或通过快捷键`control+d`结束会话。为了更方便地与AI互动,可以安装GUI或Web界面。此外,Ollama还提供了API接口,默认支持API调用,用户可以通过Apifox等工具调试这些API。