npm 包 now-dplys 使用教程

前言

如果你是前端工程师,想要部署你的应用程序到云端,可能会使用到诸如 Heroku、Netlify 或 Firebase 等平台。但是这些平台都需要你进行账户注册和部署配置,有时你可能需要定制化的部署流程,这时候就需要一个轻量、灵活的部署工具。

现在,你可以试试 npm 包 now-dplysnow-dplys 是一个为了方便的永久部署简单应用程序而构建的小型工具,使用超级简单,只需要几个命令就可以将你的应用程序部署到云端了。

安装

使用以下命令在你的项目中安装 now-dplys

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

使用指南

配置

在开始使用 now-dplys 之前,你需要为你的项目添加一个特殊的配置文件。在你的项目根目录下创建一个 dplys.ymldplys.json 文件:

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

上述配置文件中:

  • name 字段是你的部署项目名字,这个名字将决定你的应用程序实际 URL 地址。例如,如果你的应用名字是 my-dplys-app,则你的应用的 URL 地址为 https://my-dplys-app.now.sh
  • build 字段描述了如何构建应用程序的命令。这个命令在部署之前会被执行,所以你可以在其中编译生产环境代码。
  • start 字段描述了如何启动你的应用程序的命令。
  • public 是你项目中静态文件的文件夹。
  • routes 描述了 URL 与文件相应路径之间的映射规则,它允许你将任何请求映射到任何文件。

部署

一旦你添加了配置文件,你就可以使用 now-dplys 将你的应用程序部署到云端了。在你的项目中,运行:

--- -----

之后,它将会自动构建、部署你的应用程序并将结果展示在控制台上。之后你可以在浏览器中访问你的 URL 地址,查看应用程序是否正常运行。

示例代码

以下是一个小例子,演示了如何使用 now-dplys 部署一个简单的 Node.js HTTP 服务器:

app.js:

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

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

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

然后在项目的根目录运行:

--- -----

即可将这个简单的 HTTP 服务器部署到云端并生成一个 URL。

总结

使用 now-dplys 部署你的应用程序变得异常简单,看起来复杂的部署过程已经化为了平凡。希望这篇文章对你有所帮助,你是否已经迫不及待地想去试试这个小小便利了呢?

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


猜你喜欢

  • npm 包 slowcook 使用教程

    slowcook 是一个可以模拟慢速网络连接的 npm 包,可以用于测试网页的性能和响应速度。在前端开发工作中,经常会遇到网络慢、响应缓慢等问题,使用 slowcook 可以帮助我们更好地测试和调试。

    2 年前
  • npm 包 wifi-disguise 使用教程

    简介 wifi-disguise 是一个 Node.js 的 npm 包,它可以帮助用户在公共 Wi-Fi 网络中隐藏自己的 IP 地址和 MAC 地址,从而保障隐私安全。

    2 年前
  • npm 包 embed-iframe-widget-boilerplate 使用教程

    简介 在现代的前端开发中,嵌入式小部件和 iframes 用于提供所需功能的各种形式。使用嵌入式小部件和 iframes 可以轻松地将内容、功能和数据从一个站点嵌入到另一个站点中。

    2 年前
  • nsp-basic-math npm 包使用教程

    nsp-basic-math 是一款基础的数学计算 npm 包。它提供了常见的加、减、乘、除以及判断数字奇偶性的功能。本文将介绍如何安装、使用 nsp-basic-math 包以及其在前端开发中的指导...

    2 年前
  • npm 包 react-news-feed 使用教程

    背景介绍 在现代 Web 应用程序中,用户界面往往是由组件构成的。组件可以在不同的 Web 应用程序中重复使用,使应用程序更易于维护和升级。而像 react-news-feed 这样的 npm 包可以...

    2 年前
  • npm 包 React-APIKey-Form 使用教程

    前言 在前端开发中,我们经常需要使用 API Key 来访问后端服务,这需要在前端中用到一个表单来让用户输入 API Key。而 React-APIKey-Form 这个 npm 包则可以帮我们快速构...

    2 年前
  • npm 包 simple-webpack2-boilerplate 使用教程

    前言 在前端开发中,webpack 是一个不可或缺的工具。简单来说,webpack 是一个模块打包工具,它能将多个模块打包成一个或多个浏览器可识别的 JavaScript 脚本。

    2 年前
  • npm 包 simple-dim-modal 使用教程

    简介:simple-dim-modal 作为一个轻量级的模态框组件,可以非常方便的在前端项目中使用。使用 simple-dim-modal 可以快速的搭建出一个美观且高效的模态框,无需自己再手动写 C...

    2 年前
  • npm包:angular-1.6-cli使用教程

    前言 Node Package Manager (NPM) 是一个非常流行的技术,它使得 JavaScript 应用程序的开发过程变得更加高效和方便。angular-1.6-cli是一个基于Angul...

    2 年前
  • npm 包 nativescript-label 使用教程

    在移动应用开发中,label (标签)是一个重要的组件,承担着很多文本展示的任务。nativescript-label 是一个 npm 包,它是 NativeScript 的标签组件。

    2 年前
  • npm 包 zjlu 使用教程

    简介 zjlu 是一个前端开发工具包,提供多种常用函数和组件,能够快速地开发出高质量的前端应用程序。该工具包由著名计算机科学家邹俊领导的团队开发,其代码质量和稳定性得到了业界广泛认可。

    2 年前
  • npm 包 indexes 使用教程

    随着前端工程越来越大,使用第三方库已经成为普遍现象。而 npm 是最流行的 JavaScript 包管理器之一,它的包索引(npm package indexes)是 npm 重要的基础设施之一。

    2 年前
  • npm 包 @richardo2016/lib-less-weui 使用教程

    简介 @richardo2016/lib-less-weui 是一个基于 Less 的轻量级的 WeUI 样式库,它提供了丰富的组件和样式,旨在帮助开发者快速构建美观、易用的移动端 Web 应用。

    2 年前
  • npm 包 redux-validate-actions 使用教程

    简介 redux-validate-actions 是一个用于验证 Redux Actions 的 npm 包, 它可以帮助开发者在开发过程中快速检测 Redux Actions 是否合法,有效地避免...

    2 年前
  • npm 包 @richardo2016/stylus-bootstrap 使用教程

    前言 在前端开发中,样式设计是一个非常重要的环节,而一些优秀的样式库可以大大简化开发工作。而 @richardo2016/stylus-bootstrap 就是这样一个非常优秀的样式库之一,它基于 s...

    2 年前
  • npm 包 netrc-cli 使用教程——更快地处理用户凭证

    在前端应用中,处理用户凭证是非常常见的问题。其中一个解决方案是使用 netrc-cli,一个轻量级的 npm 包,它可以让你更快地处理和管理用户凭证。 安装 在终端中输入以下命令安装 netrc-cl...

    2 年前
  • npm包 simple-react-pdf2 使用教程

    简介:simple-react-pdf2 是一个用于生成 PDF 文件的 React 组件。该组件可以很方便地将 React 组件转换为 PDF 文档。 安装 在您的项目中使用npm安装 simple...

    2 年前
  • npm 包 blear.express.http-method-override 使用教程

    在前端开发中,使用 Express 框架是比较常见的。而使用 blear.express.http-method-override 这个 npm 包可以帮助我们解决一些 HTTP 请求方面的问题。

    2 年前
  • npm 包 codebar-regex 使用教程

    介绍 codebar-regex 是一个用于正则表达式的 JavaScript 库,它包含了一些有用的正则表达式,可以帮助开发人员更方便地进行字符串操作,并且避免了在编写正则表达式时出现的常见错误。

    2 年前
  • npm 包 sass-lint-config-urbanladder 使用教程

    什么是 Sass-lint? Sass-lint 是一个非常优秀的 Sass 检查工具,专门为 Sass 文件提供了针对性的代码检查功能,它支持各种代码规范、代码风格和代码性能的检查,能够有效帮助我们...

    2 年前

相关推荐

    暂无文章