Github 上有大量优秀的开源项目，可是有时候我们会很难决定在这么多项目中选择哪一个。为了帮助程序员能够更好地了解 Github 上的开源项目的热度和趋势，社区中出现了一些很有用的工具。其中 github-trending-crawler 就是一个方便的 npm 包，可以用来爬取 Github 的 Trending 页面数据。本文将介绍如何使用该 npm 包，并通过示例代码来说明其具体使用方法。
安装
在命令行终端中运行命令：
npm install github-trending-crawler
即可将 github-trending-crawler 安装到您的项目中。
使用方法
首先，我们需要引入 github-trending-crawler：
const { crawler } = require('github-trending-crawler');该工具具有两种使用方式，一种可以获取所有语言的 Trending 的信息，另一种可以获取指定语言的 Trending 的信息。
获取所有语言的 Trending 的信息
使用下面的代码可以获取所有语言的 Trending 页面数据：
async function getAllTrending() {
const trending = await crawler.all();
console.log(trending);
}
getAllTrending();上述代码使用了 ES6 中的 async 和 await 关键字，以异步方式获取 Trending 数据。通过该函数中的 console.log(trending) 将获取到的数据输出到控制台。
获取指定语言的 Trending 的信息
使用下面的代码可以获取指定语言的 Trending 页面数据：
async function getTrendingByLanguage() {
const lang = 'javascript';
const trending = await crawler.languages(lang);
console.log(trending);
}
getTrendingByLanguage();上述代码在函数中用变量 lang 存储了指定的语言名称，在实际使用时可根据需要更改该值。使用 crawler.languages 方法来获取指定语言的 Trending。
数据结构
通过 github-trending-crawler 爬取到的 Github Trending 数据包含如下字段：
author：开发者名称name：项目名称repo：Github 项目地址description：项目描述lang：项目语言starsToday：项目当日 Star 数量stars：项目总 Star 数量forks：项目 Fork 数量
示例代码
最后，我们来看下如何将 github-trending-crawler 爬取到的数据进行展示。下面是一份使用 Node.js + Express 框架的示例代码：
-- -------------------- ---- -------
----- ------- - -------------------
----- - ------- - - -----------------------------------
----- --- - ----------
----- ---- - -----
------------ ----- ----- ---- -- -
----- -------- - ----- --------------------------------
----- ------------ - ------------------- -- -
----
-----------------------
------ -----------------------------------------
----------------------------
---------------------------
----------------------
----------------------
-----
------------
----------
------
------
------------- ----------------
----- ----------------
-------
------
-------
-------
----
---------------
-------------
--------------------
-------- ----------
-------------
--------------
-----
--------
-------
---------------
--------
--------
-------
-------
---
---
---------------- -- -- -------------------- --- --------- -- ---- ------------上述代码定义了一个 GET 请求的路由，使用 crawler.languages 获取指定语言的 Trending 数据，将获取到的数据渲染成一个 HTML 页面并返回给客户端。在浏览器中输入 http://localhost:3000 即可查看 Github Trending 页面的展示效果。
总结
通过本文的介绍，您已经知道了如何安装和使用 github-trending-crawler，并可以借助示例代码了解如何使用该工具来获取 Github Trending 数据。希望这篇文章对您学习和开发前端项目有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056e9281e8991b448e7536