මේ පාඩමේදී බලාපොරොත්තු වෙන්නේ Routing කරන්නේ කොහොමද කියල.ඔයා තාම express install කරගෙන නැත්නම් මෙන්න මේ link එකට ගිහින් කලින් post එක බලන්න.

අද මම get request handle කරන විදිය තමා කියල දෙන්න බලාපොරොත්තු වෙන්නේ. මම මේ routes ටික ලියන්නේ app.js එකේ

මෙතන 1st line එකෙන් කරන්නේ express කියන framework එක load කරගන්නවා var express කියල තියෙන variable එකට.

එතකොට 2nd line එකෙන් කරන්නේ app කියල variable එකක් හදාගන්නවා express එකේ තියෙන method call කරන්න

එතකොට දැන් අපි බලමු server එක හදාගන්න හැටි

මෙතන මම කරලා තියෙන්නේ අපේ express project එක 8080 කියන port එකෙන් open කරන එක.එතකොට මේ නමක් නැති function වලට කියන්නේ anonymous function කියල.

කොහොමද දැන් මේ express project එක run කරන්නේ?

ඔයාගේ terminal එකේ node app.js කියලා type කරලා enter කරන්න.

.ඔන්න ඔය විදියට display උනොත් අවුලක් නෑ

දැන් බලමු get request handle කරන විදිය

app.get("/home",function(req,res){
    res.send("This is home page");
}); 

මෙතන වෙලා තියෙන්නේ get request එකක් ආවොත් /home කියල එතකොට server එක response කරනවා.This is home page කියල.මට අමතක උනා කියන්න req වලින් කියන්නේ request කියන එක res වලින් කියන්නේ response කියන එක. send වලින් වෙන්නේ html page එකක අපේ message එක render කරන එක.

http://localhost:8080/home කියල ඔයාගේ web browser එකේ address එක විදියට දුන්නොත් This is home page කියල display වේවි.මතක තියාගන්න ඔය app.js වල මොනවහරි වෙනස් කරොත්, save කරලා ආයේ server එක start කරන්න වෙනවා.

ඔයාට මේ send වලදී html tag use කරන්නත් පුළුවන්.හැබැයි මේක අපි use කරන් නෑ මොකද ඒක සංකීර්ණ වැඩි සරලවම කිවොත් කැතයි.එත් use කරන්නේ කොහොමද කියල බලන්න මම එක example එකක් දාන්නම්.

 
app.get("/login",function(req,res){
    res.send("<h1>This is login page</h1>");
}); 

මෙන්න මේ get request එක වැදගත්

  
app.get("/home/:id/sigma",function(req,res){
    res.send("sigma page");
}); 

මෙතනදී වෙන්නේ pattern එකක් search කරනවා වගේ seen එකක්. :id කියන එකට url request එකේදී ඕනි දෙයක් එන්න පුළුවන්.නමුත් /home / සහ /sigma දෙපැත්තෙන් තිබුනොත් විතරයි sigma page කියල render කරන්නේ http://localhost:8080/home/dfbsdjfw/sigma මෙන්න මේ වගේ url request එකක්.

දැන් අපි හිතමු අපේ website එකේ නැති page එකක් request කරනවා කියලා

  
app.get("*",function(req,res){
    res.send("Page Not found");
}); 

“*” කියන්නේ ඕනිම url get request එකකට render කරනවා Page Not found කියල.

මේ get request එක අපේ app.js එකේ මුලින් කියපු ඒවායින් පස්සේ තමයි මේක use කරන්නේ නැත්නම් හැම url requset එකටම Page Not found කියල තමා එන්නේ.http://localhost:8080/jhwwbdjwdbwkdjnwk වගේ request එකකට අපි code කරලා නැති නිසා අපිට Page Not found කියන page එක තමා ලැබෙන්නේ

පහල තියෙනවා මුළු code එකම අද කතා කරපු.

 
var express=require("express");
var app=express();

app.get("/home",function(req,res){
    res.send("This is home page");
});
app.get("/login",function(req,res){
    res.send("<h1>This is login page</h1>");
});
app.get("/home/:id/sigma",function(req,res){
    res.send("sigma page");
});

app.get("*",function(req,res){
    res.send("Page Not found");
});

app.listen(8080,function(){
    console.log("server has been started");
}); 

අදට මේ ටික ඇති වගේ post එකක් ටිකක් වෙනදට වඩා දිගයි.ඊලග post එකෙන් හමුවෙමු.

The post express-03 basic Routing කරමු appeared first on The SIGMA.

1.ඔයාට මුලින්ම Node.js install කරගන්න වෙනවා.

ඔයා තාම node install කරලා නැත්නම්.මෙන්න මේ link එකට ගිහින් node download කරගෙන install කරගන්න වෙනවා.

මේක install කරගත්තම ඔයාට node සහ npm (node package manager) එකත් auto install වෙනවා. ඔයාට ඕනිනම් පුලුවන් මෙන්න මේ විදියට Node & NPM install වෙලාද කියල බලන්න.command prompt(cmd ) එකට ගිහින් පහත දැක්වෙන ආකාරයට type කරලා බලන්න.

Node install වෙලාද ? node -v

npm install වෙලාද? npm -v

example :- මෙන්න මේ විදියට ඔයා install කරපු version එක අනුව ලැබෙයි

2.ඔයාට දෙවනුව කරන්න තියෙන්නේ package.json එක හදාගන්න

මට මුලින් කියන්න අමතක උනා මම code edit කරන්න use කරන්නේ vscode text editor එක.ඔයා කැමති නම් install කරගන්න මේ link එකෙන්

• දැන් ඔයා folder එකක් හදාගන්න කැමති නමකින්, මම නම් හදාගෙන තියෙන්නේ v1 කියල.
• ඔයාට පුලුවන් මේ folder එක ඔයාගේ vscode එකෙන් open කරගන්න. ඔයාට terminal එක use කරන්න වෙනවා. terminal එක code editor එකේ පේන්න නැතිනම් ඔයාට තියෙන්නේ view–>terminal දෙන්න
• ඊට පස්සේ ඔයා app.js කියල file එකක් හදාගන්න.
• දැන් ඔයාට තියෙන්නේ package.json කියන json file එක හදාගන්න.මේකට ඔයාට කරන්න තියෙන්නේ terminal එකේ npm init කියල type කරල enter කරන්න විතරයි. මෙතනදී ඔයාට පොඩි form එකක් වගේ දෙයක් set වෙයි .ඔයාට තියෙන්නේ මම පහත කරලා තියෙන විදියට කරන්න.

ඔයා enter කරගෙන යනකොට entry point(index .js ) විදියට තිබ්බොත් කරන්න තියෙන්නේ app .js කියල type කරල enter කරන්න. මතක තියාගන්න ගොඩක් වෙලාවට එහෙම වෙන්නේ ඔයා app.js එක, npm init කරන්න කලින් create කරලා තිබ්බේ නැති උනාම.

3.දැන් කරන්න තියෙන්නේ express install කරගන්න

එකට ඔයාට තියෙන්නේ npm install express –save command එක දෙන්න.මේකට පොඩි වෙලාවක් යයි.

–save එක දෙන්න මතක් කරලා මොකද නැත්නම් ඔයාට dependencies manual set කරන්න වෙනවා.

මට කියන්න බැරි උණා ඇයි package.json එක ඕනි කියල.

package.json එකේ තමා අපේ project එකට අවශ්‍ය meta data තියාගන්නේ. dependencies,author ,project name ,entry point වගේ meta data .ඔයාට package.json file එක open කරොත් බලාගන්න පුළුවන් වෙයි.

අදට express install කරන කොටස ඉවරයි. ඊළඟ ලිපියෙන් බලමු කොහොමද express Framework එකෙන් server එකක් start කරලා url-request handle කරන විදිය.

The post express-02 කොහොමද express install කරගන්නේ? appeared first on The SIGMA.

express කියන්නේ මොකක්ද ?

express කියන්නේ back-end node.js framework එකක්. ඒ කියන්නෙ මේක යොදා ගන්නෙ website එකේ back-end එක හදන්න. ඒ කියන්නෙ මේක Run වෙන්නෙ අපේ web server එකේ.
web site එකක user ට පෙනෙන් නැති logic, database එකත් එක්ක ගනුදෙනු කරනව වගේ (back-end) වැඩ තමා express කරලා දෙන්නේ.

මේ ලිපි මාලාවෙන් අපි බලාපොරොත්තු වෙනවා express පාවිච්චි කරලා web application එකක් හදන්න .මේකට ඔයාලට HTML, CSS, JS, Bootstrap ගැනත් පොඩි දැනුමක් තියෙන්න ඕන. ඒ දේවල් වල ගැන ඔයා දන්නේ නැත්නම් ,මම මේ කියන්න හදන්නේ ඔයාලට උඩදි කියපු Skills ටික හදා ගන්න පුළුවන් ක්‍රමයක්. ඒ තමයි W3School එක. මම එක එක Topic එකට අදාල Link එක මෙතනට දාන්නම්. අවශ්‍ය නම් ඒ ටික බලලා දැනුමක් එකතු කර ගන්න. 

HTML : https://www.w3schools.com/html/

CSS : https://www.w3schools.com/css

JS : https://www.w3schools.com/js/default.asp

Bootstrap : https://www.w3schools.com/bootstrap/default.asp

ඔයාට framework කියන එක ගැන අවබෝදයක් නැත්නම් මෙන්න මේ link එකට ගිහින් බලන්න Framework එකක් කියන්නේ මොකද්ද?. කියල topic එකක් තියෙනවා.

දැන් අපි බලමු Node.js කියන්නේ මොකක්ද කියල?

Node.js කියන්නේ server-side platform එකක්,Node හදපු පුද්ගලයාගේ නම
Ryan Dahl.

අපි බලමු කොහොමද file request එකක් php වලින් handle කරන්නේ කියල ?

1.මුලින්ම task එක යොමු කරනවා computer file system එකට.

2.file system එක අර request කරපු file එක open කරලා read කරනකම් wait වෙවී ඉන්නවා.

3.return කරනවා content එක client ට .

4.ready වෙනවා ඊලග request handle කරන්න.

දැන් අපි බලමු කොහොමද file request එකක් Node වලින් handle කරන්නේ කියල?

1.මුලින්ම task එක යොමු කරනවා computer file system එකට.

2.ready වෙනවා ඊලග request handle කරන්න.

3.file system එක, අර request කරපු file එක open කරලා read කරාම,server එක return කරනවා content එක client ට.

ඇයි මම express තෝරාගත්තේ,වෙන Node.js framework නැද්ද ?

නෑ තව framework තියෙනවා.නමින් කිවොත් koa2, Sails, NestJS, LoopBack වගේ තව ගොඩක් ඒවා තියෙනවා.හැබැයි මේ වනවිට ගොඩක්ම express තමා use වෙන්නේ.ඔයාලා google search කරොත් බලාන්න පුලුවන්.

අදට හැඳින්වීමේ කොටස ඉවරයි. ඊළඟ ලිපියෙන් බලමු කොහොමද express Framework එක ඔයාගෙ Machine එකේ Install කරගන්නේ කියලා.

The post express-01 මොකක්ද මේ express කියන්නේ? appeared first on The SIGMA.