一条命令把本地网站分享给任何人:Liaison使用教程

更新日期: 2026-04-22 阅读: 21 标签: 网站

每个开发都遇到过这种情况。

本地跑了一个网站,localhost:3000打开一切正常。想给别人看看效果,对方却说打不开。

然后你得找一台服务器、装Nginx、配域名、申请证书、开端口、部署代码……

等等,我只是想让别人看一眼我本地的页面而已。


一条命令搞定

安装Liaison:

npm i -g @liaisonio/cli && liaison login

然后执行:

liaison quickstart --name mybox \
  --app-name myapp --app-ip 127.0.0.1 --app-port 3000 --app-protocol http \
  --expose --install --wait-online 2m

输出结果:

✓ Connector "mybox" created
✓ Connector agent installed locally
✓ Connector is online
✓ Application "myapp" registered (http 127.0.0.1:3000)

  Access URL:  https://myapp-alice.liaison.cloud
  Share URL:   https://myapp-alice.liaison.cloud/s/8HE4jeuTVUVqOwWkzScL

把Share URL发给对方,点开就是你的localhost:3000。自带HTTPS,自带域名,不用部署,不用服务器。


日常开发中的实用场景

设计师要确认页面效果

前端改了个样式,设计师要确认。以前你要截图、录屏,或者等部署到测试环境。现在发一个链接,设计师在自己电脑上直接看你的本地页面。

Webhook回调地址

对接微信支付、Stripe、GitHub Webhook时,回调地址需要公网URL。不需要ngrok的付费账号,也不需要每次重启都换地址。Liaison给你一个稳定的https://xxx.liaison.cloud。

客户Demo演示

产品还没上线,客户等不及要看。把本地的Demo环境直接暴露出去,客户体验完了一键关掉。不用为一次Demo专门部署一套环境。

CI预览环境太慢

提了PR,等CI构建预览环境要5分钟。本地已经跑起来了,直接分享给reviewer看。review通过了再合并,预览环境的钱也省了。

远程访问家里或公司的机器

家里的开发机、公司的GPU服务器、树莓派上的Home Assistant,没有公网IP也没关系。装一个连接器,随时随地访问。


不止支持Web页面

你本地跑的任何东西都能暴露:

# Next.js / Vite / 任何前端项目
--app-port 3000 --app-protocol http

# Express / FastAPI / Spring Boot
--app-port 8080 --app-protocol http

# SSH远程登录
--app-port 22 --app-protocol ssh
# 然后执行: ssh -p 41752 user@liaison.cloud

# MySQL数据库
--app-port 3306 --app-protocol mysql

# Jupyter Notebook
--app-port 8888 --app-protocol http

# Minecraft服务器
--app-port 25565 --app-protocol tcp


和AI编程助手配合

如果你用Claude Code、Cursor这类AI编程助手,可以装一个Skill文件:

npx skills add liaisonio/cli -y -g

然后直接对AI说:"把我本地3000端口分享给同事看看"

AI会自动执行liaison quickstart,把链接返回给你。零配置,零学习成本。

Liaison CLI为Agent做了专门设计:JSON输出、非交互式、一个环境变量搞定认证。


安全设计

  • 所有流量TLS加密,数据不经过服务器明文存储

  • 分享链接自动过期,默认1小时

  • 每个入口可设IP白名单或黑名单

  • 连接器一键禁用,立即断开所有隧道

  • API Token随时可撤销


快速开始

# 安装(国内CDN,很快完成)
npm i -g @liaisonio/cli

# 登录或注册
liaison login

# 把你的localhost:3000变成公网URL
liaison quickstart --name mybox \
  --app-name myapp --app-ip 127.0.0.1 --app-port 3000 --app-protocol http \
  --expose --install --wait-online 2m

不需要服务器,不需要域名,不需要Docker,不需要Nginx。

你的localhost,现在可以分享给任何人了。

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/13671

相关推荐

网站内容检测——在线原创文章相似度在线检测工具总汇

为了自己网站上文章的质量,我们可以通过一些在线的原创文章相似度在线检测工具,进行检测自己的文章和网上相关文章的相似率!下面就为此整理了一些目网上已有的工具,以供大家参考使用

个人网站如何接入支付功能_支持个人支付的第三方平台整理

作为个人开发者,为自己的辛苦开发的项目配上支付功能,才有盈利的盼头!但是目前大部分都需要企业资质,那对应个人而言如何在网站、应用中接入支付功能呢?这里找了一些不需要企业资质的第三方支付平台。

常用RSS订阅源推荐

RSS的全称是Really Simple Syndication 简易信息聚合, 在一个软件中可以看到所有订阅网址更新内容。没有RSS, 如果你要A B C D网站信息, 需要一个个上去看看有没有更新, 这样无疑很费时。

程序员常用网站

刚开始入行的程序员很多很迷惘,不知道去哪里找到合适有用的资源,哪里有和自己一样的新手,哪里有高手,哪有有代码可以学习。我将分享一些收藏多年且非常有价值的网站跟大家分享。

免费下载视频、图片素材的网站

找视频素材的网站,免费视频素材资源,如何免费下载视频素材? 推荐视频素材哪个网站好:videezy、pexels、splashbase 、footage crate、monzoom、Wedistill、Mazwai

了不起的gatsby.js_一个现代化开发网站的网站产生系统

GatsbyJS 是一个现代化开发网站的网站产生系统,拥有完整、丰富且开源的生态圈。它利用 React + GraphQL 产生的多页面应用,让前端工程师,编辑,用户都感到满意。就让我们一步步地探索这个系统吧。 GatsbyJS 是一个拥有超过 2万 Stars,3500 forks 的 React 网站生成系统。

网站是什么?网站的用途是什么?如何零基础拥有自己的网站?

什么是网站?也许大多数人心中出现的第一张图片是淘宝,京东和网易。但是,如果您想询问网站的定义,很多人都无法回答。百度百科全书定义了这样的网站: 网站是指利用HTML(标准通用标记语言下的应用程序)等工具

Chrome无法从该网站添加应用,扩展程序和用户脚本

更新谷歌浏览器之后发现不能通过本地 crx文件安装离线插件了,网上找到的方法有两种 :一个就是通过添加浏览器参数解决 但是这个方法我尝试之后失败了 ,第二个方法就是用工具安装,具体如何太麻烦了就没有用

简单使用Google Analytics监控网站浏览行为

之前对网页做用户转化率调查这块,找到了谷歌GA事件,现在有时间对使用方法和遇到问题做个简单记录。官方文档其实也介绍的比较清楚,可以查看官方文档。

网站改版_关于fly63前端网站改版说明

为进一步提高用户体验,完善相关功能,fly63前端网添加了如下功能:添加黑夜模式的切换,栏目页提供分享功能:qq,微博,链接复制,手机二维码预览,模块添加圆角呈现方式,取消分割线,主色调调整

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!