html - 我可以将 Google 图片搜索嵌入到我的 html5 网页中吗

Question

我想做的是让用户点击我网站上的按钮(实际上是一个在用户机器上本地运行的网络应用程序，因此每个实例都是单个用户)，它会启动具有各种参数设置和显示的谷歌图像搜索结果在我的 html 页面的一部分中。

这是因为他们可以选择一张图片并将其拖放到我网页上的放置区。这部分有效，但目前搜索在新选项卡中打开，因此从该选项卡拖到我的选项卡有点麻烦。

作为 iframe 嵌入是行不通的，Google 不允许这样做。

所以

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

b> 我可以从我的服务器发送一个 url 请求吗(比如 curl/wget 然后截屏结果并显示在网页上

Answer 1

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

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

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

使用 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 key ，从 https://console.developers.google.com/ 获得
• cx:上一节中的自定义搜索引擎 ID

只需将上述参数作为 JSON 传递给 API 端点(也在上面列出)，即可发出 GET 请求。

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

引用: https://developers.google.com/custom-search/json-api/v1/reference/cse/list

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