npm 包 generator-appdirect-connector 使用教程

前言

generator-appdirect-connector 是一个基于 Yeoman 的脚手架工具,用于快速创建 AppDirect Connector 项目框架。AppDirect Connector 是连接 AppDirect Marketplace 和你的应用程序的途径,该 npm 包在创建一个 Connector 项目时,会自动生成符合 AppDirect Connector 规范的代码结构与文件,帮助你快速完成 Connector 开发。

安装

在安装 generator-appdirect-connector 之前,首先需要安装 Node.js 与 npm。然后在命令行工具中输入以下命令安装 generator-appdirect-connector:

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

安装完成后,通过以下命令来验证是否安装成功:

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

如果安装成功,会出现以下的提示信息:

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

使用

运行以下命令来创建一个新的 AppDirect Connector 项目:

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

之后,你将会进入一个交互式的命令行界面,在其中你将需要输入一些基本的项目配置信息,例如 Connector 名称、作者、版权信息等。在输入完所有信息后,你将会看到一个新的 AppDirect Connector 项目已经生成,并包含一些基本的代码结构。以下是创建的项目的代码结构:

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

在以下部分中,我们将会解释该项目的重要代码部分。

app.js

该文件是整个应用程序的入口文件。通过该文件,你可以了解应用程序定义了哪些路由规则,以及如何习惯性地处理到来的 HTTP 请求。在一个 Connector 项目中,应该将请求转发到具体的 Controller 中,而 Controller 的作用是处理并响应来自 AppDirect Marketplace 的事件。

lib/server.js

该文件包含了实现 Controller 的处理器的代码。在 Connector 中,Controller 主要处理 AppDirect Marketplace 发送的事件。使用此文件,你可以创建跟 AppDirect Marketplace 的连接,以接收 AppDirect Marketplace 发送的事件信息并解析。在处理完事件后,Controller 会根据需要采取相应的行动或响应。

public/assets

该文件夹用于存放与该 Connector 相关的文件。在该文件夹中,你可以存入该 Connector 的图标、图片等内容。

public/scripts

在该文件夹中,你可以存储 JavaScript 脚本文件,以在应用程序中使用这些脚本。

public/styles

该文件夹在 Connector 中主要用于存储与CSS相关的文件。在该文件夹中,你可以编写需要应用于该 Connector 界面的 CSS 文件。

views

在该文件夹中,你可以存放用于渲染 Connector 界面的 HTML 文件。该文件夹中的所有HTML文件都可以通过Handlebars.js进行渲染。

test/server.js

该文件包含要运行的测试代码,用于核实 Controller 函数是否能够正常接收 AppDirect Marketplace 发送的事件并正常处理此事件。

示例代码

在此处,我们将提供一些示例代码,以帮助你快速了解如何使用 generator-appdirect-connector 。

在整个示例代码中,$Connector 代表您的 Connector 名称。

创建本地 AppDirect Connector 项目

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

提示输入 Connector 的名称、作者、版权信息等基本信息,之后会自动生成一个基本的 Connector 项目。

启动本地 Connector 应用程序

进入新建项目的根目录,在命令行中输入以下命令启动应用程序:

--- -----

连接到 AppDirect Marketplace

要连接到 AppDirect Marketplace,你需要创建一个向 AppDirect Marketplace 注册你的 Connector 的 URL,即您将启动本地应用程序的域名。例如,如果本地应用程序使用的域名为$Connector.local,那么该 URL 会是:

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

所生成的项目包含一个名为 lib/server.js 的文件,此文件可用于创建一个连接到 AppDirect Marketplace 的代码。使用以下代码:

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

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

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

当应用程序启动并侦听连接时,它将自动连接到 AppDirect Marketplace 并尝试向 AppDirect 注册 Connector。当成功注册连接器时,您将看到如下输出:

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

这样,你就成功的连接到了 AppDirect Marketplace,并且向其注册了 Connector 信息。

使用 Controller 处理来自 AppDirect 的事件

在本例中,我们将展示如何编写一个特定的 Controller,该 Controller 处理用户订阅AppDirect的事件。我们将使用一个名为 subscription_create 的应用程序路由,并使用与其关联的 Controller 处理它。

在 app.js 中,添加以下代码:

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

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

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

lib/server.js 中,你可以在Controller中添加如下代码:

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

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

在此处,我们添加了一个名为 createSubscription 的函数,该函数用于处理 SUBSCRIPTION_ORDER 事件(即用户购买该应用程序的订阅)。

可使用 validateRequest 函数来验证 AppDirect 的发送操作是否确定:

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

在上述代码中,我们使用标准 Node.js 加密库来验证 AppDirect 的事件 URL,以确保请求确实是由 AppDirect Marketplace 发送的。

结论

generator-appdirect-connector 是一个使您更快更轻松地建立 AppDirect 接口通信的强大工具。如果你觉得在之前的上下文中缺少重要部分或是存在问题,欢迎在下面的评论中反馈。 通过使用此工具,您将能够更轻松地连接到 AppDirect Marketplace,并更快地完成 Connector 项目的开发。

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


猜你喜欢

  • npm 包 fast-slides 使用教程

    介绍 fast-slides 是一个基于 React 的快速生成漂亮 Slide 的 npm 包。它旨在使前端开发者可以快速地建立并共享漂亮的 Slide,而不需要费力地去设计每一页的样式。

    3 年前
  • npm 包 postgresql-waterline-adapter 使用教程

    简介 postgresql-waterline-adapter 是一个 Node.js 的 ORM(Object Relational Mapping,对象关系映射)数据库适配器,用于操作 Postg...

    3 年前
  • npm 包 sails-mongo2 使用教程

    作为前端开发人员,我们常常需要使用各种第三方的库来完成我们的开发任务。而 npm(Node Package Manager)作为目前最流行的 Node.js 包管理工具,能够帮助我们快速的安装和管理我...

    3 年前
  • npm 包 seotag 使用教程

    在前端开发中,SEO(Search Engine Optimization,搜索引擎优化)是一个非常重要的问题。在网站建设中,好的 SEO 优化可以大幅增加网站的流量,提高网站的曝光率。

    3 年前
  • npm 包 structured-filter-ru 使用教程

    在前端开发中,数据筛选和排序是一项很常见的任务。而structured-filter-ru这个npm包可以帮助我们方便的实现这一功能。本文将介绍如何使用这个npm包,并给出一些实用的例子。

    3 年前
  • npm 包 tsx-menu 使用教程

    前言 tsx-menu 是一个基于 React 和 TypeScript 的菜单组件,它提供了多级菜单、键盘操作、多种主题等功能,是我们常常用到的组件之一。在本文中,我们将介绍如何使用这个 npm 包...

    3 年前
  • npm 包 gateway-ftp 使用教程

    在 Web 开发中,经常需要使用 FTP 上传和下载文件。FTP 是一个基于 TCP 协议的文件传输协议,用来在客户端和服务器之间传输文件。FTP 客户端可以通过一些命令,如上传、下载、删除、重命名等...

    3 年前
  • npm 包 rw-select2 使用教程

    介绍 rw-select2 是一个基于 Select2 构建的 React 组件,旨在为前端开发者提供更便捷的 Select 组件。它具有自动化、可定制化以及国际化的特点,而且使用简单,是一个十分优秀...

    3 年前
  • npm 包 vanillajs-router 使用教程

    简介 vanillajs-router 是一个基于原生 JavaScript (Vanilla JavaScript)实现的路由库。它可以将 URL 映射到 JavaScript 函数上,从而实现对页...

    3 年前
  • npm 包 @aneilbaboo/winston-cloudwatch 使用教程

    前言 在前端开发中,日志系统是一个不可或缺的组成部分。在生产环境中查看日志是排查问题的重要手段之一。在开发过程中,使用合适的日志系统可以帮助我们更好地定位问题并改进代码。

    3 年前
  • npm 包 react-template-engine 使用教程

    React-Template-Engine 是一个基于 React 的模板引擎,可帮助开发人员更轻松地开发动态的 Web 应用程序。React-Template-Engine 允许开发人员通过简单地使...

    3 年前
  • npm 包 three-ik 使用教程

    在前端开发中,three.js 是一个常用的 3D 渲染库,可以帮助我们快速开发 3D 应用。在使用 three.js 开发 3D 应用时,需要对物体进行旋转、位移、伸缩等操作,而为了方便进行这些操作...

    3 年前
  • npm 包 rups-first-component 使用教程

    简介 rups-first-component 是一个基于 React 的 UI 组件库,其中包含了一些常用的 UI 组件,比如按钮、输入框等等。它是一个可复用、可扩展、易于使用的前端组件库。

    3 年前
  • npm 包 grunt-contrib-jasmine-latest 使用教程

    什么是 grunt-contrib-jasmine-latest? grunt-contrib-jasmine-latest 是一个便利的 npm 包,用于在 grunt 构建中集成 Jasmine ...

    3 年前
  • npm 包 hostm 使用教程

    简介 Hostm 是一个 Node.js 模块,用于管理 hosts 文件。这个模块可以帮助我们修改 hosts 文件,实现本地域名解析映射,方便本地调试、跨域开发等。

    3 年前
  • npm 包 ng2-select-base 使用教程

    在前端开发中,选择组件是必不可少的工具之一。ng2-select-base 是一个基于 Angular 2+ 的下拉选择组件,其提供了丰富的 API 文档和示例,可以为我们的项目带来方便和优雅的选择组...

    3 年前
  • npm包zcy-rc-tree使用教程

    1. 什么是zcy-rc-tree zcy-rc-tree是一个基于React组件库Antd的树形控件。它提供了一组丰富灵活的接口,包括可拖拽、可勾选、异步加载等,可以快速搭建出各种类型的树状结构。

    3 年前
  • NPM 包 num-tofixed 使用教程

    简介 num-tofixed 是一个可将任意数字插入分隔符并按需四舍五入的包。它是一种轻量级工具,可以在前端应用程序中快速处理数字格式的显示问题。 安装 我们可以将 num-tofixed 作为 NP...

    3 年前
  • npm 包 apikey-manager 使用教程

    在前端开发中,我们经常需要使用第三方 API 来获取数据或者进行数据处理。这些 API 都需要使用 API Key 来进行验证,如果在开发过程中频繁去查找 API Key 或者手动输入 API Key...

    3 年前
  • npm 包 mri-help 使用教程

    前言 在现代的前端开发中,使用各种工具和库是必不可少的。而 npm 作为前端最常用的包管理工具之一,为我们提供了非常便捷的依赖管理和使用方式。但是,在众多的 npm 包中,有些会涉及到一些比较深奥的知...

    3 年前

相关推荐

    暂无文章