npm 包 magnet-localtunnel 使用教程

简介

magnet-localtunnel 是一个基于 localtunnel 的本地服务到公网的映射工具,支持自定义本地服务的端口和域名。通过使用该工具,可以将本地的服务快速、方便地开放给外部访问。本文介绍如何安装使用 magnet-localtunnel。

安装

使用 npm 安装 magnet-localtunnel:

--- ------- -- ------------------

安装完成后,就可以在终端使用 magnet-localtunnel 命令行工具了。

使用方法

基本用法

打开终端,进入项目目录。例如,要映射端口为 3000 的本地服务:

------------------ ----

这将启动一个本地服务,将端口为 3000 的服务映射到公网的随机地址。在终端输出中,会显示映射的地址。

自定义域名

如果需要自定义域名,可以通过 --subdomain 参数来指定:

------------------ ----------- ------- ----

这将使用 example.localtunnel.me 域名来映射本地服务。

HTTPS 支持

如果本地服务已开启 HTTPS 支持,可以通过 --http-https 参数来启用:

------------------ ------------ ----

这将使用 https://.localtunnel.me 域名来映射 HTTPS 服务。

自定义公网地址

如果需要使用自己的公网地址,可以通过 --host 参数来指定。例如,使用公网地址 1.2.3.4 来映射本地服务:

------------------ ------ ------- ----

Node.js API

magnet-localtunnel 也提供 Node.js API,可以在代码中动态地启动和关闭隧道:

----- -- - ------------------------------

----- ------ - ----------- ----- ---- -- ----- ------- -- -
  -- ----- -
    -------------------
  - ---- -
    ------------------- ------ ------------
  -
---

------------------ ---------------
------------------ -- -- -
  ------------------- ---------
---

-- ----
---------------

示例代码

以下是一个使用 Express.js 启动本地服务,并使用 magnet-localtunnel 将其映射出去的示例代码:

----- ------- - -------------------
----- -- - ------------------------------

----- --- - ----------
----- ---- - -----

------------ ----- ---- -- -
  --------------- ---------
---

----- ------ - ---------------- -- -- -
  ---------------- --------- -- ---------------------------
---

-------- ----- ------- -- -
  -- ----- -
    -------------------
  - ---- -
    ------------------- ---- ----------------
  -
---

------------------ ---------------
------------------ -- -- -
  ------------------- ---------
---

运行该代码后,可以使用 magnet-localtunnel 将其映射到公网地址上,方便外部访问。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005693f81e8991b448e4c27


猜你喜欢

  • npm 包 get-youtube-playlist-id 使用教程

    npm 包 get-youtube-playlist-id 使用教程 随着网络视频的普及,更多的网站选择使用 YouTube 中的视频作为自己网站的展示视频。对于一些需要展示多个视频的网站,常常需要使...

    3 年前
  • npm 包 my-vue-fullcalendar 使用教程

    简介 my-vue-fullcalendar 是一个基于 Vue.js 框架开发的日历组件,具有独特的样式和丰富的功能,可用于展示日程安排、活动安排、会议安排等。本文将详细讲解如何使用该组件,以及如何...

    3 年前
  • npm 包 Angu-Tree-View 使用教程

    什么是 Angu-Tree-View Angu-Tree-View 是一个 AngularJS 的插件,用于在网页中显示树形结构数据。它可以用于创建复杂的网站导航菜单、管理后台的目录结构、以及需要树型...

    3 年前
  • npm 包 grunt-envfile 使用教程

    简介 在前端开发的过程中,我们经常需要使用到 npm 包管理工具来管理前端项目中的依赖项。而在项目的开发和部署中,我们还需要使用到 Grunt 这个任务执行器。这时,就有了一个可以将两个工具结合起来使...

    3 年前
  • npm 包 gun-ws 使用教程

    前言 随着 Web 应用的复杂度增加,前端的工作也越来越需要跨界到后端领域。在实现 Web 应用时,使用 WebSocket 协议替代传统的 HTTP 协议,可以实现实时通信,而 gun-ws 是一个...

    3 年前
  • npm 包 ionic2-auto-complete-with-ng5 使用教程

    ionic2-auto-complete-with-ng5 是一个基于 Angular5 和 Ionic2 开发的自动补全组件库。它可以轻松地添加自动补全功能到你的 web 应用中,让用户更加方便快捷...

    3 年前
  • npm 包 @brickify/m-hook 使用教程

    简介 现在的前端页面开发越来越复杂,需要管理的状态、生命周期函数和副作用也越来越多,在 React 中,需要用到的大量的逻辑抽象,比如高阶组件、render props 和 hooks,其中 hook...

    3 年前
  • npm 包 multipartist 使用教程

    前言 multipartist 是一个开源的 npm 包,用于在前端中分割大文件,提升页面渲染速度及用户体验。本文将详细介绍 multipartist 的使用及其原理。

    3 年前
  • npm 包 @brickify/m-string 使用教程

    在前端开发中,字符串操作是非常常见的需求。而 @brickify/m-string 就是一个专门用于字符串操作的 npm 包。本篇文章将介绍该包的使用教程,包括安装、导入、功能介绍、示例代码以及注意事...

    3 年前
  • npm 包 keyuri 使用教程

    简介 keyuri 是一个基于 JavaScript 的 npm 包,用于处理与安全令牌相关的 URI。在前端开发中,令牌是一种常见的安全验证机制,通常用于保护用户隐私和敏感数据。

    3 年前
  • npm 包 deadmans-express-webpack-boiler-plate 使用教程

    deadmans-express-webpack-boiler-plate 是一个基于 Express 和 Webpack 的前端项目脚手架,旨在提供一个简洁易用的开发环境,方便前端工程师快速开始一个...

    3 年前
  • npm 包 generator-jinja 使用教程

    在前端开发中,我们经常需要用到各种工具和框架,用来提高我们的效率和便捷性。npm 是一个非常流行的 Node.js 的包管理器,可以通过它来安装各种前端开发中需要的工具和库。

    3 年前
  • npm 包 bittrex-bot 使用教程

    简介 bittrex-bot 是一个基于 Node.js 的 npm 包,用于自动化交易比特币以及其他加密货币。该包提供了一套简单易用的 API,允许开发者轻松地构建自己的自动化交易策略,并进行实时监...

    3 年前
  • npm 包 ehd 使用教程

    简介 ehd 是一个基于 Vue 和 Element UI 的前端 UI 库。它提供了一些常用的 UI 组件和实用工具函数,帮助开发者快速搭建出美观大方的网站。 安装 使用 npm 安装: --- -...

    3 年前
  • nativescript-notification-banner 使用教程

    nativescript-notification-banner 是一个 npm 包,用于在 NativeScript 应用中添加自定义的通知横幅。该包是基于原生 API 构建的,可实现自定义图标、文...

    3 年前
  • NPM 包 node-red-contrib-arp 使用教程

    什么是 node-red-contrib-arp node-red-contrib-arp 是一个 Node-RED 的 ARP 包用于处理 ARP 相关的数据。它将 ARP 相关的数据进行了封装,通...

    3 年前
  • npm 包 @markph1990/react-places-autocomplete 使用教程

    介绍 @markph1990/react-places-autocomplete 是一个基于 Google Places API 的自动填充输入框 React 组件。

    3 年前
  • npm 包 Improved_Map 使用教程

    npm 包 Improved_Map 使用教程 作为前端工程师,使用地图是必不可少的一项技能。但使用原生的 JavaScript 进行地图处理并不方便。好在有 npm 社区,有很多成熟的地图 api。

    3 年前
  • npm 包 buffer-packer 使用教程

    前言 在前端开发中,如果涉及到大量的数据传输、打包和解析,那么我们就需要用到 buffer-packer 这个 npm 包。 buffer-packer 是一个用来将 JavaScript 对象打包成...

    3 年前
  • npm 包 jshint-vso-reporter 使用教程

    简介 jshint-vso-reporter 是一个可以将 JSHint 错误信息转换为 Visual Studio Online (VSO)任务的 npm 包。它可以让开发者将 JSHint 错误信...

    3 年前

相关推荐

    暂无文章