Node.js Query Parameters Tutorial 🎯

Welcome back to CodeYourCraft! Today, we're diving into the fascinating world of Node.js Query Parameters 📝. This lesson is designed for both beginners and intermediates, so let's get started!

What are Query Parameters? 💡

Query parameters are a part of a URL that allows us to pass data from the client (usually a web browser) to the server (in our case, Node.js). They are essential for dynamic web applications, enabling you to create more interactive and user-friendly websites.

Understanding a Query Parameter 📝

A typical URL with query parameters looks like this: http://example.com/?name=John&age=30.

http://example.com/ is the base URL.
?name=John&age=30 is the query string.
name and age are the query parameters.
John and 30 are the query parameter values.

Accessing Query Parameters in Node.js 💡

In Node.js, we can access query parameters using the built-in url module.

javascript

const url = require('url');

const parsedUrl = url.parse('http://example.com/?name=John&age=30', true);
console.log(parsedUrl.query); // { name: 'John', age: '30' }

📝 Note: Remember to install the url module using npm install url.

Accessing Individual Query Parameters 💡

To access individual query parameters, you can access the property of the parsedUrl.query object.

javascript

const name = parsedUrl.query.name; // 'John'
const age = parsedUrl.query.age; // '30'

Handling Multiple Query Parameters 📝

If you have multiple query parameters, you can loop through them using a for...in loop or Object.keys().

javascript

for (const key in parsedUrl.query) {
  console.log(`${key}: ${parsedUrl.query[key]}`);
}

Real-world Example 🎯

Let's build a simple Node.js web server that accepts a query parameter to set a user's name.

javascript

const http = require('http');
const url = require('url');

const server = http.createServer((req, res) => {
  const parsedUrl = url.parse(req.url, true);

  if (parsedUrl.query.name) {
    console.log(`Hello, ${parsedUrl.query.name}!`);
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end(`Hello, ${parsedUrl.query.name}!`);
  } else {
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end('Please provide a name.');
  }
});

server.listen(3000, () => console.log('Server running at http://localhost:3000'));

Quiz 💡

That's it for today! Next time, we'll delve deeper into working with query parameters in Node.js. Happy coding! 🎯💻💼