Use the Google Custom Search JSON API to retrieve images

 To use the Google Custom Search JSON API to retrieve images, you need two things:

✅ 1. Google API Key

🔧 Steps:

  1. Go to the Google Cloud Console.

  2. Create a new project (or select an existing one).

  3. In the left sidebar, go to APIs & Services > Credentials.

  4. Click "Create credentials" > "API key".

    • Copy the API Key shown — you'll use this in your code.

✅ 2. Custom Search Engine ID (cx)

🔧 Steps:

  1. Go to the Custom Search Engine (CSE) page.

  2. Click "Get Started".

  3. Enter a domain to search (e.g., www.google.com or leave it as *.com to search the whole web).

  4. Click "Create".

  5. After it's created, go to the Control Panel.

  6. Under "Search engine ID", you'll see your cx value — copy this.

🛠 Enable Image Search:

  1. In the Custom Search Engine settings (Control Panel):

  2. Go to "Basics" > Sites to search → make sure it’s set to “Search the entire web”.

  3. Go to "Image Search" tab (or advanced settings) and enable "Image Search".

  4. Save the changes.

✅ Final Setup in Code

js

const apiKey = "YOUR_API_KEY"; // from Google Cloud Console
const searchEngineId = "YOUR_SEARCH_ENGINE_ID"; // from Custom Search Engine

Then, you can use the code you shared to fetch an image based on a query.


🧪 Example

If you're searching for a "burger", the API might return:

json

{
  "items": [
    {
      "link": "https://upload.wikimedia.org/burger.jpg",
      ...
    }
  ]
}

This link can be used as the image source (<img src="..."/>).

Comments

Post a Comment

What is your thought about this?

Popular posts from this blog

Terminal commands relared to files in the Ubuntu

 🔍 Viewing and Navigating Files Command Description ls List files and directories in the current directory ls -l Long listing (with permissions, size, date, etc.) ls -a Show hidden files (those starting with . ) cd [directory] Change directory pwd Print current working directory tree View directory structure in tree form (may need sudo apt install tree ) 📁 Creating and Managing Files Command Description touch filename Create a new empty file nano filename Edit a file using nano text editor cat filename View file contents more filename / less filename Scroll through file contents cp file1 file2 Copy a file mv oldname newname Rename or move a file rm filename Delete a file rm -i filename Delete with confirmation rm -f filename Force delete without confirmation 📂 Working with Directories Command Description mkdir directory_name Create a directory mkdir -p path/to/directory Create nested directories rmdir directory_name Remove empty directory rm -r directory_name Remove direc...
Read more

Laravel Best Practices: Building Robust and Maintainable Applications

Image
Laravel is one of the most popular PHP frameworks due to its elegance, simplicity, and developer-friendly syntax. But to fully harness Laravel’s power, developers must adhere to certain best practices that ensure their applications are secure, maintainable, and scalable. In this article, we’ll explore typical best practices for Laravel , drawing examples from a real-world scenario—an admin system handling borrow requests. 1. Use Service Classes for Business Logic Why? Keeping your controllers thin and offloading business logic to service classes promotes separation of concerns and cleaner code. public function approveRequestAction($borrowId): JsonResponse { $this->borrowService->approve($borrowId); return response()->json(['message' => 'Request approved']); } 2. Exception Handling Graceful error handling provides better developer and user experience. Use try-catch blocks and Laravel’s built-in exceptions like ModelNotFoundException . try { $th...
Read more