𝗗𝗮𝘆 𝟯𝟳 𝗼𝗳 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴 𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸

𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸 શીખવાનો દિવસ ૩૭

હું મારી MERN stack સફરના ૩૭મા દિવસે છું.

ગઈકાલે, મેં /about અને /contact જેવા પેજ માટે ક્લીન રાઉટિંગ (clean routing) સેટ કર્યું હતું. આજે, મેં બેકએન્ડ ડેટા કોમ્યુનિકેશન (backend data communication) પર ધ્યાન કેન્દ્રિત કર્યું. મેં URL parsing અને query parameters વિશે અભ્યાસ કર્યો.

જ્યારે તમે કોઈ વેબસાઇટ પર પ્રોડક્ટ્સ શોધો છો, ત્યારે સાઇટ URL દ્વારા ડેટા મોકલે છે. તમે ઘણીવાર એડ્રેસ બારમાં પ્રશ્નાર્થ ચિહ્ન (?) પછી વધારાનું લખાણ જુઓ છો. આ ક્વેરી ડેટા (query data) છે.

મેં આ ડેટા વાંચવા માટે Node.js url module નો ઉપયોગ કેવી રીતે કરવો તે શીખ્યું. આ મોડ્યુલ લાંબા URL સ્ટ્રિંગને એક સ્ટ્રક્ચર્ડ ઓબ્જેક્ટમાં ફેરવે છે.

ડેટા કેવી રીતે વિભાજિત થાય છે તે અહીં છે:

• Pathname: આ મુખ્ય લોકેશન છે, જેમ કે /search અથવા /api/products.
• Query: આ પ્રશ્નાર્થ ચિહ્ન પછીના key-value pairs છે, જેમ કે ?name=ali&id=7.

url module આ ડેટાને તમારા કોડમાં વાપરવામાં સરળ બનાવે છે. તે સ્ટ્રિંગને 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 કરતા શીખવાથી તમને ડાયનેમિક વેબસાઇટ્સ બનાવવામાં મદદ મળે છે. હવે તમે વેબ એડ્રેસમાંથી સીધું જ યુઝર ઇનપુટ મેળવી શકો છો.

સ્ત્રોત: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758