前言
在前端开发中，我们经常需要使用到图片搜索，例如对于某些电商网站可以用于呈现产品图片、抠图等等。对于这种需求，可以使用 Bing 去进行图片搜索。Bing 提供了非常强大的图片搜索 API，这使得我们可以自定义搜索范围、品质等等。Bing API 要求我们进行 OAuth 身份验证，但是我们很难完全理解和认证。
不必担心，本文提供了 npm 包 nodejs-bing，用于进行身份验证、图片搜索和结果显示。这个包使得图片搜索的 JavaScript 代码编写变得更加简单。
安装
我们可以通过 npm 进行安装，请在终端上输入以下命令：
npm install nodejs-bing
使用
nodejs-bing 的使用十分简单，只需两步：
- 在微软认证门户上注册一个应用程序，以获得一个 client id 和 client secret.
- 在 JavaScript 代码中引入 nodejs-bing 模块。
接下来我们来看一下 nodejs-bing 的使用示例。
设置认证信息
在代码中，首先要调用 setAuthInfo 方法来设置应用程序的 client id 和 client secret，它们一起用于身份验证。注意，这些信息在实际代码中应该作为环境变量或者配置文件中进行管理，以保护你的隐私和安全。
const bing = require("nodejs-bing");
bing.setAuthInfo("yourClientId", "yourClientSecret");进行搜索
使用 searchImages 函数可以对图片进行搜索。该函数使用一个对象作为参数，其中图片的搜索关键词应该是被称作“query”的属性值。我们还可以添加其他参数，例如搜索范围（market）、搜索结果数量（count）等等。
-- -------------------- ---- -------
-------------------
------ ----
------- --------
------ --
-- --------------- ----- -
-- -------- -
------------------
- ---- -
---------------------
-
---结果展示
在完成搜索后，返回的数据是一个包含多个搜索结果的数组。我们可以使用以下代码展示图片：
-- -------------------- ---- -------
-------------------
------ ----
------- --------
------ --
-- --------------- ----- -
-- -------- -
---------------------------- -
-------------------
---
- ---- -
---------------------
-
---输出的结果是一个对象数组，每个对象表示一个图片。
{
id: 'some id',
name: '',
contentUrl: '',
thumbnailUrl: ''
}总结
本文介绍了如何使用 npm 包 nodejs-bing 去调用 Bing 的图片搜索 API，以及如何展示搜索结果。使用该包，开发者可以编写简单而优雅的 JavaScript 代码来搜索和展示图片。同时注意保护您的身份验证信息，以确保代码的安全性和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005546d81e8991b448d1b59