MERN Stack கற்றலில் 37-வது நாள்

எனது MERN stack பயணத்தில் நான் 37-வது நாளில் இருக்கிறேன்.

நேற்று, /about மற்றும் /contact போன்ற பக்கங்களுக்கான சுத்தமான routing-ஐ அமைத்தேன். இன்று, backend தரவுத் தொடர்பில் (data communication) கவனம் செலுத்தினேன். URL parsing மற்றும் query parameters பற்றிப் படித்தேன்.

நீங்கள் ஒரு இணையதளத்தில் தயாரிப்புகளைத் தேடும்போது, அந்தத் தளம் URL மூலம் தரவை அனுப்புகிறது. முகவரிப் பட்டியில் (address bar) கேள்விக்குறிய்க்குப் பிறகு கூடுதல் உரையை நீங்கள் அடிக்கடி காண்பீர்கள். இதுதான் query தரவு.

இந்தத் தரவைப் படிக்க Node.js url module-ஐ எவ்வாறு பயன்படுத்துவது என்று கற்றுக்கொண்டேன். இந்த module ஒரு நீண்ட URL string-ஐ ஒரு கட்டமைக்கப்பட்ட object-ஆக மாற்றுகிறது.

தரவு எவ்வாறு பிரிக்கப்படுகிறது என்பது இதோ:

url module இந்தத் தரவை உங்கள் குறியீட்டில் எளிதாகப் பயன்படுத்த உதவுகிறது. இது string-ஐ ஒரு JavaScript object-ஆக மாற்றுகிறது.

உதாரணக் குறியீடு:

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

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

if (pathname === "/search") {
    res.writeHead(200, { "Content-Type": "text/plain" });
    res.end(`Searching logs for user: ${queryData.name} with ID: ${queryData.id}`);
} else {
    res.end("Standard Endpoint View");
}

}); server.listen(8000);

URL-களை parse செய்யக் கற்றுக்கொள்வது, நீங்கள் dynamic இணையதளங்களை உருவாக்க உதவும். இப்போது இணைய முகவரியிலிருந்தே பயனரின் உள்ளீட்டை (user input) நேரடியாகப் பெற முடியும்.

மூலம்: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758