MERN Stack പഠനത്തിന്റെ 37-ാം ദിവസം

എന്റെ MERN stack പഠനയാത്രയുടെ 37-ാം ദിവസമാണിന്ന്.

ഇന്നലെ /about, /contact തുടങ്ങിയ പേജുകൾക്കായി സ്ട്രക്ചറൽ റൂട്ടിംഗ് (structural routing) ഞാൻ സജ്ജമാക്കിയിരുന്നു. ഇന്ന് ഞാൻ ബാക്കെൻഡ് ഡെവലപ്‌മെന്റിലേക്ക് (backend development) കടന്നു. URL പാഴ്സിംഗിലും (URL parsing) ക്വറി പാരാമീറ്ററുകളിലും (query parameters) ആണ് ഞാൻ ഇന്ന് ശ്രദ്ധ കേന്ദ്രീകരിച്ചത്.

ഒരു വെബ്‌സൈറ്റിൽ നിങ്ങൾ ഒരു ഉൽപ്പന്നം തിരയുമ്പോൾ, ആ വിവരങ്ങൾ URL-ൽ അടങ്ങിയിരിക്കും. Node.js-ൽ ഈ വിവരങ്ങൾ എങ്ങനെ വായിക്കാമെന്നും ഉപയോഗിക്കാമെന്നും ഞാൻ പഠിച്ചു.

ഒരു URL എന്നത് വെറുമൊരു ടെക്സ്റ്റ് സ്ട്രിംഗ് മാത്രമല്ല. അതൊരു സ്ട്രക്ചർ ചെയ്ത ഒബ്‌ജക്റ്റ് (structured object) ആണ്. അത് എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്ന് താഴെ നൽകുന്നു:

ഈ അഡ്രസ്സുകളെ വേർതിരിച്ചറിയാൻ ഞാൻ url മോഡ്യൂൾ ഉപയോഗിച്ചു. പാഴ്സർ (parser) അസംസ്‌കൃത URL-നെ ഉപയോഗപ്രദമായ ഒരു ഒബ്‌ജക്റ്റാക്കി മാറ്റുന്നു.

ഇന്ന് ഞാൻ ഉപയോഗിച്ച കോഡ് ഇതാ:

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);

ഈ രീതി ക്വറി ടെക്സ്റ്റിനെ ലളിതമായ ഒരു JavaScript ഒബ്‌ജക്റ്റാക്കി മാറ്റുന്നു. ഇത് ഡാറ്റ കൈകാര്യം ചെയ്യുന്നത് ലളിതവും കാര്യക്ഷമവുമാക്കുന്നു.

Source: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758