{"id":18187,"date":"2025-04-15T07:15:15","date_gmt":"2025-04-15T04:15:15","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/tree-sitter-ile-baslangic-sozdizimi-agaclari-ve-express-api-analizi\/"},"modified":"2025-04-15T07:15:15","modified_gmt":"2025-04-15T04:15:15","slug":"tree-sitter-ile-baslangic-sozdizimi-agaclari-ve-express-api-analizi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/tree-sitter-ile-baslangic-sozdizimi-agaclari-ve-express-api-analizi\/","title":{"rendered":"Tree-sitter ile Ba\u015flang\u0131\u00e7: S\u00f6zdizimi A\u011fa\u00e7lar\u0131 ve Express API Analizi"},"content":{"rendered":"

Tree-sitter ile Ba\u015flang\u0131\u00e7: S\u00f6zdizimi A\u011fa\u00e7lar\u0131 ve Express API Analizi<\/p>\n

Merhaba! Fatih Soysal olarak, sizlere bug\u00fcn olduk\u00e7a g\u00fc\u00e7l\u00fc bir ara\u00e7 olan Tree-sitter’\u0131 ve Express.js ile nas\u0131l entegre edilebilece\u011fini anlataca\u011f\u0131m. Tree-sitter, programlama dillerinin ve di\u011fer metin tabanl\u0131 dosya t\u00fcrlerinin s\u00f6zdizimi a\u011fa\u00e7lar\u0131n\u0131 olu\u015fturmak i\u00e7in tasarlanm\u0131\u015f bir k\u00fct\u00fcphanedir. Bu, kod analizi, kod tamamlama gibi bir\u00e7ok alanda kullan\u0131labilen esnek bir yap\u0131 sa\u011flar. Bu makalede, Tree-sitter’\u0131n temellerini \u00f6\u011frenecek, Express.js API’si ile nas\u0131l entegre edilece\u011fini g\u00f6recek ve bir \u00f6rnek uygulama geli\u015ftirece\u011fiz. Hadi ba\u015flayal\u0131m!<\/p>\n

Tree-sitter’\u0131n G\u00fcc\u00fc: S\u00f6zdizimi A\u011fa\u00e7lar\u0131<\/h2>\n

\u00d6ncelikle, Tree-sitter’\u0131n ne oldu\u011funu ve neden \u00f6nemli oldu\u011funu anlamak gerekiyor. Basit\u00e7e s\u00f6ylemek gerekirse, Tree-sitter, verilen bir kodu, hiyerar\u015fik bir a\u011fa\u00e7 yap\u0131s\u0131 olan bir s\u00f6zdizimi a\u011fac\u0131na d\u00f6n\u00fc\u015ft\u00fcr\u00fcr. Bu a\u011fa\u00e7, kodun yap\u0131s\u0131n\u0131, her bir \u00f6\u011fenin ili\u015fkilerini ve hiyerar\u015fisini net bir \u015fekilde g\u00f6sterir. Bu sayede kod analizi, kod d\u00fczenleme ve di\u011fer bir\u00e7ok i\u015flemi programatik olarak ger\u00e7ekle\u015ftirmek olduk\u00e7a kolayla\u015f\u0131r. \u00d6rne\u011fin, belirli bir fonksiyonun parametrelerini bulmak veya kodun belirli bir b\u00f6l\u00fcm\u00fcn\u00fc de\u011fi\u015ftirmek i\u00e7in s\u00f6zdizimi a\u011fac\u0131n\u0131 kullanabiliriz. Sonu\u00e7 olarak, Tree-sitter’\u0131 kullanarak kod \u00fczerinde \u00e7ok daha geli\u015fmi\u015f ve g\u00fc\u00e7l\u00fc i\u015flemler yapabiliriz.<\/p>\n

Express.js ile Entegrasyon<\/h2>\n

Tree-sitter’\u0131 Express.js ile entegre etmek, kod analizini bir API \u00fczerinden sunmam\u0131z\u0131 sa\u011flar. Bu, di\u011fer uygulamalar\u0131n veya hizmetlerin kod analizi yeteneklerinden faydalanmas\u0131n\u0131 m\u00fcmk\u00fcn k\u0131lar. \u00d6ncelikle, bir Express.js sunucusu olu\u015fturmam\u0131z ve Tree-sitter k\u00fct\u00fcphanesini projeye eklememiz gerekir. Ard\u0131ndan, bir API u\u00e7 noktas\u0131 tan\u0131mlayarak, kullan\u0131c\u0131lar\u0131n kodlar\u0131n\u0131 g\u00f6ndermesini ve s\u00f6zdizimi a\u011fa\u00e7lar\u0131n\u0131 almas\u0131n\u0131 sa\u011flayabiliriz. Bu u\u00e7 nokta, gelen kodu analiz edip, Tree-sitter’\u0131 kullanarak s\u00f6zdizimi a\u011fac\u0131n\u0131 olu\u015fturur ve sonucu JSON format\u0131nda geri d\u00f6nd\u00fcr\u00fcr. Bu i\u015flem olduk\u00e7a h\u0131zl\u0131 ve verimlidir. Daha sonra bu JSON verilerini, farkl\u0131 uygulamalarda kullanabiliriz. \u00d6rne\u011fin, bir web uygulamas\u0131nda kod vurgulama veya hata ay\u0131klama i\u00e7in kullanabiliriz.<\/p>\n

\u00d6rnek Uygulama: JavaScript Analizi<\/h2>\n

\u015eimdi, bir \u00f6rnek uygulama \u00fczerinden Tree-sitter ve Express.js entegrasyonunu daha detayl\u0131 inceleyelim. Bu \u00f6rnekte, kullan\u0131c\u0131lar\u0131n JavaScript kodlar\u0131n\u0131 g\u00f6nderdi\u011fi ve s\u00f6zdizimi a\u011fa\u00e7lar\u0131n\u0131 JSON olarak geri ald\u0131\u011f\u0131 basit bir API olu\u015fturaca\u011f\u0131z. \u0130lk ad\u0131mda, gerekli k\u00fct\u00fcphaneleri y\u00fcklemeliyiz. Sonras\u0131nda, bir Express.js uygulamas\u0131 olu\u015fturup, bir u\u00e7 nokta tan\u0131mlayarak Tree-sitter’\u0131 kullanarak kod analizi yapaca\u011f\u0131z.<\/p>\n

\n\/\/ npm install express tree-sitter\nconst express = require('express');\nconst Parser = require('tree-sitter').Parser;\nconst JavaScript = require('tree-sitter-javascript');\n\nconst app = express();\napp.use(express.json());\n\nconst parser = new Parser();\nparser.setLanguage(JavaScript);\n\napp.post('\/parse', (req, res) => {\n  const code = req.body.code;\n  const tree = parser.parse(code);\n  res.json(tree.rootNode.toString());\n});\n\napp.listen(3000, () => console.log('Sunucu 3000 portunda \u00e7al\u0131\u015f\u0131yor.'));\n<\/code><\/pre>\n
Bu kod,  gelen JavaScript kodunu parse eder ve a\u011fa\u00e7 yap\u0131s\u0131n\u0131  rootNode.toString()<\/code>  ile metin olarak d\u00f6nd\u00fcr\u00fcr.  Daha geli\u015fmi\u015f bir uygulamada, bu a\u011fa\u00e7 yap\u0131s\u0131n\u0131 i\u015flemek ve anlaml\u0131 bilgiler \u00e7\u0131karmak i\u00e7in  Tree-sitter’\u0131n sa\u011flad\u0131\u011f\u0131 fonksiyonlar\u0131 kullanabilirsiniz.  Bu \u00f6rnek,  Tree-sitter’\u0131n Express.js ile entegrasyonunun ne kadar kolay oldu\u011funu g\u00f6stermektedir.  Yine de, ger\u00e7ek d\u00fcnya uygulamalar\u0131nda daha geli\u015fmi\u015f hata y\u00f6netimi ve g\u00fcvenlik \u00f6nlemleri alman\u0131z gerekecektir.<\/p>\n
Sonu\u00e7<\/h2>\n
Bu makalede, Tree-sitter’\u0131 ve Express.js’i kullanarak bir kod analizi API’si olu\u015fturmay\u0131 \u00f6\u011frendik.  Tree-sitter’\u0131n g\u00fcc\u00fc ve Express.js’in kolay kullan\u0131m\u0131 sayesinde,  kod analizini \u00e7e\u015fitli uygulamalar\u0131n\u0131za kolayca entegre edebilirsiniz.  Umar\u0131m bu makale size yard\u0131mc\u0131 olmu\u015ftur. Daha fazla bilgi i\u00e7in fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.  Ayr\u0131ca, Tree-sitter ve Express.js ile ilgili daha fazla kaynak i\u00e7in a\u015fa\u011f\u0131daki linklere g\u00f6z atabilirsiniz:<\/p>\n