npm 包 @rtsao/create-probot-plugin 使用教程

前言

随着 GitHub Flow 的发展,越来越多的开发者选择使用 Probot 来构建他们的 GitHub 应用,Probot 可以轻松编写处理 GitHub WebHooks 的服务器less函数。例如,Probot 可以通过触发来自 GitHub 的事件并响应他们来自动执行一些操作。

而 @rtsao/create-probot-plugin 就是 Probot 的一个插件,通过它你能够更方便的创建在 Probot 中使用的插件。下面将详细讲解如何使用这个 npm 包。

环境准备

在开始学习和使用 @rtsao/create-probot-plugin 之前,需要先在您的本地环境安装以下依赖:

  • node.js
  • npm 或 yarn(这里使用 npm)

安装 @rtsao/create-probot-plugin

使用 npm 安装:

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

创建 Probot 插件

在安装好 @rtsao/create-probot-plugin 模块之后,我们就可以使用它来创建 Probot 插件。首先,在我们的工程目录下,我们使用以下命令来创建一个基于 Typescript 的 Probot 插件:

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

这里的 my-plugin 是你所创建项目的名称,可以根据你自己的喜好来命名。

你执行这个命令之后,所创建的项目将包括以下内容:

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

其中,src/index.ts 是插件入口文件,src/hello-world.ts 是插件的示例代码。

编写插件代码

使用 @rtsao/create-probot-plugin 创建了项目之后,我们就可以编辑插件代码了。打开 src/hello-world.ts 文件,复制并粘贴以下代码:

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

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

这个插件很简单,它只是在控制台输出 Hello World,但是我们可以在它的基础上进行扩展。

运行插件

现在,我们已经创建了一个简单的插件,还需要在本地运行它。首先,我们需要进入项目目录,并使用以下命令安装项目的依赖:

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

在安装项目依赖之后,我们需要运行以下命令来启动插件:

--- -----

运行之后,你应该可以看到控制台输出 "Hello, World!"。

发布插件

你可能想要将你的插件发布到 npm 上, 那么我们可以使用以下命令:

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

使用插件

让我们显示在 GitHub 上执行操作。首先,我们的 Probot 应用需要有权限执行某个操作。例如在本例中,我们要让我们的 Probot 应用有权限拉取 repository 的信息,我们可以在这个页面上创建一个新的 OAuth Application:

https://github.com/settings/developers

创建应用成功之后,我们需要配置对应的环境变量。在我们创建的 my-plugin 目录下,创建一个名为 ".env" 的文件,并将环境变量写入其中:

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

其中 APP_ID,WEBHOOKS_SECRET 及 PRIVATE_KEY_PATH 来自于 OAuth Application 配置页面。PRIVATE_KEY_PATH 是你的私钥文件路径,可以按照官网上的步骤进行生成。

然后就可以运行以下命令来启动插件:

--- -----

这时候,我们的 Probot 应用会监听 webhook,你可以在应用 hooks 的配置页面上添加需要监听的 webhook。至此,我们就学会了如何创建一个 Probot 插件,以及如何监听 GitHub Webhooks 并作出相应的响应。

总结

这篇文章介绍了如何使用 @rtsao/create-probot-plugin 包来创建 Probot 插件,并详细讲述了如何运行以及发布插件。此外,我们还介绍了如何配置环境变量,以及如何使用插件来监听和响应 GitHub Webhooks。

希望这篇文章对你的学习有所帮助,并且对你理解 Probot 的原理和使用有所帮助。如果还有什么问题,欢迎在评论区留言,我会尽快回答。

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


猜你喜欢

  • npm 包 aor-epilogue-client 使用教程

    在现代的前端开发中,npm 包管理系统扮演着至关重要的角色。其中,aor-epilogue-client 是一款非常有用的 npm 包,它可以帮助我们快速地搭建起一个完整的 React 后台管理系统。

    3 年前
  • npm 包 cat-time-tracker 使用教程

    在前端开发中,我们常常需要记录代码的执行时间等信息,以便于优化代码及提升用户体验。此时,npm 包 cat-time-tracker 可以大大地帮助我们,让我们能够轻松地记录代码的执行时间、消耗时间等...

    3 年前
  • npm 包 microless 使用教程

    前言 随着前端技术的迅猛发展,前端工程化已经成为了前端开发不可避免的一个问题。而 npm 包作为前端工程化必不可少的一部分,更是前端开发必须了解和掌握的知识之一。在 npm 上发布和维护自己的 npm...

    3 年前
  • npm 包 redux-saga-timer 使用教程

    redux-saga-timer 是一个用于在 Redux-Saga 中执行定时器任务的库。这个包提供了一种简单的方式来在应用程序中控制时间,从而能够将异步任务与定时器任务进行结合。

    3 年前
  • npm 包 chromeless-instagram 使用教程

    前言 chromeless-instagram 是一个基于 Node.js 的 npm 包,用于爬取 Instagram 的数据和图片。这个包使用了无头浏览器 Chromeless,并且实现了一个简单...

    3 年前
  • npm 包 delay-keyup 使用教程

    delay-keyup 是一款适用于前端开发的 npm 包,它可以延迟触发按键事件,并在延时结束后执行回调函数,从而提高用户体验。在本篇文章中,我们将介绍该 npm 包的安装、使用以及它的一些常见用法...

    3 年前
  • npm 包 dva-tools 使用教程

    概述 dva-tools 是一个基于 dva 的工具包,专门用于简化和优化 dva 应用程序的开发流程。它包含了一系列的工具和插件,可快速搭建基础应用程序,并提供了一些便捷的操作方式,使得使用 dva...

    3 年前
  • npm 包 express2md 使用教程

    介绍 Express2md 是一个用于将 Express API 转换为 Markdown 格式的 npm 包。它可以帮助前端开发者更方便地阅读和理解 Express API 文档。

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

    概述 在前端开发中,我们常常会使用 Redux 和 Redux-Saga 这两个库来处理应用程序的状态管理和异步操作。但是,配置 Redux 和 Redux-Saga 通常需要编写大量的重复代码。

    3 年前
  • npm 包 rx-lokka 使用教程

    什么是 rx-lokka rx-lokka 是一个基于 rxjs 的 Lokka 客户端的库。Lokka 是一个简单且通用的 GraphQL 客户端,它支持多种传输方式,如 HTTP、WebSocke...

    3 年前
  • npm 包 gulp-ahex 使用教程

    前言 在前端领域,自动化构建是必不可少的环节。而自动化构建的工具中,gulp 是一款流行的工具。它是基于 Node.js 构建的,通过编写 gulpfile.js 文件来定义任务,实现前端代码的自动化...

    3 年前
  • npm 包 web-voice-search 使用教程

    在现代 Web 应用程序中,语音搜索功能已经变得越来越普遍,正是因为语音技术的发展和用户对语音搜索方式的接受度增加。不过,为了让浏览器支持语音搜索,我们需要使用一些特定 API,这些 API 并不是在...

    3 年前
  • npm 包 http-logs 使用教程

    在前端开发中,处理网络请求是无法避免的一个环节。为了更好地了解和调试网络请求,我们常常需要记录请求和响应的信息。http-logs 就是一个非常方便的 npm 包,它可以帮助我们记录 HTTP 请求和...

    3 年前
  • npm 包 react-native-asyncstorage 使用教程

    React Native 是一款让你可以使用 JavaScript 和 React 构建本地移动应用程序的框架。而 npm 包 react-native-asyncstorage 则是为 React ...

    3 年前
  • npm 包 mediocre-captionbot 使用教程

    前言 在现代 Web 开发中,随着互联网及移动设备的迅速发展,前端开发也越来越受到重视。为了提高工作效率以及代码质量,前端开发人员需要借助各种工具来辅助开发。而 npm 是一个非常流行的包管理工具,它...

    3 年前
  • npm 包 ng-db-worker 使用教程

    前言 在 Web 应用中,前端性能优化一直是非常重要的一环。而其中一个很好的办法,就是将一些计算密集型的任务交给 Web Worker 来处理,从而避免阻塞 UI 线程。

    3 年前
  • npm 包 @mightyminds/auth 使用教程

    在现代的 Web 开发中,认证与授权是不可或缺的功能。而 @mightyminds/auth 就是一款帮助开发者快速实现认证与授权的 npm 包。本文将详细介绍该包的安装、使用和示例,并且探讨认证与授...

    3 年前
  • npm 包 slush-haaretz-lib 使用教程

    介绍 npm 是前端开发中不可缺少的工具,它为我们提供了大量的依赖包和工具,slush-haaretz-lib 就是其中的一个。 slush-haaretz-lib 是一款基于 slush 的构建工具...

    3 年前
  • npm 包 git-remote-to-ssh 使用教程

    前言 在前端开发中,我们往往需要使用 Git 进行代码版本管理,而在使用 Git 的过程中,我们也经常需要设置 Git remote,以便我们能够正常地进行代码的 push 和 pull 操作。

    3 年前
  • npm 包 j6 使用教程

    在前端领域中,npm 作为 Node.js 的包管理工具,已经成为开发者不可或缺的好帮手。npm 提供了海量的开源软件包,使得开发者能够更快速地开发和部署应用。其中,j6 就是一款非常优秀的 npm ...

    3 年前

相关推荐

    暂无文章