npm 包 giphy-api-without-credentials 使用教程

Giphy 是一个非常流行的 GIF 图片库,它提供了很多有趣的 GIF 图片供人们使用。Giphy 的 API 也很简单易用,使得开发者可以轻松地在自己的应用程序中使用 Giphy 提供的 GIF 图片。不过,Giphy 的 API 接口需要用户注册账号,获取 API key 才能使用。

不幸的是,使用 Giphy API 的时候,你不仅需要注册账号,获取 API key,还需要按照 Giphy 官网的要求进行验证,验证过程还需要1-3天的时间。若不能通过验证则 API key 将会被禁用。这对于有些人来说是一件麻烦事情。

giphy-api-without-credentials 是一个支持无需 API key 的 Giphy API npm 包。它允许您轻松地在您的应用程序中使用 Giphy API,而无需费劲地设置 API key。

安装及使用

你可以使用 npm 在你的项目中安装 giphy-api-without-credentials

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

在代码中引入该包:

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

Giphy API 需要提供一个搜索关键字和一个回调函数,返回值是一个符合条件的 GIF。

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

在上面的代码中,我们使用 giphy.randomByTag 方法来搜索包含“cat”的 GIF,然后我们把返回的 gif 对象中的 GIF URL 打印到控制台上。

giphy-api-without-credentials 包还支持其他的搜索方法,你可以在Giphy API 官网查看完整文档。

具有学习和指导意义的示例

下面是一个更高级的示例,一个可以搜索并下载 Giphy 图片的脚本:

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

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

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

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

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

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

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

上面的脚本会从 Giphy 搜索与给定的搜索术语匹配的前五个 GIF 图片,并将第一个 GIF 图片作为文件下载保存。(请注意,下载和保存 GIF 图片的代码仍然是异步的,并且代码中实现了一个回调函数,在完成下载后调用该函数。)

该示例代码可以帮助读者更好地理解和掌握 giphy-api-without-credentials 包的具体用法,从而更好地使用 Giphy API。

结论

giphy-api-without-credentials 是一个事实上的 Giphy API 的替代品,它省去了获取 API key 及 API 授权等诸多繁琐细节。通过使用 npm 包 giphy-api-without-credentials,你可以使用 Giphy API 并集成 GIF 图片到你的应用程序,而无需费心地获取我们让用户感到繁琐的 API key。

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


猜你喜欢

  • npm 包 markunit 使用教程

    前言 在前端开发中,通常会使用一些开源的工具和库来提升开发效率以及代码质量。而在这些工具和库中, npm 是一个非常常用的包管理工具,我们可以在 npm 上搜索到各种各样的包,包括但不限于各种 UI ...

    5 年前
  • npm 包 elementory 使用教程

    简介 elementory 是一个基于 Vue.js 的 UI 库,提供了一系列的界面组件和工具,方便开发者快速构建 Web 应用程序。它具有代码轻量、易于使用、高度可配置的特点,适用于各种项目的开发...

    5 年前
  • npm 包 test-support 使用教程

    在进行前端开发时,我们经常需要进行单元测试、集成测试甚至端到端测试,这些测试可以帮助我们更好地保障我们的代码。而对于一些非常繁琐的测试逻辑,我们可以使用 test-support 这个 npm 包来帮...

    5 年前
  • npm 包 poly 使用教程

    在前端开发中,我们经常需要在不同的浏览器中测试页面的兼容性。由于不同的浏览器对各种 Web 技术的支持程度不同,导致我们经常需要对代码进行大量的兼容处理。这样不仅耗时耗力,而且容易出错。

    5 年前
  • npm 包 Rest 使用教程

    在前端开发中,Restful API 是很常见的一种数据交互方式,许多前端开发者都需要使用 Restful API 来实现业务逻辑。本文将介绍如何使用 npm 包 Rest,使前端开发者能够轻松地实现...

    5 年前
  • npm 包 node-red-gaia 使用教程

    前言 node-red-gaia 是基于 Node-RED 开发的一种流程编排工具,用于支持无服务器开发。该工具提供了可视化的节点编辑器来快速构建 Lambda 函数,使得无服务器架构的开发更加高效。

    5 年前
  • npm 包 kinvey-angular-sdk 使用教程

    Kinvey 是一个快速构建应用程序后端的云服务平台。 Kinvey 提供了许多客户端库,其中之一是 kinvey-angular-sdk。此库支持 AngularJS 应用程序和 Kinvey 后端...

    5 年前
  • npm 包 rollup-plugin-minify 使用教程

    简介 rollup-plugin-minify 是一款 Rollup 的插件,它可以将打包后的 JavaScript 代码进行压缩和混淆。通过 minify 这个插件可以将代码大小减小,减少网络传输和...

    5 年前
  • npm 包 atool-monitor 使用教程

    atool-monitor 是一个用于前端性能监控和错误日志收集的 npm 包,它可以帮助前端开发者快速定位并解决网站或应用的性能问题。本文将介绍 atool-monitor 的使用方法,包括安装、引...

    5 年前
  • npm包 is-ali-env 使用教程

    在前端开发中,我们经常会遇到需要判断运行环境的情况,比如判断当前代码是否正在阿里云服务器上运行。对于这种问题,我们可以使用is-ali-env这个npm包。本文将为大家介绍is-ali-env的使用教...

    5 年前
  • npm 包 spm-log 使用教程

    1. 简介 spm-log 是一款基于 Node.js 平台的日志管理工具,它可以帮助前端开发者实现日志输出,方便排查问题和分析用户行为。 2. 安装 在项目根目录下执行以下命令可以安装 spm-lo...

    5 年前
  • npm 包 dora 使用教程

    什么是 dora? dora 是一个简单易用的前端本地服务器,可以使用多种文件协议,支持代理和配置文件等功能,可以方便地搭建本地开发环境。 安装 dora 使用 npm 即可快速安装 dora,输入以...

    5 年前
  • npm 包 navbar.js 使用教程

    随着网站的不断发展,导航栏(Navbar)已成为现代网站中不可或缺的一部分。为了更好地实现网站导航栏的功能和样式,前端技术人员开发了许多实用的工具和框架。而本文介绍的 npm 包 navbar.js ...

    5 年前
  • npm 包 zazen 使用教程

    在前端开发中,我们常常会用到一些工具来帮助我们更高效地完成日常工作。其中,npm 包是一个非常重要的工具集之一。zazen 是一个优秀的 npm 包,它提供了许多便利的功能,帮助我们更好地完成前端开发...

    5 年前
  • npm 包 zaze 使用教程

    前言 近年来,JavaScript 开发已经成为 Web 开发的基石。由于 JS 发展的快速和开源社区的支持,前端开发中出现了大量可复用的代码和工具,其中包括众多使用 npm 包管理器下载和使用的库和...

    5 年前
  • npm 包 eslint-plugin-sort-imports-es6-autofix 使用教程

    ESLint 是一个开源的 JavaScript 代码检查工具,可以检测常见的代码错误和风格问题,并可以自定义规则。而 eslint-plugin-sort-imports-es6-autofix 则...

    5 年前
  • npm 包 eslind-config-marudor 使用教程

    eslint-config-marudor 是一个用于 ESLint 的配置包,它包含了 Marudor 公司的前端代码规范。通过使用 eslint-config-marudor 可以保证我们的前端代...

    5 年前
  • npm 包 eslint-plugin-class-property 使用教程

    什么是 eslint-plugin-class-property 在 React 16.7.0 版本中,新增了 Hooks 特性,这一特性曾经被视为将 React 革命性地改变的一步。

    5 年前
  • npm 包 tmodjs-syd 使用教程

    什么是 tmodjs-syd? tmodjs-syd 是一个可以快速开发前端模板的 npm 包,其内部集成了模块化开发,自动化编译和压缩等功能,方便前端开发人员进行模板开发。

    5 年前
  • NPM 包 Hotglue 使用教程

    在前端开发中,我们经常会遇到需要动态加载 JavaScript、CSS、图片等资源的情况。而 Hotglue 这个工具可以帮助我们自动化这个过程,让动态加载变得更加简单和高效。

    5 年前

相关推荐

    暂无文章