我可以将Google Image搜索嵌入到我的html5网页中吗？

Question

我希望能够做到的是用户点击我的网站上的按钮(实际上是一个在用户计算机上本地运行的webapp,因此每个实例都是单个用户),它启动了一个带有各种参数的Google图像搜索并显示结果我的html页面的一部分.

这是因为他们可以选择一个图像并将其拖放到我的网页上的dropzone中.这部分有效,但目前搜索是在新标签中打开,所以从该标签拖到我的标签有点痛苦.

嵌入作为iframe不起作用,Google不允许这样做.

所以

a>是否有Google认可的API我可以用来执行Google搜索图片并在我的页面中显示.

b>我可以从我的服务器发送发送网址请求(我喜欢curl/wget然后屏幕抓取结果并显示在网页上)

Answer 1

Google 的自定义搜索引擎 (CSE) API 限制为每天 100 个免费请求。

创建cx和修改它以搜索图像

1. 根据您的搜索条件在https://cse.google.com/cse/create/new创建自定义搜索引擎。
2. 选择要搜索的网站（如果您想搜索整个网络，请将此留空，否则您可以输入一个网站在一个特定网站中进行搜索）
3. 输入搜索引擎的名称和语言。
4. 点击“创建”。您现在可以cx在浏览器 URL 中找到。
5. 在“修改您的搜索引擎”下，单击“控制面板”按钮。在“编辑”部分，您将找到一个带有开/关按钮的“图像搜索”标签，将其更改为ON。单击“更新”以保存更改。

使用 API 进行搜索

API 端点 url 是 https://www.googleapis.com/customsearch/v1

此 API 使用以下 JSON 参数：

• q: 指定搜索文本
• num: 指定结果数。需要 1 到 10（含）之间的整数值
• start：结果的“偏移量”，搜索应该从哪个结果开始。需要 1 到 101 之间的整数值。
• imgSize: 图片的大小。我用了"medium"
• searchType: 必须设置为 "image"
• filetype: 指定图像的文件类型。我使用了`"jpg"，但如果文件扩展名对你来说无关紧要，你可以省略它。
• key：API 密钥，从https://console.developers.google.com/获得
• cx：上一节中的自定义搜索引擎 ID

只需GET通过将上述参数作为 JSON 传递到 API 端点（也在上面列出）来发出请求。

注意：如果您在搜索引擎设置中设置了推荐人列表，则通过浏览器访问该 URL 可能无法正常工作。您将需要从此列表中指定的服务器进行 AJAX 调用（或其他语言的等效调用）。它仅适用于在配置设置中指定的引用。

参考：https : //developers.google.com/custom-search/json-api/v1/reference/cse/list

答案来自：https : //stackoverflow.com/a/34062436/4366303