0

0

VSCode的Remote-Tunnels功能:安全地将本地服务分享出去

P粉986688829

P粉986688829

发布时间:2026-01-09 19:05:02

|

685人浏览过

|

来源于php中文网

原创

可使用vs code的remote-tunnels扩展安全共享本地开发服务:安装启用扩展→github登录→创建隧道映射端口→获取加密公共url→分发访问→手动关闭终止。

vscode的remote-tunnels功能:安全地将本地服务分享出去

如果您希望在不暴露本地网络的情况下,将运行在自己电脑上的开发服务安全地分享给他人访问,则可能是由于需要绕过防火墙或NAT限制。以下是实现此目标的具体操作步骤:

本文运行环境:MacBook Air,macOS Sequoia。

一、安装并启用Remote-Tunnels扩展

Remote-Tunnels是VS Code官方提供的轻量级远程访问方案,它通过微软托管的中继服务器建立加密隧道,无需配置SSH或公网IP。该功能内置于VS Code 1.85+版本,但需手动启用。

1、启动VS Code,点击左侧活动栏的扩展图标(或按快捷键Cmd+Shift+X)。

2、在搜索框中输入Remote - Tunnels,确认已安装官方发布的同名扩展(发布者为Microsoft)。

3、若未启用,点击扩展右下角的启用按钮;如未安装,点击安装后重启VS Code。

二、登录GitHub账户以建立隧道身份

Remote-Tunnels使用GitHub OAuth进行身份验证,用于唯一标识您的隧道端点并管理访问权限。登录后,VS Code将获取临时访问令牌,全程不存储密码。

1、按下快捷键Cmd+Shift+P打开命令面板。

2、输入并选择Tunnel: Sign in to GitHub

3、在弹出的浏览器窗口中完成GitHub授权,返回VS Code后确认状态栏显示Signed in as [用户名]

三、启动本地服务并创建共享隧道

隧道本身不直接暴露端口,而是将本地HTTP服务(如localhost:3000)映射为一个唯一的、随机生成的公共URL。该URL仅对登录用户可见,且默认设置为私有访问模式。

极品模板多语言企业网站管理系统1.2.2
极品模板多语言企业网站管理系统1.2.2

【极品模板】出品的一款功能强大、安全性高、调用简单、扩展灵活的响应式多语言企业网站管理系统。 产品主要功能如下: 01、支持多语言扩展(独立内容表,可一键复制中文版数据) 02、支持一键修改后台路径; 03、杜绝常见弱口令,内置多种参数过滤、有效防范常见XSS; 04、支持文件分片上传功能,实现大文件轻松上传; 05、支持一键获取微信公众号文章(保存文章的图片到本地服务器); 06、支持一键

下载

1、确保您的本地服务已在终端中运行(例如执行npm run dev启动Vite项目)。

2、按下快捷键Cmd+Shift+P,输入并选择Tunnel: Create Tunnel

3、在弹出的端口选择列表中,选择您服务监听的端口号(如3000),然后按回车。

4、系统提示选择访问权限时,输入Private(私有)以限制仅您本人可访问,或输入Public(公共)允许任何人通过链接访问(不推荐用于敏感服务)。

四、复制并分发隧道URL

创建成功后,VS Code会在通知区域显示完整URL,并自动将其复制到剪贴板。该URL由微软中继服务器生成,格式为https://[随机字符串].vscode.dev,所有流量均经TLS加密传输。

1、点击通知中的Copy URL按钮,或按下快捷键Cmd+Shift+P后执行Tunnel: Copy Current Tunnel URL

2、将粘贴的URL发送给协作者;对方无需安装VS Code或任何客户端,直接在浏览器中打开即可访问您的本地服务。

五、手动终止隧道连接

隧道持续运行直至被显式关闭或VS Code退出。主动终止可立即撤销URL有效性,防止未授权后续访问,适用于演示结束或调试完成后快速收尾。

1、按下快捷键Cmd+Shift+P,输入并选择Tunnel: Close Current Tunnel

2、确认弹窗中的端口号与当前服务一致,点击Close

3、状态栏中对应端口的隧道图标消失,且原URL在数秒内失效,刷新页面将返回404错误。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

678

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

219

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1560

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

645

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

1108

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

1062

2024.04.29

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

187

2025.07.29

c++字符串相关教程
c++字符串相关教程

本专题整合了c++字符串相关教程,阅读专题下面的文章了解更多详细内容。

90

2025.08.07

Golang 测试体系与代码质量保障:工程级可靠性建设
Golang 测试体系与代码质量保障:工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链(如go test)、单元测试、集成测试及端到端测试实践,结合代码覆盖率分析、静态代码扫描(如go vet)和动态分析工具,建立全链路质量监控机制。通过自动化测试框架、持续集成(CI)流水线配置及代码审查规范,实现测试用例管理、缺陷追踪与质量门禁控制,确保代码健壮性与可维护性,为高可靠性工程系统提供质量保障。

48

2026.02.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.7万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 8.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号