<\/div>\n
Merhaba,<\/p>\n
Bu makalemizde web platformundaki t\u00fcm uygulamlarda en kritik husus olan, kullan\u0131c\u0131 etkilemi\u015finin en temel unsuru ve SEO a\u00e7\u0131s\u0131ndan arama motorlar\u0131n\u0131n okunabilirlik derecesi bak\u0131m\u0131ndan olduk\u00e7a \u00f6nemsenen url yap\u0131lar\u0131n\u0131n \u015fematize edilmesi i\u00e7in kullan\u0131lan Routing mekanizmas\u0131n\u0131 Node.js framework\u00fcn\u00fcn Express.js mod\u00fcl\u00fc \u00e7er\u00e7evesinde de\u011ferlendiriyor olaca\u011f\u0131z.<\/p>\n
Bilindi\u011fi \u00fczere d\u00f6rt temel Http metodu mevcuttur. Bunlar;<\/p>\n
DELETE<\/li>\n<\/ol>\n
Express.js’de bu temel http metotlar\u0131n\u0131n haricinde bir de “ALL” metodu mevcuttur. Bu metot gelen t\u00fcm istekleri kar\u015f\u0131lamas\u0131 i\u00e7in di\u011fer metotlar\u0131n i\u015flevini tek ba\u015f\u0131na bar\u0131nd\u0131rabilecek \u015fekilde olu\u015fturulmu\u015ftur.<\/p>\n
Express.js’de bu metotlar kullanarak routing rotalar\u0131 olu\u015fturulmaktad\u0131r. Bunu \u00f6nceki makalelerimizde ele ald\u0131\u011f\u0131m\u0131z gibi h\u0131zl\u0131ca burada da \u00f6rneklendirelim.<\/p>\n
\r\nconst express = require("express");\r\nconst app = express();\r\n\r\napp.get("\/users", (request, response) => {\r\n    response.send(`${request.url} : GET`);\r\n}).post("\/createuser", (request, response) => {\r\n    response.send(`${request.url} : POST`);\r\n}).put("\/updateuser", (request, response) => {\r\n    response.send(`${request.url} : PUT`);\r\n}).delete("\/removeuser", (request, response) => {\r\n    response.send(`${request.url} : DELETE`);\r\n});\r\n\r\napp.listen(1453, () => {\r\n    console.log("Yay\u0131n ba\u015flad\u0131...");\r\n});\r\n<\/pre>\nG\u00f6r\u00fcld\u00fc\u011f\u00fc \u00fczere route yap\u0131lar\u0131 yukar\u0131daki gibi olu\u015fturulmaktad\u0131r. Olu\u015fturulan bu istekleri “Postman” uygulamas\u0131yla denersek e\u011fer;<\/p>\n\n\n\n\n\nGET<\/th>\n POST<\/th>\n<\/tr>\n<\/thead>\n
<\/a><\/td>\n <\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\nPUT<\/th>\n DELETE<\/th>\n<\/tr>\n<\/thead>\n
<\/a><\/td>\n <\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\ng\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi ilgili rotalara isteklerimiz ba\u015far\u0131yla ger\u00e7ekle\u015ftirilmektedir.<\/p>\n
Express.js route yap\u0131lanmas\u0131nda belirli \u00f6zel karakterlerle rotalar\u0131m\u0131z\u0131 daha da \u00f6zelle\u015ftirebiliriz. Bu karakterler; “?”, “*” ve “+” operat\u00f6rleridir. \u015eimdi bu operat\u00f6rleri s\u0131ras\u0131yla incelersek e\u011fer;<\/p>\n\n\n?<\/strong>
\n“?” operat\u00f6r\u00fc, sa\u011f\u0131nda kullan\u0131ld\u0131\u011f\u0131 karakteri zorunlu olmaktan \u00e7\u0131kar\u0131r.
\n\u00d6rne\u011fin;
\n“Gen?\u00e7ay” de\u011ferini ele al\u0131rsak e\u011fer ‘n’ karakteri olsada olur! olmasa da!
\n“Gen?\u00e7ay” = “Gen\u00e7ay” = “Ge\u00e7ay”
\nBenzer mant\u0131kla birden fazla karakter \u00fczerinde bu operat\u00f6r\u00fc kullanmak isterseniz ilgili ifadeleri parantez i\u00e7ine alman\u0131z yeterlidir.
\n“Ge(n\u00e7)ay” = “Gen\u00e7ay” = “Geay”
\nBurada dikkat edilmesi gereken husus birden fazla karakter \u00fczerinde \u00e7al\u0131\u015f\u0131rken ya o karakterlerin hepsi ifade i\u00e7erisinde olmayacak ya da hepsi olacak… Son \u00f6rne\u011fimizde bu uyar\u0131ya istinaden “Genay” ifadesinde hata ile kar\u015f\u0131la\u015f\u0131lacakt\u0131r.<\/p>\nKodsal \u00f6rnek vermemiz gerekirse;<\/p>\n\r\napp.get("\/use?rs", (request, response) => {\r\n    response.send(`${request.url} : GET`);\r\n});\r\n<\/pre>\n<\/a><\/p>\n
\r\napp.get("\/u(se)?rs", (request, response) => {\r\n    response.send(`${request.url} : GET`);\r\n});\r\n<\/pre>\n<\/a>\n<\/li>\n
\n*<\/strong>
\n* operat\u00f6r\u00fc kullan\u0131ld\u0131\u011f\u0131 yere herhangi bir de\u011feri\/ifadeyi getirmemizi sa\u011flayan bir operat\u00f6rd\u00fcr.
\n\u00d6rne\u011fin;
\n“Gen*\u00e7ay” ifadesinde ‘*’ operat\u00f6r\u00fcn\u00fcn yerine herhangi bir ifade getirilebilir.
\n“Gen*\u00e7ay” = “Genn\u00e7ay” = “Gena\u00e7ay”” = “Genzmeceylan\u00e7ay” = “Gensebepsizbosyereayrilacaksan\u00e7ay” = vs. vs.
\nKodsal \u00f6rnek;<\/p>\n\r\napp.get("\/use*rs", (request, response) => {\r\n    response.send(`${request.url} : GET`);\r\n});\r\n<\/pre>\n<\/a>\n<\/li>\n
\n+<\/strong>
\n“+” operat\u00f6r\u00fc solundaki ifadenin ayn\u0131s\u0131n\u0131 \u00e7o\u011faltan bir operat\u00f6rd\u00fcr.
\n\u00d6rne\u011fin;
\n“Gen+\u00e7ay” ifadesinde ‘n’ karakteri \u00e7o\u011falt\u0131larak “Gennnnn…\u00e7ay” \u015feklinde yaz\u0131labilir.
\nKodsal \u00f6rnek;<\/p>\n\r\napp.get("\/use+rs", (request, response) => {\r\n    response.send(`${request.url} : GET`);\r\n});\r\n<\/pre>\n<\/a>\n<\/li>\n<\/ul>\n
GET \u0130steklerine Parametre Atama<\/h3>\nGelen GET isteklerine Query String tarz\u0131nda parametre atamak i\u00e7in “:” operat\u00f6r\u00fcyle a\u015fa\u011f\u0131daki gibi bir de\u011fi\u015fken tan\u0131ml\u0131yoruz.<\/p>\n\r\napp.get("\/user\/:id", (request, response) => {\r\n    response.send(request.params);\r\n});\r\n<\/pre>\n<\/a>
\nDikkat ederseniz e\u011fer “:” operat\u00f6r\u00fc ile “id” isimli bir de\u011fi\u015fken tan\u0131mlam\u0131\u015f bulunmaktay\u0131z. \u0130lgili de\u011fi\u015fkeleri ve de\u011ferlerini “request.params” komutuyla elde edebilmekteyiz.<\/p>\n
\r\napp.get("\/user\/:detail\/:id", (request, response) => {\r\n    response.send(`id : ${request.params.id} - detail : ${request.params.detail}`);\r\n    console.log();\r\n});\r\n<\/pre>\n<\/a><\/p>\n
Router Nesnesi \u0130le Route Y\u00f6netimi<\/h3>\n\u00c7al\u0131\u015fmalar\u0131m\u0131zda birbirinden farkl\u0131 route yap\u0131lar\u0131n\u0131 tek bir s\u0131n\u0131f alt\u0131nda toplamak ileriye d\u00f6n\u00fck olduk\u00e7a kar\u0131\u015f\u0131k ve zay\u0131f y\u00f6netilebilir bir durum arz edecektir. Dolay\u0131s\u0131yla route yap\u0131lanmalar\u0131n\u0131 ilgili mod\u00fcllere b\u00f6lerek bu mod\u00fclleri Express.js’de ki Router nesnesi arac\u0131l\u0131\u011f\u0131yla bir b\u00fct\u00fcn olarak y\u00f6netmek \u00e7al\u0131\u015fmalar\u0131m\u0131zda olduk\u00e7a h\u0131zl\u0131 ve kar\u0131\u015f\u0131kl\u0131l\u0131\u011fa mahal vermeksizin anlaml\u0131 ilerlememizi sa\u011flayacakt\u0131r.<\/p>\n
\u015eimdi bir \u00f6rnek senaryo \u00fczerinden konuyu ele alal\u0131m. \u0130lk olarak birden fazla route yap\u0131s\u0131n\u0131 olu\u015fturaca\u011f\u0131m\u0131z s\u0131n\u0131flar\u0131m\u0131z\u0131 olu\u015ftural\u0131m.<\/p>\n
\r\n\/\/-user.js\r\nconst express = require("express");\r\nconst router = express.Router();\r\n\r\nrouter.get("\/getusers", (request, response) => {\r\n    response.send(`URL : ${request.url} | RequestType : GET`);\r\n}).post("\/adduser", (request, response) => {\r\n    response.send(`URL : ${request.url} | RequestType : POST`);\r\n});\r\n\r\nmodule.exports = router;\r\n<\/pre>\n\r\n\/\/-content.js\r\nconst express = require("express");\r\nconst router = express.Router();\r\n\r\nrouter.get("\/getcontent", (request, response) => {\r\n    response.send(`URL : ${request.url} | RequestType : GET`);\r\n}).post("\/addcontent", (request, response) => {\r\n    response.send(`URL : ${request.url} | RequestType : POST`);\r\n});\r\n\r\nmodule.exports = router;\r\n<\/pre>\nS\u0131n\u0131flar\u0131m\u0131za dikkat ederseniz e\u011fer Express mod\u00fcl\u00fc i\u00e7erisindeki “Router” metodunu kullan\u0131larak bir route yap\u0131lanmas\u0131 olu\u015fturulmaktad\u0131r ve bu route yap\u0131s\u0131 “module.exports” ile di\u011fer mod\u00fcllere ta\u015f\u0131nmaktad\u0131r. Bu route yap\u0131lar\u0131n\u0131n kullan\u0131labilmesi i\u00e7in ilgili s\u0131n\u0131flara “require” edilmeleri ve a\u015fa\u011f\u0131daki gibi uygulamaya “use” fonksiyonuyla tan\u0131t\u0131lmalar\u0131 gerekmektedir.<\/p>\n
\r\nconst express = require("express");\r\nconst app = express();\r\nconst userRoutes = require(".\/user");\r\nconst contentRoutes = require(".\/content");\r\napp.use("\/", userRoutes);\r\napp.use("\/", contentRoutes);\r\n\r\napp.listen(1453, () => {\r\n    console.log("Yay\u0131n ba\u015flad\u0131...");\r\n});\r\n<\/pre>\nBu i\u015flemden sonra ilgili rotalara isteklerde bulunursak e\u011fer;<\/p>\n\n\n\n\n\n\nuser.js<\/th>\n content.js<\/th>\n<\/tr>\n<\/thead>\n
<\/a><\/td>\n <\/a><\/td>\n<\/tr>\n
<\/a><\/td>\n <\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\ng\u00f6rsellerde oldu\u011fu gibi s\u0131k\u0131nt\u0131s\u0131z bir \u015fekilde \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6receksiniz.<\/p>\n
Son olarak “use” fonksiyonunda verilen ilk parametrenin de\u011ferine g\u00f6re ilgili route yap\u0131lanmalar\u0131 ilgili de\u011ferin alt\u0131nda olacak \u015fekilde \u00e7a\u011fr\u0131lacakt\u0131rlar. \u015e\u00f6yle ki;<\/p>\n
\r\napp.use("\/user\/", userRoutes);\r\napp.use("\/content\/", contentRoutes);\r\n<\/pre>\n\u015feklinde tan\u0131mlama yap\u0131lsayd\u0131 “user.js” de ki urller “user\/****” \u015feklinde ve “content.js” de ki urller ise “content\/****” \u015feklinde olu\u015fturulmas\u0131 gerekecekti.<\/p>\n
Evet… Express.js’de routing i\u015flemlerini tam teferruatl\u0131 ele almaya \u00e7al\u0131\u015ft\u0131k. Faydalanman\u0131z dile\u011fiyle…<\/p>\n
Sonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere…
\n\u0130yi \u00e7al\u0131\u015fmalar…<\/p>\n","protected":false},"excerpt":{"rendered":"
Merhaba, Bu makalemizde web platformundaki t\u00fcm uygulamlarda en kritik husus olan, kullan\u0131c\u0131 etkilemi\u015finin en temel unsuru ve SEO a\u00e7\u0131s\u0131ndan arama motorlar\u0131n\u0131n okunabilirlik derecesi bak\u0131m\u0131ndan olduk\u00e7a \u00f6nemsenen url yap\u0131lar\u0131n\u0131n \u015fematize edilmesi i\u00e7in kullan\u0131lan Routing mekanizmas\u0131n\u0131...<\/p>\n","protected":false},"author":1,"featured_media":8686,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2495,2145],"tags":[2142,2497,2516,2521,2520,2518,2519,2147,2517],"class_list":["post-8783","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-express-js","category-node-js","tag-http-get","tag-express-js","tag-express-js-routing","tag-http-all","tag-http-delete","tag-http-post","tag-http-put","tag-node-js","tag-node-js-routing"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=8783"}],"version-history":[{"count":36,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8783\/revisions"}],"predecessor-version":[{"id":8838,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8783\/revisions\/8838"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/8686"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=8783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=8783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=8783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}