Node.js ఎక్స్‌ప్రెస్ ఫ్రేమ్‌వర్క్ ట్యుటోరియల్ - 10 నిమిషాలలో నేర్చుకోండి

ఈ ట్యుటోరియల్‌లో, మేము ఎక్స్‌ప్రెస్ ఫ్రేమ్‌వర్క్‌ను అధ్యయనం చేస్తాము. ఈ ఫ్రేమ్‌వర్క్ కనీస మరియు సౌకర్యవంతమైన Node.js వెబ్ అప్లికేషన్ ఫ్రేమ్‌వర్క్ వలె పనిచేసే విధంగా నిర్మించబడింది, సింగిల్ మరియు మల్టీపేజ్ మరియు హైబ్రిడ్ వెబ్ అప్లికేషన్‌ని రూపొందించడానికి బలమైన ఫీచర్లను అందిస్తుంది.

ఈ ట్యుటోరియల్‌లో, మీరు నేర్చుకుంటారు-

Express.js అంటే ఏమిటి?

Express.js అనేది నోడ్ js వెబ్ అప్లికేషన్ సర్వర్ ఫ్రేమ్‌వర్క్, ఇది ప్రత్యేకంగా సింగిల్ పేజీ, మల్టీ-పేజీ మరియు హైబ్రిడ్ వెబ్ అప్లికేషన్‌లను రూపొందించడానికి రూపొందించబడింది.

ఇది node.js కోసం ప్రామాణిక సర్వర్ ఫ్రేమ్‌వర్క్‌గా మారింది. ఎక్స్‌ప్రెస్ అనేది MEAN స్టాక్ అని పిలవబడే బ్యాకెండ్ భాగం.

MEAN అనేది ఉచిత మరియు ఓపెన్ సోర్స్ జావాస్క్రిప్ట్ సాఫ్ట్‌వేర్ స్టాక్, ఇది డైనమిక్ వెబ్ సైట్‌లు మరియు వెబ్ అప్లికేషన్‌లను రూపొందించడానికి కింది భాగాలను కలిగి ఉంది;

1) మొంగోడిబి - ప్రామాణిక NoSQL డేటాబేస్

2) Express.js - డిఫాల్ట్ వెబ్ అప్లికేషన్‌ల ఫ్రేమ్‌వర్క్

3) కోణీయ. Js - జావాస్క్రిప్ట్ MVC ఫ్రేమ్‌వర్క్ వెబ్ అప్లికేషన్‌ల కోసం ఉపయోగించబడింది

4) Node.js - స్కేలబుల్ సర్వర్-సైడ్ మరియు నెట్‌వర్కింగ్ అప్లికేషన్‌ల కోసం ఉపయోగించే ఫ్రేమ్‌వర్క్.

Express.js ఫ్రేమ్‌వర్క్ GET, PUT మరియు POST మరియు తొలగించు అభ్యర్థనల వంటి బహుళ రకాల అభ్యర్థనలను నిర్వహించడానికి ఉపయోగపడే అప్లికేషన్‌ను అభివృద్ధి చేయడం చాలా సులభం చేస్తుంది.

ఎక్స్‌ప్రెస్‌ని ఇన్‌స్టాల్ చేయడం మరియు ఉపయోగించడం

నోడ్ ప్యాకేజీ మేనేజర్ ద్వారా ఎక్స్‌ప్రెస్ ఇన్‌స్టాల్ చేయబడుతుంది. కమాండ్ లైన్‌లో కింది పంక్తిని అమలు చేయడం ద్వారా దీనిని చేయవచ్చు

npm ఎక్స్‌ప్రెస్‌ను ఇన్‌స్టాల్ చేయండి

పై ఆదేశం నోడ్ ప్యాకేజీ నిర్వాహకుడిని అవసరమైన ఎక్స్‌ప్రెస్ మాడ్యూల్స్‌ని డౌన్‌లోడ్ చేసి, తదనుగుణంగా ఇన్‌స్టాల్ చేయమని అభ్యర్థిస్తుంది.

మేము కొత్తగా ఇన్‌స్టాల్ చేసిన ఎక్స్‌ప్రెస్ ఫ్రేమ్‌వర్క్‌ను ఉపయోగిద్దాం మరియు ఒక సాధారణ 'హలో వరల్డ్' అప్లికేషన్‌ను సృష్టిద్దాం.

మా అప్లికేషన్ ఒక సాధారణ సర్వర్ మాడ్యూల్‌ను సృష్టించబోతోంది, ఇది పోర్ట్ నంబర్ 3000 లో వినబడుతుంది. మా ఉదాహరణలో, ఈ పోర్ట్ నంబర్‌లో బ్రౌజర్ ద్వారా అభ్యర్థన చేయబడితే, సర్వర్ అప్లికేషన్ క్లయింట్‌కు 'హలో' వరల్డ్ 'ప్రతిస్పందనను పంపుతుంది .

var express=require('express'); var app=express(); app.get('/',function(req,res) { res.send('Hello World!'); }); var server=app.listen(3000,function() {}); 

కోడ్ వివరణ:

  1. మా మొదటి లైన్ కోడ్‌లో, 'ఎక్స్‌ప్రెస్ మాడ్యూల్' చేర్చడానికి అవసరమైన ఫంక్షన్‌ను ఉపయోగిస్తున్నాము.
  2. మేము ఎక్స్‌ప్రెస్ మాడ్యూల్‌ను ఉపయోగించడం ప్రారంభించడానికి ముందు, మనం దానికి ఒక వస్తువును తయారు చేయాలి.
  3. ఇక్కడ మేము కాల్‌బ్యాక్ ఫంక్షన్‌ను సృష్టిస్తున్నాము. ఎవరైనా మా వెబ్ అప్లికేషన్ రూట్‌కి బ్రౌజ్ చేసినప్పుడు ఈ ఫంక్షన్ పిలువబడుతుంది http: // స్థానిక హోస్ట్: 3000 . 'హలో వరల్డ్' స్ట్రింగ్‌ను వెబ్ పేజీకి పంపడానికి కాల్‌బ్యాక్ ఫంక్షన్ ఉపయోగించబడుతుంది.
  4. కాల్‌బ్యాక్ ఫంక్షన్‌లో, మేము 'హలో వరల్డ్' స్ట్రింగ్‌ను క్లయింట్‌కు తిరిగి పంపుతున్నాము. వెబ్ పేజీకి కంటెంట్‌ను తిరిగి పంపడానికి 'res' పరామితి ఉపయోగించబడుతుంది. ఈ 'రెస్' పరామితి అనేది వెబ్‌పేజీకి కంటెంట్‌ని తిరిగి పంపడానికి ఎనేబుల్ చేయడానికి 'రిక్వెస్ట్' మాడ్యూల్ ద్వారా అందించబడిన విషయం.
  5. మా సర్వర్ అప్లికేషన్ క్లయింట్ అభ్యర్ధనలను పోర్ట్ నం 3000 లో వినడానికి మేము అప్పుడు వినండి ఫంక్షన్‌ను ఉపయోగిస్తున్నాము. మీరు అందుబాటులో ఉన్న ఏదైనా పోర్ట్‌ని ఇక్కడ పేర్కొనవచ్చు.

కమాండ్ విజయవంతంగా అమలు చేయబడితే, మీరు బ్రౌజర్‌లో మీ కోడ్‌ని అమలు చేసినప్పుడు కింది అవుట్‌పుట్ చూపబడుతుంది.

అవుట్‌పుట్:

అవుట్పుట్ నుండి,

  • పోర్ట్ 3000 లో మేము లోకల్ హోస్ట్ యొక్క URL కు బ్రౌజ్ చేస్తే, పేజీలో 'హలో వరల్డ్' స్ట్రింగ్ ప్రదర్శించబడుతుందని మీరు స్పష్టంగా చూడవచ్చు.
  • పోర్ట్ నంబర్ 3000 లో సర్వర్ వినడానికి మా కోడ్‌లో ప్రత్యేకంగా పేర్కొన్నందున, ఈ URL కు బ్రౌజ్ చేస్తున్నప్పుడు మేము అవుట్‌పుట్‌ను చూడగలుగుతాము.

మార్గాలు అంటే ఏమిటి?

ఒక నిర్దిష్ట ఎండ్ పాయింట్‌కు క్లయింట్ అభ్యర్థనకు ఒక అప్లికేషన్ ప్రతిస్పందించే విధానాన్ని రూటింగ్ నిర్ణయిస్తుంది.

ఉదాహరణకు, ఒక క్లయింట్ క్రింద చూపినటువంటి వివిధ URL ల కోసం ఒక GET, POST, PUT లేదా http అభ్యర్థనను తొలగించవచ్చు; | _+_ |

పై ఉదాహరణలో,

  • మొదటి URL కోసం GET అభ్యర్థన చేయబడితే, ప్రతిస్పందన ఆదర్శంగా పుస్తకాల జాబితాగా ఉండాలి.
  • రెండవ URL కోసం GET అభ్యర్థన చేయబడితే, ప్రతిస్పందన ఆదర్శంగా విద్యార్థుల జాబితాగా ఉండాలి.
  • కాబట్టి యాక్సెస్ చేయబడిన URL ఆధారంగా, వెబ్ సర్వర్‌లో వేరే కార్యాచరణను ప్రారంభించవచ్చు మరియు తదనుగుణంగా, ప్రతిస్పందన క్లయింట్‌కు పంపబడుతుంది. ఇది రూటింగ్ భావన.

ప్రతి రూట్ ఒకటి లేదా అంతకంటే ఎక్కువ హ్యాండ్లర్ ఫంక్షన్‌లను కలిగి ఉంటుంది, ఇవి రూట్ మ్యాచ్ అయినప్పుడు అమలు చేయబడతాయి.

మార్గం కోసం సాధారణ వాక్యనిర్మాణం క్రింద చూపబడింది | _+_ |

ఇందులో,

1) యాప్ అనేది ఎక్స్‌ప్రెస్ మాడ్యూల్ యొక్క ఉదాహరణ

2) పద్ధతి ఒక HTTP అభ్యర్థన పద్ధతి (పొందండి, పోస్ట్ చేయండి, ఉంచండి లేదా తొలగించండి)

3) PATH అనేది సర్వర్‌లో ఒక మార్గం.

4) మార్గం సరిపోలినప్పుడు హ్యాండ్లర్ అమలు చేయబడుతుంది.

ఎక్స్‌ప్రెస్‌లో మార్గాలను ఎలా అమలు చేయవచ్చో ఒక ఉదాహరణ చూద్దాం. మా ఉదాహరణ 3 మార్గాలను సృష్టిస్తుంది

  1. ఈ రూట్ యాక్సెస్ చేయబడితే 'నోడ్‌పై ట్యుటోరియల్' స్ట్రింగ్‌ను ప్రదర్శించే A /నోడ్ మార్గం
  2. A /కోణీయ మార్గం ఈ రూట్ యాక్సెస్ చేయబడితే 'ట్రిటోరియల్ ఆన్ యాంగులర్' స్ట్రింగ్‌ను ప్రదర్శిస్తుంది
  3. డిఫాల్ట్ రూట్ / ఇది 'గురు 99 ట్యుటోరియల్స్‌కు స్వాగతం' అనే స్ట్రింగ్‌ను ప్రదర్శిస్తుంది.

మా ప్రాథమిక కోడ్ మునుపటి ఉదాహరణల మాదిరిగానే ఉంటుంది. దిగువ స్నిప్పెట్ రౌటింగ్ ఎలా అమలు చేయబడుతుందో చూపించడానికి ఒక యాడ్-ఆన్.

http://localhost:3000/Books http://localhost:3000/Students

కోడ్ వివరణ:

  1. URL అయితే ఇక్కడ మేము ఒక మార్గాన్ని నిర్వచించాము http: // లోకల్ హోస్ట్: 3000/నోడ్ బ్రౌజర్‌లో ఎంపిక చేయబడింది. మార్గంలో, మేము నోడ్ URL కు బ్రౌజ్ చేసినప్పుడు పిలవబడే కాల్‌బ్యాక్ ఫంక్షన్‌ను అటాచ్ చేస్తున్నాము.

    ఫంక్షన్ 2 పారామితులను కలిగి ఉంది.

  • మేము ఉపయోగించే ప్రధాన పరామితి 'res' పరామితి, ఇది క్లయింట్‌కు సమాచారాన్ని తిరిగి పంపడానికి ఉపయోగపడుతుంది.
  • 'Req' పారామీటర్‌లో అభ్యర్థన గురించి సమాచారం ఉంది. కొన్నిసార్లు అభ్యర్థన చేయడంలో భాగంగా అదనపు పారామీటర్‌లను పంపవచ్చు, అందుచేత పంపబడిన అదనపు పారామితులను కనుగొనడానికి 'req' పారామీటర్‌ని ఉపయోగించవచ్చు.
  1. నోడ్ మార్గాన్ని ఎంచుకుంటే, క్లయింట్‌కు తిరిగి 'ట్యుటోరియల్ ఆన్ నోడ్' అనే స్ట్రింగ్‌ను పంపడానికి సెండ్ ఫంక్షన్‌ను ఉపయోగిస్తున్నాము.
  2. URL అయితే ఇక్కడ మేము ఒక మార్గాన్ని నిర్వచించాము http: // స్థానిక హోస్ట్: 3000/కోణీయ బ్రౌజర్‌లో ఎంపిక చేయబడింది. మార్గంలో, మేము కోణీయ URL కు బ్రౌజ్ చేసినప్పుడు పిలవబడే కాల్‌బ్యాక్ ఫంక్షన్‌ను జత చేస్తున్నాము.
  3. కోణీయ మార్గాన్ని ఎంచుకున్నట్లయితే క్లయింట్‌కు తిరిగి 'ట్యుటోరియల్ ఆన్ యాంగ్యులర్' స్ట్రింగ్‌ను పంపడానికి సెండ్ ఫంక్షన్‌ను ఉపయోగిస్తున్నాము.
  4. అప్లికేషన్ యొక్క మార్గానికి ఒకరు బ్రౌజ్ చేసినప్పుడు ఇది డిఫాల్ట్ రూట్ - http: // స్థానిక హోస్ట్: 3000 . డిఫాల్ట్ మార్గాన్ని ఎంచుకున్నప్పుడు, 'గురువు 99 ట్యుటోరియల్స్‌కు స్వాగతం' అనే సందేశం క్లయింట్‌కు పంపబడుతుంది.

కమాండ్ విజయవంతంగా అమలు చేయబడితే, మీరు బ్రౌజర్‌లో మీ కోడ్‌ని అమలు చేసినప్పుడు కింది అవుట్‌పుట్ చూపబడుతుంది.

అవుట్‌పుట్:

అవుట్పుట్ నుండి,

  • పోర్ట్ 3000 లో మేము లోకల్ హోస్ట్ యొక్క URL ని బ్రౌజ్ చేస్తే, పేజీలో ప్రదర్శించబడే 'Guru99 ట్యుటోరియల్స్‌కు స్వాగతం' అనే స్ట్రింగ్ మీకు కనిపిస్తుంది.
  • మా కోడ్‌లో, మా డిఫాల్ట్ URL ఈ సందేశాన్ని ప్రదర్శిస్తుందని మేము పేర్కొన్నాము.

అవుట్పుట్ నుండి,

  • URL ను /నోడ్‌కి మార్చినట్లయితే, సంబంధిత నోడ్ మార్గం ఎంపిక చేయబడి, 'ట్యుటోరియల్ ఆన్ నోడ్' స్ట్రింగ్ ప్రదర్శించబడుతుందని మీరు చూడవచ్చు.

అవుట్పుట్ నుండి,

  • URL /కోణీయంగా మార్చబడితే, సంబంధిత నోడ్ మార్గం ఎంచుకోబడి, 'ట్యుటోరియల్ ఆన్ యాంగ్యులర్' స్ట్రింగ్ ప్రదర్శించబడుతుందని మీరు చూడవచ్చు.

Express.js ఉపయోగించి నమూనా వెబ్ సర్వర్

మా పై ఉదాహరణ నుండి, రూటింగ్ ఆధారంగా ఏ అవుట్‌పుట్ చూపించాలో మనం ఎలా నిర్ణయించుకోవాలో చూశాము. ఈ విధమైన రౌటింగ్ చాలా ఆధునిక-రోజు వెబ్ అప్లికేషన్‌లలో ఉపయోగించబడుతుంది. వెబ్ సర్వర్ యొక్క ఇతర భాగం నోడ్ js లో టెంప్లేట్‌లను ఉపయోగించడం గురించి.

త్వరిత ఆన్-ది-ఫ్లై నోడ్ అప్లికేషన్‌లను సృష్టించేటప్పుడు, అప్లికేషన్ కోసం టెంప్లేట్‌లను ఉపయోగించడం సులభమైన మరియు వేగవంతమైన మార్గం. టెంప్లేట్‌లను తయారు చేయడానికి మార్కెట్‌లో అనేక ఫ్రేమ్‌వర్క్‌లు అందుబాటులో ఉన్నాయి. మా విషయంలో, మేము టెంప్లేటింగ్ కోసం జాడే ఫ్రేమ్‌వర్క్ యొక్క ఉదాహరణను తీసుకుంటాము.

జాడ్ నోడ్ ప్యాకేజీ మేనేజర్ ద్వారా ఇన్‌స్టాల్ చేయబడుతుంది. కమాండ్ లైన్‌లో కింది పంక్తిని అమలు చేయడం ద్వారా దీనిని చేయవచ్చు

npm జాడేను ఇన్‌స్టాల్ చేయండి

పైన పేర్కొన్న ఆదేశం నోడ్ ప్యాకేజీ నిర్వాహకుడిని అవసరమైన జాడే మాడ్యూల్స్‌ని డౌన్‌లోడ్ చేసి, తదనుగుణంగా ఇన్‌స్టాల్ చేయమని అభ్యర్థిస్తుంది.

గమనిక: నోడ్ జాడే యొక్క తాజా వెర్షన్‌లో విస్మరించబడింది. బదులుగా, పగ్ ఉపయోగించండి.

మా కొత్తగా ఇన్‌స్టాల్ చేయబడిన జాడే ఫ్రేమ్‌వర్క్‌ను ఉపయోగిద్దాం మరియు కొన్ని ప్రాథమిక టెంప్లేట్‌లను సృష్టించండి.

దశ 1) మొదటి దశ జాడే టెంప్లేట్‌ను సృష్టించడం. Index.jade అనే ఫైల్‌ను సృష్టించి, దిగువ కోడ్‌ని చొప్పించండి. 'వీక్షణలు' ఫోల్డర్‌లో ఫైల్‌ని సృష్టించడం నిర్ధారించుకోండి

  1. ఈ టెంప్లేట్ ప్రారంభించినప్పుడు పేజీ యొక్క టైటిల్ ఏ విలువకు పంపబడుతుందో మేము ఇక్కడ పేర్కొంటున్నాము.
  2. హెడర్ ట్యాగ్‌లోని టెక్స్ట్ జాడే టెంప్లేట్‌లో ఏది పాస్ చేయబడిందో దానికి బదులుగా భర్తీ చేయబడుతుందని కూడా మేము పేర్కొంటున్నాము.

app.METHOD(PATH, HANDLER)

కోడ్ వివరణ:

  1. అప్లికేషన్‌లో పేర్కొనవలసిన మొదటి విషయం టెంప్లేట్‌లను అందించడానికి ఉపయోగించే 'వ్యూ ఇంజిన్'. మేము మా టెంప్లేట్‌లను అందించడానికి జాడేని ఉపయోగించబోతున్నాము కాబట్టి, మేము దీనిని తదనుగుణంగా పేర్కొంటాము.
  2. రెండర్ ఫంక్షన్ వెబ్ పేజీని అందించడానికి ఉపయోగించబడుతుంది. మా ఉదాహరణలో, మేము ఇంతకు ముందు సృష్టించిన టెంప్లేట్ (index.jade) ను అందిస్తున్నాము.
  3. మేము 'గురు 99' మరియు 'వెల్‌కమ్' విలువలను వరుసగా 'టైటిల్' మరియు 'మెసేజ్' పారామితులకు పంపుతున్నాము. ఈ విలువలు 'టైటిల్', మరియు index.jade టెంప్లేట్‌లో ప్రకటించిన 'మెసేజ్' పారామితుల ద్వారా భర్తీ చేయబడతాయి.

కమాండ్ విజయవంతంగా అమలు చేయబడితే, మీరు బ్రౌజర్‌లో మీ కోడ్‌ని అమలు చేసినప్పుడు కింది అవుట్‌పుట్ చూపబడుతుంది.

అవుట్‌పుట్:

అవుట్పుట్ నుండి,

  • పేజీ శీర్షిక 'Guru99' కు సెట్ చేయబడిందని మరియు పేజీ యొక్క శీర్షిక 'స్వాగతం' అని సెట్ చేయబడిందని మనం చూడవచ్చు.
  • మా నోడ్ js అప్లికేషన్‌లో ఇన్‌వెక్డ్ అయిన జాడే టెంప్లేట్ దీనికి కారణం.

సారాంశం

  • ఎక్స్‌ప్రెస్ ఫ్రేమ్‌వర్క్ అనేది నోడ్ js అప్లికేషన్‌లను అభివృద్ధి చేయడానికి ఉపయోగించే అత్యంత సాధారణ ఫ్రేమ్‌వర్క్. ఎక్స్‌ప్రెస్ ఫ్రేమ్‌వర్క్ node.js ఫ్రేమ్‌వర్క్ పైన నిర్మించబడింది మరియు సర్వర్ ఆధారిత అప్లికేషన్‌ల వేగవంతమైన ట్రాకింగ్ అభివృద్ధికి సహాయపడుతుంది.
  • చేసిన అభ్యర్థన ఆధారంగా వెబ్ అప్లికేషన్‌ల యొక్క వివిధ భాగాలకు వినియోగదారులను మళ్లించడానికి రూట్‌లు ఉపయోగించబడతాయి. ప్రతి మార్గానికి ప్రతిస్పందన యూజర్‌కు చూపించాల్సిన వాటిపై ఆధారపడి ఉంటుంది.
  • టెంప్లేట్‌లను సమర్ధవంతమైన రీతిలో కంటెంట్‌ను ఇంజెక్ట్ చేయడానికి ఉపయోగించవచ్చు. Node.js అప్లికేషన్లలో ఉపయోగించే అత్యంత ప్రజాదరణ పొందిన టెంప్లేటింగ్ ఇంజిన్లలో జాడే ఒకటి.