使用node和ngrok在本地搭建项目,让外网的人也可以浏览

如何通过 ngrok 快速实现本地服务外网访问 内网穿透 阅读详情

安装一下node,express,

然后如下


然后就可以使用http://127.0.0.1:8080在本地访问,想让外网的也能访问这个页面,那么需要下载ngrok

地址:https://dashboard.ngrok.com/get-started     可以使用GitHub登录



下载到D盘解压之后


(我这里使用GitHub登录的,下载之后就可以直接使用,但是我看有些人好像注册之后在登录的好像需要授权码,这个授权码好像也是官方给定的。授权命令:ngrok authtoken 授权码)

这里借用下别人的图片,授权码:


这里写图片描述



打开ngrok.exe          输入ngrok http 8080

需要注意的是,这里的端口8080可以根据需要替换成其他端口。这条命令的意思是将本地8080端口对应的服务暴露到外网中。 


红色标注的方框内,第一个是http协议对应的外网地址,第二个是https协议对应的外网地址。

这样,凡是访问https://2ef82bb3.ngrok.io的请求都将发送到localhost:8080。

每次启动ngrok都会分配一个新的外网域名,所以需要每次更换配置或者更换访问地址,不太方便。

当然,ngrok也提供了解决方法,那就是付费,可以设置固定域名。


Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网 当前日期2019.5.15 1.准备工作。 1.首先准备安装Vue及Vue-CLI $ npm install vue $ npm install -g @vue/cli 2.其次下载Tomcat https://tomcat.apache.org/index.html 任选一个版本,我测试用的是macOS,所以下载了第二个压缩包 下载到本地后,解压缩,并且将解压缩后的文... 阅读详情

相关推荐

ngrok集成在本地Node.js项目服务器,实现F5调试即可自动打开浏览器且通过外网可访问本地服务器。

前提准备: ① 火狐浏览器 ② 导入ngrok,open包。命令:npm install ngrok open –save 示例代码如下:var express = require("express"); var app=express(); var ngrok = require("ngrok") var open=require("open"); ngrok.connect(3000, f

oMuRongYan的专栏 1109

Node.js接口可以被另一台电脑访问到

Node.js接口可以被另一台电脑访问到

m0_50676101的博客 1597

用ngrok搭建外网可以访问的本地服务器(实现外网访问本机ip,也可以用来移动端测试网页)

在本地搭建外网可以访问的服务器(外网访问本机ip,可以用来移动端测试网页)

咯噔的博客 848

快速搭建web服务并实现内网穿透(利用ngrok和NATAPP)

然后在命令行中,输入 ngrok http 8080 ,8080代表的是我们自己代码中设置的端口号。与此同时我们访问我们本地的localhost的8080(需要终端运行node www.js才能访问),会发现该网页存在打印文本,能看到这个页面时已能证明我们的web服务已经启动了。windows版下载后是一个.exe文件,找到下载对应的目录,双击ngrok.exe文件,我这里是直接将改文件放在了项目文件中。第三步,在文件夹下新建一个js文件,我新建的是www.js,在js文件中写入一些配置代码。

zwkyyds的博客 918

Go-ngrokngrok内网穿透nodejs后台管理

ngrok、ngrok内网穿透 nodejs 后台管理

node-ngrok-cli:with使用NodeJS制作的NGROK CLI

:sparkles: 使用NodeJS制作的NGROK CLI 使用NodeJS制作的NGROK CLI应用程序,易于下载和使用。 :package: 安装 运行npm i -g node-ngrok-cli或yarn global add node-ngrok-cli 。 运行此命令后,您将可以使用ngrok命令。 :cow_face: 用法 运行ngrok命令以查看所有可用命令。 要获取有关命令的帮助,请运行: $ ngrok < command> --help # example $ ngrok serve --help 验证: $ ngrok auth < auth> 起始隧道: $ ngrok serve < port> [...options] :key: serve命令选项 名称 类型 必需的 默认 描述 港口 数字 :check_mark: -- 端口或网络地址 原型 细绳 :cross_mark: http http,tc

使用 ngrok 实现内网穿透

\ngrok http -hostname 你的自定义域名 3000ngrok 是一个强大的工具,可以帮助开发者轻松地将本地服务暴露给公网,无论是进行远程调试、演示还是开发。希望本文能帮助你快速上手 ngrok 的使用。

十一逐星的博客 2053

ANSYS Discovery 2023R1 入门:手把手教你玩转几何模型参数化(附历史追踪避坑指南)

本文详细介绍了ANSYS Discovery 2023R1中几何模型参数化建模的全流程,包括基础设置、参数化实战技巧及历史追踪避坑指南。通过Workbench集成和智能参数控制,工程师可以高效完成设计迭代,特别适合需要频繁调整几何模型的仿真场景。文章还提供了参数丢失的预防策略和工业应用实例,帮助用户快速掌握这一提升设计效率的核心技能。

weixin_33693070的博客 462

node 安装调试

一、node安装win+r打开命令提示符 http://localhost:3000/跑起来 http://192.168.13.4:3000/day15/task1.html出现页面二、ngrok下载ngrok - Online in One Line下载解压安装连接您的帐户

huijie_0716的博客 178

o型圈沟槽设计_O型密封圈——详细选型过程及步骤

一、密封圈常用材料二、密封圈常用密封形式密封圈分为活塞密封,活塞杆密封,端面密封,旋转密封。三、O型密封圈的选型规则O型密封圈的尺寸图径向安装O型圈选型(静态和动态运动)活塞杆密封选择适当规格的O形圈时,应该保证其外径(d1+2*d2)至少等于或者大于沟槽外径d6;当选择的O形圈直径d1大于250 mm时, O形圈外径将不能超过沟槽外径的3%;当选择的O形圈直径d1小于250mm时, O形圈外径将...

weixin_39856630的博客 2万+

手把手教你解决COLMAP编译中的Ceres CUDA支持问题(附详细配置步骤)

本文详细解析了COLMAP编译中Ceres CUDA支持问题的完整解决方案,包括环境准备、Ceres Solver的CUDA编译配置、COLMAP的CUDA集成配置等关键步骤。通过优化CMake参数和解决常见错误,帮助技术人员充分利用GPU加速优势,提升三维重建效率。

vodka的博客 858

使用Node.js搭建本地服务,可往外网访问

安装node.js 搭建服务器 此部就不写了 端口映射让外网访问本地服务器文件 我使用的是ngrok.exe,丛网上下载的 启动它以后使用命令ngrok http 端口 就是你搭建服务器的端口号如下: 使用红线框框里边的任何一个地址都可以访问 注意它是有时效性的,毕竟免费的,我以前使用时免费八小时的,现在好像变成2小时。不太清楚 ngrok要下载 npm install ngrok -g 这是包管理下载,没有试过,只是告诉大家一个方法,具体可以试试 ...

Dragonfly_w的博客 2670

LeGO-LOAM运行kitti数据集

文章目录1. kitti-lego-loam2. 改动3. 实验结果4. evo轨迹测评 1. kitti-lego-loam 链接:kitti-lego-loam kitti-lego-loam提供了将kitti序列转化成rosbag的代码,在kittibag中. 需要注意下数据文件的存放顺序,以00序列为例: datafolder          |____results          &

Zlp19970106的博客 8704

如何在 macOS 上使用 ngrok 将本地服务暴露到外网,让你的小伙伴也能访问你的项目

在现代开发中,我们常常需要将本地开发环境暴露到外部网络,以便进行测试和调试。内网穿透(如使用 ngrok)是一种常见的技术,它通过创建一个公共的隧道,将本地服务器暴露给外网用户,方便进行访问。 本文详细介绍了如何在 macOS 系统中使用 ngrok 配置和实现内网穿透。首先,我们需要注册 ngrok 帐号并获取身份验证令牌,之后通过配置文件设置项目端口、协议和固定域名。接着,启动本地服务器并利用 ngrok 创建隧道,实现外网访问本地服务。

2302_79217117的博客 2709

IEC103协议实战指南:报文解析与传输优化策略

本文深入解析IEC103协议在电力自动化系统中的核心应用,重点拆解其固定帧与可变帧两种报文格式,并详细阐述了主从问答与非平衡传输机制。文章结合实战经验,针对报文解析中的常见问题(如字节序、超时重发)提供了解决方案,并探讨了传输层优化策略,旨在帮助工程师实现更可靠、高效的通信链路。

r2s3t4的博客 541

如何使用 SAP ABAP Development Tool 连接 SAP BTP 上的免费 ABAP 编程环境

在云端环境编写 ABAP 代码会遇到一些限制,比如你无法在云端 ABAP 编程环境进行发生在传统 SAPGUI 里的 Dynpro 和 Screen 编程。部分在 SAPGUI 里使用的 List 处理相关的关键字比如 WRITE,还有 CALL TRANSACTION 等代码,也无法在云端使用。 当然如果大家觉得上面提到的这些限制不会影响自己的 ABAP 学习,就可以继续本文的阅读,使用 ABAP Development Tool 登录云端的 ABAP 编程环境。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 1517

ngrok 实现本地Django项目PWA移动端测试(https)

通过使用 ngrok,你可以轻松地将本地运行的 Django 项目暴露到外网,从而在手机端进行访问和测试。这对于开发 Progressive Web App(PWA)或其他需要移动端测试的应用非常有用。安装和配置 ngrok:注册 ngrok 账号,获取 Authtoken,并完成 ngrok 的安装和配置。启动 Django 服务:确保 Django 服务绑定到,以便允许外部访问。启动 ngrok 隧道:通过命令启动隧道,获取外网访问地址。配置 Django 安全设置:修改和。

weixin_41786020的博客 1643

SKUA-GOCAD入门教程-第七节 点的创建与编辑3

本文介绍了四种从井数据创建点集的方法

江洋大葱的博客 963

node.js、npm搭建本地文件服务器以及搭配ngrok外网映射访问

在开发项目的时候遇到过需要将当前本地代码启动服务映射到外网上供客户观看的功能,在此记录一下。 一、构建本地服务 在node.js官网下载node.js 用node-v查看安装的node版本号,当显示node版本时表示安装node成功 在node命令行下,输入 npm install http-server -g,安装服务器 在想要启动服务的文件下运行http-server命令 此时就已经开启了...

踏步修行 1800

新能源汽车动力总成研发测试技术全景深度报告(2025版)

本文所有企业案例数据均来自上市公司财报、工信部备案信息及权威媒体报道,技术参数经第三方检测报告交叉验证。研发测试人员能力矩阵重构(T型人才进阶路径)[10] 全球动力总成市场2035年预测报告。[9] NI电动汽车HIL测试架构技术文档。[3] 东风汽车智能化研发体系深度报告。[5] 混合动力测功机发明专利技术细节。[1] 领克动力总成试验中心技术解析。[7] 新能源汽车产业迭代趋势白皮书。测试架构师-数字工程。测试架构师-安全合规。测试架构师-人工智能。

优快云-新能源汽车研发测试专业博主 777

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

(node.js / npm)搭建本地文件服务器以及外网映射访问

一、安装node.js 搭建服务器 一步:http://nodejs.cn/ 官网下载安装文件,安装nodejs; 第二步:运行中输入cmd进入命令行模式,输入 node -v ,显示版本号,代表安装成功; 第三步:在node命令行下,输入npm install http-server -g,安装成功 第四步:进入你的想要访问文件目录,输入http-server 显示上图,在...

隔壁老瓦的专栏 2597

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

ngrok将本地Web服务器暴露到外网

当你还没有自己的服务器的时候,但是又想通过外网把作品展示给别人看的时候,ngrok就可以排上用场了,ngrok允许您将本地计算机上运行的Web服务器公开到Internet。,Node-Local-Tunnel [NLT]也可以达到同样的效果。此处我就记录一下我使用ngrok。具体的官网的介绍的很清楚。详见ngrok官网 它是如何运行的? 您可以在计算机上下载并运行程序,并为其...

jackie_bobo的博客 1958

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

临时服务anywhere 配合 ngrok内网穿透,实现外网访问本机web服务

问题: 有时我们想要自己写好页面,让别人看下效果,但是别人不在身边。我们可以通过自己搭建临时服务器,让别人通过网络来访问你的页面; 这时候 我们就可以通过 anywhere 来搭建临时服务器。然后通过 ngrok来做内网穿透,生成域名后来访问; 操作方法: 全局node安装anywhere npm install anywhere -g 在需要开启服务的目录打...

懒洋洋 805

ngrok映射本地服务到外网

下载 1、下载 ngrok 2、解压 ngrok 并双击exe程序 3、输入命令 ngrok http 3000 搭建node服务 安装express包 npm install express -S const express = require('express') const app = express() const port = 3000 app.listen(port, () => { console.log('服务' + port + '已经启动') }) app.get(

weixin_46429121的博客 244

ngrok 实战:一键打通内网,让本地服务拥有专属外网域名

本文详细介绍了ngrok工具如何一键打通内网,为本地服务生成专属外网域名。通过零配置安装、HTTPS支持和实时监控等功能,开发者可以快速实现内网穿透,方便调试和分享本地服务。文章还提供了高级功能详解和常见问题解决方案,帮助用户充分利用ngrok提升开发效率。

weixin_42535703的博客 116
上一篇: mac安装mysql和安装Navicat for mysql客户端
下一篇: 使用node和natapp搭建项目,让外网也可以测试
m_uncle
博客等级 码龄9年 11粉丝 46原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值