Node.js ve Puppeteer Kullanımı: Başlangıç Rehberi

2uSa...Ddqn
23 Jan 2024
40

1. Node.js ve Puppeteer Nedir?

1.1. Node.js: Güçlü Server-side JavaScript Platformu



Node.js, açık kaynaklı ve hızlı bir şekilde ölçeklenebilen bir server-side JavaScript platformudur. V8 JavaScript motoru üzerine kurulu olan #Node.js, #web uygulamaları ve ağ uygulamaları geliştirmek için kullanılır. Event-driven, non-blocking I/O modeli sayesinde yüksek performanslı uygulamalar oluşturmanızı sağlar.


1.2. Puppeteer: Headless Chrome Kontrol Kütüphanesi

Puppeteer, #Chrome tarayıcısını programatik olarak kontrol etmeye yarayan bir #Node.js kütüphanesidir. "Headless" moduyla tarayıcıyı arka planda çalıştırabilir ve web sayfalarını açabilir, içerikleri değiştirebilir, ekran görüntüleri alabilir veya form gönderebilirsiniz.

Puppeteer, web scraping, otomasyon ve test süreçlerinde etkili bir araç olarak kullanılır.
Bu iki güçlü aracı bir araya getirerek, server tarafında JavaScript kullanımının yanı sıra tarayıcı kontrolü sağlamak da mümkün olur. Bu da özellikle web scraping (web kazıma) işlemleri ve otomasyon uygulamaları için Node.js ve Puppeteer'ın popülerliğini artırmaktadır.


2. Kurulum ve Temel Ayarlar

2.1. Node.js Kurulumu: Güncel Sürümü İndirin ve Yükleyin

Node.js'i resmi web sitesinden indirip yüklemek oldukça basittir. İşletim sisteminize uygun sürümü seçerek Node.js İndirme Sayfası üzerinden son sürümü edinin ve bilgisayarınıza kurun.

node --version 


komutu ile Node.js'in başarıyla yüklendiğinden emin olun.

2.2. Proje Oluşturma: Yeni Bir Node.js Projesi Başlatın

Terminal veya komut istemcisinde projeniz için bir klasör oluşturun ve ardından npm init komutunu kullanarak bir package.json dosyası oluşturun. Bu komut sırasında projenizle ilgili temel bilgileri girebilirsiniz.

mkdir proje-adi cd proje-adi npm init 


2.3. Puppeteer Kurulumu: Projeye Puppeteer Ekleyin


Puppeteer'ı projenize eklemek için terminal veya komut istemcisinde aşağıdaki komutu çalıştırın:

npm install puppeteer 


Bu, projenize Puppeteer'ı ekler ve bağımlılıkları yükler. Böylece Puppeteer'ı kullanmaya hazır olacaksınız.

Yukarıdaki adımları takip ederek, Node.js ve Puppeteer'ı başarıyla kurabilir ve projenizi bu güçlü araçlarla kullanmaya başlayabilirsiniz.


3. Temel Puppeteer Kullanımı

3.1. Tarayıcı Açma ve Kapatma:

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  // ... Tarayıcı ile işlemler ...await browser.close();
})();


3.2. Sayfa Gezme ve Veri Alma:

const content = await page.content();
console.log(content);


3.3. Ekran Görüntüsü Alma:

await page.screenshot({ path: 'example.png' }); 


3.4. Form Gönderme:

await page.type('#username', 'kullaniciadi');
await page.type('#password', 'sifre');
await page.click('#submit');


4. İleri Düzey Kullanımlar

4.1. Sayfa İnteraksiyonları:

await page.waitForSelector('#elementId');
await page.click('#elementId');


4.2. Veri Manipülasyonu:

const title = await page.title();
console.log('Sayfa Başlığı:', title);


4.3. Async/Await İle İşlemler:

const result = await page.evaluate(() => {
  return document.querySelector('h1').innerText;
});
console.log(result);


Bu temel başlangıç rehberi, Node.js ve Puppeteer kullanarak tarayıcı otomasyonu ve web scraping işlemlerine nasıl başlayabileceğinizi anlamanıza yardımcı olacaktır. İlerledikçe, daha karmaşık senaryolara uygun olarak Puppeteer'ı daha etkili bir şekilde kullanmayı öğrenebilirsiniz.

Diğer Yazılarım:
HTML ve CSS Başlangıç Rehberi
Node.js ve Puppeteer Kullanımı: Başlangıç Rehberi
React Native Animasyonları: Pratik Örneklerle Başlangıç Rehberi
Node.js ile Twitter / X.com API Kullanımı: Temel Adımlar
Chrome Eklentisi Geliştirme Kılavuzu
React.js ile Modern Web Geliştirme: Bileşen Tabanlı Güç
JavaScript: Web Geliştirmenin Temel Taşı
Blockchain Teknolojisi Nedir?
Celestia Coin: Geleceğin Kripto Parası
Step-by-Step Guide to Creating a Smart Contract with Ether.js
Guide to Building a RESTful API with Node.js
Nodejs ve 10 Özelliği

Write & Read to Earn with BULB

Learn More

Enjoy this blog? Subscribe to ecndn

0 Comments

B
No comments yet.
Most relevant comments are displayed, so some may have been filtered out.