Outray框架插件全家桶:Express/Next.js/Vite/NestJS一键集成隧道功能

发布时间:2026/9/18 20:50:27

Outray框架插件全家桶:Express/Next.js/Vite/NestJS一键集成隧道功能 Outray框架插件全家桶Express/Next.js/Vite/NestJS一键集成隧道功能【免费下载链接】outrayOpen-source ngrok alternative.项目地址: https://gitcode.com/gh_mirrors/ou/outrayOutray作为开源的ngrok替代方案提供了一套完整的框架插件全家桶让开发者能够轻松地为Express、Next.js、Vite和NestJS等主流框架集成隧道功能实现本地开发环境的公网访问。为什么选择Outray框架插件Outray框架插件系列为不同的开发框架提供了统一的隧道集成体验具有以下优势一键集成简单的安装和配置步骤无需复杂的手动设置自动启动开发服务器启动时自动创建隧道无需额外命令框架原生针对各框架特性优化提供自然的使用体验开源免费完全开源的解决方案无需担心使用成本Express框架集成步骤安装Express插件首先通过npm安装Outray Express插件npm install outray/express配置Express应用在Express应用中引入并使用插件import express from express; import { outray } from outray/express; const app express(); // 添加Outray中间件 app.use(outray({ // 可选配置 subdomain: my-app, // customDomain: app.example.com // 需在控制台配置 })); app.listen(3000, () { console.log(Express server running on port 3000); });启动服务器后你将在控制台看到隧道URL通过该URL即可从公网访问你的本地Express应用。Next.js框架集成步骤安装Next.js插件npm install outray/next配置Next.js应用在next.config.js中使用Outray插件const { withOutray } require(outray/next); module.exports withOutray({ // 你的Next.js配置 reactStrictMode: true, // Outray配置选项 outray: { subdomain: my-next-app } });该插件同时支持App Router和Pages Router无需额外配置。启动开发服务器后隧道将自动创建。Vite框架集成步骤安装Vite插件npm install outray/vite配置Vite应用在vite.config.js中添加Outray插件import { defineConfig } from vite; import outray from outray/vite; export default defineConfig({ plugins: [ outray({ // 配置选项 subdomain: my-vite-app }) ] });启动Vite开发服务器后隧道URL将显示在控制台中。该插件支持Vite 4.x、5.x、6.x和7.x版本兼容所有基于Vite的框架。NestJS框架集成步骤安装NestJS插件npm install outray/nest配置NestJS应用在main.ts中使用Outray插件import { NestFactory } from nestjs/core; import { AppModule } from ./app.module; import { useOutray } from outray/nest; async function bootstrap() { const app await NestFactory.create(AppModule); // 使用Outray插件 useOutray(app, { subdomain: my-nest-app }); await app.listen(3000); } bootstrap();启动应用后插件将自动检测NestJS应用的端口并创建隧道。支持NestJS 8.x、9.x、10.x和11.x版本。自定义域名配置Outray插件支持使用自定义域名只需在配置中添加customDomain选项outray({ customDomain: app.example.com })注意自定义域名需要先在Outray控制台中进行配置。总结Outray框架插件全家桶为主流的Node.js开发框架提供了简单、高效的隧道集成方案。通过几个简单的步骤开发者就能将本地开发环境暴露到公网极大地方便了演示、测试和协作。无论是Express、Next.js、Vite还是NestJSOutray都能提供一致且流畅的使用体验让你专注于应用开发而不是环境配置。想要了解更多关于Outray插件的详细信息可以参考各插件的官方文档Express插件文档apps/web/content/docs/(plugins-and-sdks)/express-plugin.mdx/express-plugin.mdx)Next.js插件文档apps/web/content/docs/(plugins-and-sdks)/nextjs-plugin.mdx/nextjs-plugin.mdx)Vite插件文档apps/web/content/docs/(plugins-and-sdks)/vite-plugin.mdx/vite-plugin.mdx)NestJS插件文档apps/web/content/docs/(plugins-and-sdks)/nestjs-plugin.mdx/nestjs-plugin.mdx)开始使用Outray框架插件让你的本地开发环境随时可以被世界访问【免费下载链接】outrayOpen-source ngrok alternative.项目地址: https://gitcode.com/gh_mirrors/ou/outray创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
延伸阅读

更多相关文章

2026/9/19 4:58:49

Unity 2D平滑转向实战:旋转矩阵、四元数与最短路径插值

在2D游戏开发里,角色转向这件事看起来简单,做起来却很容易翻车。我见过太多项目,角色移动逻辑写得没问题,但一到转向就露馅:要么是瞬间翻转像抽搐,要么是角度插值走最短路径时突然绕远路,要么是…

2026/9/19 4:58:49

Vue 3动态表单实战:从JSON Schema到配置驱动渲染

前阵子接手了一个内部数据采集系统的需求,业务方一周改了三次表单结构。第一次加个邮箱字段,第二次把单选改成多选,第三次直接要求一套表单用在三个不同流程里。改页面改到第六轮的时候,我决定把这套表单从“写死的模板”抽成“配…

2026/9/19 4:58:49

YOLOv8到v26森林火灾检测系统实战:模型对比与工程落地

1. 从零搭建森林火灾检测系统的整体思路森林野外火灾的早期发现,一直是林业防护和应急管理里最头疼的问题之一。人工瞭望塔覆盖范围有限,卫星遥感刷新频率又跟不上,等火势肉眼可见的时候往往已经错过了最佳扑救窗口。这几年我一直在做视觉检测…

2026/9/19 4:58:49

Base URL 多了 /v1 报 401?TaoToken 这样改 Codex 通道

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/19 4:58:49

工业边缘计算网关:协议解析、本地AI与零信任安全实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/19 4:53:49

PX4三闭环PID调参原理与实战方法

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/18 14:13:01

拯救者Y7000黑屏故障排查与维修实战指南

1. 项目概述:一台黑屏的拯救者Y7000,到底卡在哪一步? 联想拯救者Y7000系列笔记本,从2018年第一代搭载i5-8300H开始,到后来的i7-9750H、i7-10750H、i5-11400H,再到2023年款的R7-7840HS,它始终是学…

2026/9/19 0:03:10

验证 OpenSpec 兼容性,Cursor 的 Token 从 TaoToken 出

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/19 0:03:10

书桌角落的 Mac mini,OpenClaw 通过 TaoToken 跑任务。

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/19 0:03:10

oh-my-hermes:打造跨工具的命令编排与插件化工作流

1. 项目概述与设计初衷1.1 它到底是什么先说结论:oh-my-hermes 是一个面向开发者日常终端操作的效率工具套件,核心定位是“把分散在各类命令行工具里的高频操作,统一收拢成一套插件化、可编排的工作流”。项目灵感来源很明显——oh-my-zsh 重…

2026/9/18 14:13:03

USB Type-C PCB布局分区设计:电源、高速信号与PD协议全攻略

做硬件这行,Type-C接口算是典型的“看着简单,做起来全坑”的东西。光引脚就24个,高低速信号、电源、控制线全部塞在一个小小的连接器里,如果PCB布局不做规划,打样回来基本就是“插上没反应”、“高速掉线”、“静电一打…

2026/9/18 14:13:02

系统编程学习原型如何补齐稳定性边界

系统编程学习原型如何补齐稳定性边界预算有限时&#xff0c;我先优化明显多余的复制&#xff0c;而不是猜测性地换容器。用借用传递只读数据通常就能减少分配&#xff1a; fn parse(line: &str) -> Result<Item, Error> { /* ... */ }用基准确认热点确实在分配&am…

2026/9/18 14:13:02

雨花区哪家财务公司代理记账比较好?

在雨花区&#xff0c;企业处理财税事务常常面临诸多挑战&#xff0c;选择一家靠谱的财务公司至关重要。湖南巨勤财务管理咨询有限公司就是本地正规实体财税服务机构&#xff0c;深耕本地工商财税行业多年&#xff0c;熟悉当地工商局、税务局最新政策与申报流程。主营公司注册、…

还想了解更多?直接咨询顾问

免费诊断 + 免费方案 + 透明报价。

全国咨询热线400-8866-253
免费获取方案
咨询二维码