<\/div>\n

Merhaba,<\/p>\n

Node.js’de bir projeyi s\u0131f\u0131rdan manuel olarak olu\u015fturmak zaman ve enerji a\u00e7\u0131s\u0131ndan olduk\u00e7a maliyetli bir durum arz etmektedir. Halbuki s\u0131f\u0131rdan tasarlanacak proje belli bir noktaya kadar varsay\u0131lan bir altyap\u0131da bizlere sunulsa ve s\u00fcre\u00e7te s\u00fcrekli kullanaca\u011f\u0131m\u0131z route yap\u0131lanmalar\u0131, uygulama dosyalar\u0131 ve katmansal yap\u0131lar\u0131n klas\u00f6r hiyerar\u015fisi vs. en temel d\u00fczeyde bizlerin rahat\u00e7a m\u00fcdahale edip de\u011fi\u015ftirebilece\u011fi esneklikte bizi kar\u015f\u0131lasa muhtemelen yeni do\u011facak projemizde l\u00fczumsuz emek israf\u0131ndan b\u00fcy\u00fck \u00f6l\u00e7\u00fcde feregat etmi\u015f olaca\u011f\u0131z.<\/p>\n

Express Application Generator Nedir?<\/h3>\n
Express Application Generator bu ihtiyaca istinaden olu\u015fturulmu\u015f Node.js mod\u00fcl\u00fcd\u00fcr. Bir uygulama ba\u015flarken, ilgili uygulamay\u0131 h\u0131zl\u0131ca aya\u011fa kald\u0131rmak i\u00e7in bir mimari sa\u011flamaktad\u0131r.<\/p>\n

Express Application Generator ile H\u0131zl\u0131 Proje Olu\u015fturma<\/h3>\n

\n1. Ad\u0131m<\/strong>
\n\u0130lk olarak ilgili mod\u00fcl\u00fc a\u015fa\u011f\u0131daki kod sayesinde global olarak sistemimize y\u00fcklememiz gerekmektedir.<\/p>\n
\r\nnpm install express-generator -g\r\n<\/pre>\n
$\"Express$ <\/a>\n<\/li>\n
\n2. Ad\u0131m<\/strong>
\nBu ad\u0131mda ilgili mod\u00fcl\u00fcm\u00fcze projemizin temellerini att\u0131raca\u011f\u0131z. Bu i\u015flem i\u00e7in;<\/p>\n
\r\nexpress abc\r\n<\/pre>\n
\u015feklinde kodumuzu \u00e7al\u0131\u015ft\u0131rabiliriz. Bu kod, \u00e7al\u0131\u015ft\u0131r\u0131ld\u0131\u011f\u0131 dizin alt\u0131nda “abc” ad\u0131nda bir klas\u00f6r olu\u015fturacak ve i\u00e7erisine proje dosyalar\u0131n\u0131 atacakt\u0131r.
\nE\u011fer ki hi\u00e7bir klas\u00f6r olu\u015fturmadan direkt olarak ilgili klas\u00f6re proje dosyalar\u0131n\u0131 olu\u015fturmak istiyorsan\u0131z “.” kullanman\u0131z yeterlidir.<\/p>\n
\r\nexpress .\r\n<\/pre>\n
$\"Express$ <\/a>
\n\u0130lgili komutu \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131m\u0131zda yukar\u0131daki ekran g\u00f6r\u00fcnt\u00fcs\u00fcnde oldu\u011fu gibi hangi dosya ve klas\u00f6rlerin olu\u015fturuldu\u011funu g\u00f6rmektesiniz.<\/p>\n
\u015eimdi 3. ad\u0131ma ge\u00e7meden \u00f6nce burada olu\u015fturulan yap\u0131lar\u0131 inceleyelim. <\/p>\n
$\"Express$ <\/a><\/p>\n
\n
\nbin Klas\u00f6r\u00fc<\/strong>
\nProje i\u00e7erisindeki ana mod\u00fcl\u00fcm\u00fcz olan “app.js” dosyas\u0131na ba\u011f\u0131ml\u0131l\u0131\u011f\u0131 kald\u0131racak ve projenin ba\u015flat\u0131lmas\u0131n\u0131 \u00fcstlenecek olan “www” isimli dosyay\u0131 bar\u0131nd\u0131rmaktad\u0131r.<\/p>\n
\u0130lgili dosyan\u0131n i\u00e7eri\u011fine g\u00f6z atarsak e\u011fer;
\n $\"Express$ <\/a>
\nekran g\u00f6r\u00fcnt\u00fcs\u00fcnde g\u00f6r\u00fcld\u00fc\u011f\u00fc \u00fczere belli ba\u015fl\u0131 \u00e7al\u0131\u015fmalar yap\u0131lm\u0131\u015ft\u0131r. G\u00f6r\u00fcnt\u00fcde farkl\u0131 renklerle vurgulamaya \u00e7al\u0131\u015ft\u0131\u011f\u0131m gibi server olu\u015fturmadan tutun port tan\u0131mlama fonksiyonlar\u0131na kadar t\u00fcm ayarlar ger\u00e7ekle\u015ftirilmi\u015ftir. Burada dikkat edilmesi gereken husus 4. sat\u0131rda bulunan, localde projenin yay\u0131nlanaca\u011f\u0131 port numaras\u0131n\u0131n “3000” olarak belirtilmesidir..\n<\/li>\n
\npublic Klas\u00f6r\u00fc<\/strong>
\nProjede bar\u0131nd\u0131r\u0131lacak dosyalar kategorik bir \u015fekilde bu klas\u00f6rde tutulacakt\u0131r..\n<\/li>\n
\nroutes Klas\u00f6r\u00fc<\/strong>
\nProjede kullan\u0131lacak route yap\u0131lar\u0131n\u0131n bar\u0131nd\u0131r\u0131laca\u011f\u0131 dosyad\u0131r. Hali haz\u0131rda olu\u015fturulmu\u015f herhangi bir route dosyas\u0131n\u0131n i\u00e7eri\u011fine g\u00f6z atarsak e\u011fer;<\/p>\n
\r\nvar express = require('express');\r\nvar router = express.Router();\r\n\/* GET home page. *\/\r\nrouter.get('\/', function(req, res, next) {\r\n res.render('index', { title: 'Express' });\r\n});\r\nmodule.exports = router;\r\n<\/pre>\n
g\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi \u00f6nceden konuyla ilgili kaleme(klavyeye) alm\u0131\u015f oldu\u011fumuz makalelerimizde oldu\u011fu gibi Router nesnesi ile route yap\u0131s\u0131n\u0131 farkl\u0131 bir s\u0131n\u0131fta organize etmektedir.\n<\/li>\n
\nviews Klas\u00f6r\u00fc<\/strong>
\n\u0130\u00e7erisinde projede kullanaca\u011f\u0131m\u0131z Pug dosyalar\u0131n\u0131 bar\u0131nd\u0131racak klas\u00f6rd\u00fcr. Lakin Express Application Generator hali haz\u0131rda olu\u015fturdu\u011fu projede Pug yap\u0131s\u0131n\u0131n eski hali olan Jade format\u0131nda dosyalar\u0131 olu\u015fturmaktad\u0131r. Bizler hemen m\u00fcdahalede bulunup bu dosyalar\u0131n uzant\u0131s\u0131n\u0131 Pug olarak ayarlayabiliriz.
\n $\"Express$ <\/a>\n<\/li>\n
\napp.js Dosyas\u0131<\/strong>
\nProjede ana mod\u00fcl g\u00f6revini \u00fcstlenen dosyad\u0131r. \u0130\u00e7eri\u011fine g\u00f6z atarsak e\u011fer;
\n $\"Express$ <\/a>
\nK\u0131rm\u0131z\u0131<\/span> vurgulanan alanda route mod\u00fclleri require edilmi\u015f, turuncu<\/span> vurgulanan alanda sayfan\u0131n g\u00f6rsellik alt yap\u0131s\u0131 belirtilmi\u015f(burada jade olan de\u011feri pug olarak de\u011fi\u015ftiriyoruz<\/span>), ye\u015fil<\/span> vurgulanan alanda harici dosyalara h\u0131zl\u0131 eri\u015febilmek i\u00e7in “public” klas\u00f6r\u00fc static olarak belirtilmi\u015f, sar\u0131<\/span> vurgulanan alanda require edilen route mod\u00fclleri ana mod\u00fcle route rotalar\u0131 olarak bildirilmi\u015f ve son olarak mor<\/span> vurgulanan alanda ise middleware katmanlar\u0131 olu\u015fturulmu\u015f ve hata kontrol mekanizmas\u0131 sa\u011flanm\u0131\u015ft\u0131r.\n<\/li>\n
\npackage.json Dosyas\u0131<\/strong>
\nPaket ba\u011f\u0131ml\u0131l\u0131k y\u00f6netimi i\u00e7in package.json dosyas\u0131 olu\u015fturulmu\u015ftur. \u0130\u00e7eri\u011fine g\u00f6z atarsak e\u011fer;<\/p>\n
\r\n{\r\n "name": "ecmascript",\r\n "version": "0.0.0",\r\n "private": true,\r\n "scripts": {\r\n "start": "node .\/bin\/www"\r\n },\r\n "dependencies": {\r\n "cookie-parser": "~1.4.3",\r\n "debug": "~2.6.9",\r\n "express": "~4.16.0",\r\n "http-errors": "~1.6.2",\r\n "morgan": "~1.9.0",\r\n "pug": "~2.0.3"\r\n }\r\n}\r\n<\/pre>\n
\u015feklinde tasarlanm\u0131\u015ft\u0131r. Burada “scripts” etiketi i\u00e7erisinde tan\u0131mlanan “start” keyword\u00fcne bakarsan\u0131z e\u011fer “bin” klas\u00f6r\u00fc i\u00e7erisindeki “www” dosyas\u0131 node edilmektedir. Ayr\u0131ca jade’e \u00f6zel (“jade”: “~1.11.0”) paketinin yerine pug i\u00e7in son versiyon paketini ekliyoruz.\n<\/li>\n<\/ul>\n<\/li>\n
\n3. Ad\u0131m<\/strong>
\nProje dosyalar\u0131 olu\u015fturulduktan sonra s\u0131ra package.json dosyas\u0131ndaki t\u00fcm paketleri kurmaya geldi.<\/p>\n
\r\nnpm install\r\n<\/pre>\n<\/li>\n
\n4. Ad\u0131m<\/strong>
\nVee son olarak package.json dosyas\u0131ndaki “scripts” etiketi i\u00e7erisinde tan\u0131mlanan “start” keyword\u00fc ile projemizi \u00e7al\u0131\u015ft\u0131ral\u0131m.<\/p>\n
\r\nnpm start\r\n<\/pre>\n
$\"Express$ <\/a>
\n $\"Express$ <\/a>\n<\/li>\n<\/ul>\n
\u0130lgililerin faydalanmas\u0131 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, Node.js’de bir projeyi s\u0131f\u0131rdan manuel olarak olu\u015fturmak zaman ve enerji a\u00e7\u0131s\u0131ndan olduk\u00e7a maliyetli bir durum arz etmektedir. Halbuki s\u0131f\u0131rdan tasarlanacak proje belli bir noktaya kadar varsay\u0131lan bir altyap\u0131da bizlere sunulsa ve s\u00fcre\u00e7te s\u00fcrekli...<\/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":[2530,2497,2147],"class_list":["post-8889","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-express-js","category-node-js","tag-express-application-generator","tag-express-js","tag-node-js"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8889","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=8889"}],"version-history":[{"count":44,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8889\/revisions"}],"predecessor-version":[{"id":8941,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8889\/revisions\/8941"}],"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=8889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=8889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=8889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}