npm 包 ember-cli-deploy-ftps 使用教程

前言

在开发 Web 应用程序的过程中,部署和发布是一个必须要学会的技能。传统的部署方式是通过将代码上传到 FTP 服务器或者使用类似 Git 自动部署的工具,但是对于一些对安全性、数据保护有更高要求的场合,需要使用 SFTP 或者 FTPS 进行部署。

相信很多前端开发人员都用过 Ember 框架,而 ember-cli-deploy-ftps 是一个基于 Ember 的 npm 包,可以帮助我们更方便地进行 FTPS 部署的工作。本文将给大家介绍如何使用 ember-cli-deploy-ftps 进行 FTPS 部署,并结合示例代码深入理解。

安装 Ember-cli-deploy-ftps

首先,我们需要在全局安装 ember-cli-deploy,如果已经安装过则可以跳过此步骤:

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

接下来,我们可以通过 npm 安装 ember-cli-deploy-ftps:

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

配置

成功安装后,需要配置 ftps 的参数:

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

注意将上述参数替换成自己真实的账号和密码,并且为远程 root 目录创建一个子目录。

部署

当我们想要进行 FTPS 部署时,只需要输入以下命令:

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

如果想要上传到其他环境,只需要更改环境变量即可。

使用示例

这里我们给出一个简单的例子,在 ember-cli-build.js 中配置:

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

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

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

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

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

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

然后在 config/environment.js 文件中添加环境变量:

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

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

最后,执行以下命令来进行部署:

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

以上就是本篇文章的全部内容,希望能够帮助到大家。通过学习本文,我们可以更好地理解如何使用 ember-cli-deploy-ftps 进行 FTPS 部署,并学会了一些 Ember 的相关知识和技巧。

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


猜你喜欢

  • npm 包 cross-browser-tests-runner 使用教程

    前言 在前端开发中,我们需要在各种浏览器环境运行测试以保障页面的兼容性。为了方便自动化测试,cross-browser-tests-runner 包应运而生。 本文给大家带来 cross-browse...

    3 年前
  • npm 包 devextreme-angular-test 使用教程

    在前端开发中,我们经常使用各种 npm 包来帮助我们提升开发效率和代码质量。其中一个非常实用的 npm 包就是 devextreme-angular-test,它提供了一系列 Angular 测试工具...

    3 年前
  • npm 包 webpack-template-cli 使用教程

    在前端开发过程中,webpack 是非常重要的打包工具。而 webpack 的架构比较复杂,一般需要手动进行配置。为了让开发者更加便捷地使用 webpack,有的开发者开源了一些封装好的 webpac...

    3 年前
  • npm 包 @framejs/mixins 使用教程

    前言 在编写 JavaScript 应用程序的过程中,我们经常需要在不同的对象之间共享一些逻辑。这些类别通常称为 Mixins,它们允许你设计模块化,可复用的代码,从而使您的应用程序更加灵活和模块化。

    3 年前
  • npm 包 observable-collection 使用教程

    前言 在 Web 前端开发中,数据绑定是一项十分重要的工作,而实现数据绑定的一个重要途径便是利用观察者模式来监听数据的变化事件。而 observable-collection 是一个基于观察者模式实现...

    3 年前
  • npm 包 @carlosvpi/cycle 使用教程

    前言 在前端开发中,一个好的框架或工具包可以为开发者带来很大的便利。其中,Cycle.js 是一个函数式响应式前端框架,它通过组合纯函数构建 UI,是 MVVM 模式的一种实现方式。

    3 年前
  • npm 包 @khoanguyen96/blueimp-gallery 使用教程

    前端开发中,图片展示是一个不可或缺的功能。而 @khoanguyen96/blueimp-gallery 是一个非常好用的图片展示工具,它可以帮助你快速地构建美观、兼容性较好的图片浏览器。

    3 年前
  • npm 包 cordova-plugin-checkupdate-version 使用教程

    当我们开发移动应用时,经常会需要处理应用的版本更新问题。而 cordova-plugin-checkupdate-version 就是一个用于在 Cordova 项目中检查版本并提示更新的优秀 npm...

    3 年前
  • npm 包 dropzone-ie 使用教程

    前言 dropzone-ie 是一个基于 Dropzone.js 实现的专门为 IE 浏览器适配的 npm 包。由于 IE 浏览器版本较老,没有原生支持上传文件的特性,所以需要引入第三方工具来实现文件...

    3 年前
  • npm 包 eslint-config-gnat 使用教程

    在前端开发中,代码规范是非常关键的。在代码规范的实践中,最常用的工具莫过于 ESLint。而在 ESLint 的实践过程中,如何使用 npm 包 eslint-config-gnat 也是一个重要的问...

    3 年前
  • npm 包 ngc-float-button 使用教程

    ngc-float-button 是一个 Angular 的侧边悬浮按钮组件,提供了丰富的自定义选项,可以帮助开发者实现各种不同的侧边悬浮按钮效果。本文将详细介绍 ngc-float-button 的...

    3 年前
  • npm 包 react-materialize-ts 使用教程

    概述 React-materialize-ts 是一个基于 React.js 和 Materializecss 的 UI 库,旨在为 React 程序员提供现成的 UI 组件,从而快速构建漂亮的应用程...

    3 年前
  • npm 包 task-app-pkg 使用教程

    通常,在前端开发过程中,我们会使用一些工具来帮助我们完成项目。其中,使用 npm 包管理工具是很常见的。 在 npm 包中,有一个名为 task-app-pkg 的工具包,它提供了很多有用的功能,包括...

    3 年前
  • npm 包 pangu-cli2 使用教程

    简介 pangu-cli2 是一个基于 Node.js 的命令行工具,用于对中英文之间自动添加间隔。它可以帮助前端工程师在处理文本排版时提高效率,使排版更加美观。 安装 pangu-cli2 pang...

    3 年前
  • npm 包 `uniquire` 使用教程

    介绍 在前端开发中,我们常常需要使用第三方类库以提高开发的效率和质量。而 npm 是目前最大的前端类库包管理器。在 npm 上,有许多非常优秀的类库,如 JQuery、React 等等。

    3 年前
  • npm 包 mini-circle-progress-bar 使用教程

    在前端开发中,进度条是常见的交互组件之一。mini-circle-progress-bar 就是一个简单易用的 npm 包,可以用来实现小型圆形进度条。本文将介绍该 npm 包的使用教程及示例代码。

    3 年前
  • npm包rm-react-drawer的使用教程

    什么是npm包rm-react-drawer rm-react-drawer是一个React组件包,提供了一个可滑动的抽屉组件。它可以用于网站或应用程序中的侧边栏或导航菜单。

    3 年前
  • npm 包 vuejs-tooltip 使用教程

    前言 前端开发中,我们经常需要使用到一些库或框架来提高开发效率。而在使用这些库或框架时,我们通常会遇到一些问题。本文将为大家介绍一款常用的vue.js组件——vuejs-tooltip,并提供使用教程...

    3 年前
  • npm 包 @matthieurambert/jqueryslide 使用教程

    前言 前端开发中,经常需要用到轮播图来增加页面的交互性和美观性。而 jQuery 是前端界最流行的 JavaScript 库之一,许多开发者也喜欢用它来完成自己的工作。

    3 年前
  • npm 包 is-gnome-session 使用教程

    在 Linux 系统中,GNOME 是一个常见的桌面环境。如果你想在你的应用程序中判断当前是否处于 GNOME 桌面环境下,就需要使用到 is-gnome-session 这个 npm 包。

    3 年前

相关推荐

    暂无文章