讲师中心 微信公众号

工具推荐

视频效率加速
AniShort
AniShort

AI短剧协同制作平台

立刻MV
立刻MV

低成本歌曲 MV、视频生成

updream

一键生成高质量推广成片

剧云
剧云

中文短剧剧本制作平台

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

千萱同学_8318

千萱同学_8318

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

|

745人浏览过

|

来源于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仅对登录用户可见,且默认设置为私有访问模式。

Zyt text to digital person
Zyt text to digital person

使用禅境文字转数字人API,创建AI人像图片,将其转换为说话视频,可选运行LoRA训练,轮询异步任务等。

下载

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工具

更多
讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

相关专题

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

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

1918

2023.08.03

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

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

3144

2023.09.04

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

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

6364

2023.10.24

字符串介绍
字符串介绍

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

6469

2023.11.24

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

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

8014

2024.03.22

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

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

12374

2024.04.29

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

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

6419

2025.07.29

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

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

7187

2025.08.07

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

80

2026.11.06

热门下载

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

精品课程

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn