Cheerio Paketi ile HTML Sayfası Düzenleme

21 Ekim 2015 • NodeJS • by
0 Comments

Merhaba arkadaşlar bu dönem Proje 2 dersi için bir proje belirlemem gerekti bende şu sıralar uğraştıgım NodeJS ve İonic Framework ile yapmaya karar verdim. Uygulama için bir bot yazmam gerekti NodeJs’de bot yazmak için cheerio paketini buldum daha başka paketlerde var isteyen araştırıp bulabilir. Bot için hava durumu hakkında bilgi sunan yahoo’nun servisini kullanıyorum.

Kullanılan Servis
https://weather.yahoo.com/

Kullanılan Paketler
Express
Request
Cheerio

Bot yazmayı php’den bilenler varsa cheerio paketinin kullanımında da pek sıkıntı çekeceklerini sanmıyorum
yukarda belirtiğim paketleri yükledikten sonra server.js adında klasörümüzü oluşturalım. server.js acıklayacağım kod blogu hedef url olarak secmiş oldugumuz sayfadan alınan div’in id veya classı şöyle acıklayayım

$('.weather-regions').filter(function(){
	var data = $(this);
	sehir = data.children().children().text();

sayfada seçmiş olduğumuz .wearher-regions classını data adında değişkene aktarıyoruz daha sonra ise alt bileşini jquery childiren methodu ile buluyoruz. Daha farklı durumlarda ise each fonksiyonunu kullanıyoruz genel olarak kullanımı bu şekildedir. Githup sayfamda kodların tamamını paylaşıyorum alt kısımdan indirebilirsiniz.

Kodlar

NodeJS Notlarım – 4

28 Temmuz 2015 • Genel, NodeJS • by
0 Comments

Merhaba arkadaşlar şuan NodeJS ile bir proje geliştiriyorum ve hatırlamak amaçlı tuttuugum notlara devam ediyorum.Önceki yazıda Express’ten bahsetmiştim. Bu bölümde ise Express ile post işlemi yapacağız. Express generator ile gerekli dosyaları oluşturalım.Body-parse paketinide yükleyelim. Normalde Express yüklediğimizde View klasörü içindeki jade kodları çalışır ancak biz html ile çalışacağımız için public klasörü içine bir html dosyası oluşturalım. Dosya dizini şu şekilde olmalı
Untitled
daha sonra form oluşturmak için kodları yazalım.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Post Method</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  </head>
  <body>
    <div class="row">
      <div class="col-md-4" style="padding:25px">
          <form action="/post" method="post">
        <div class="form-group">
          <label for="">Ad Soyad</label>
          <input type="text" class="form-control" placeholder="Ad Soyad" name="kadi">
        </div>
        <div class="form-group">
          <label for="exampleInputPassword1">Şifre</label>
          <input type="password" class="form-control" placeholder="Şifre" name="sifre">
        </div>
        <button type="submit" class="btn btn-default">Gönder</button>
      </form>
  </div>
 </div>
  </body>
</html>

daha sonra index.js içerisine Express’in router ile fonksiyon oluşturalım.

router.post('/post',function(req,res,next){
    var kadi = req.body.kadi;
    var sifre = req.body.sifre;
    res.send('Hosgeldin'+kadi);
});

oluşturduğumuz değişkenlere post edilen değerleri gönderiyoruz. Buradaki önemli nokta fonksiyonun geriye bir şey dödürmesidir. Kodlara buradan ulaşabilirsiniz.

NodeJS Notlarım – 3

12 Haziran 2015 • Genel, NodeJS • by
0 Comments

NodeJS en çok kullanılan paketlerin başında expressjs gelir. Günlük olarak ortalama 100 bin(npm’nin kayıtlarına göre :D) üzerinde indiriliyor. Bu derste kurulumunu göstereceğim, bir sonraki derste ufak bir iletişim bölümü yaparak inputlar üzerinden post işlemleri yapacağız. NodeJS’nin en güzel yönü olan pratik paket yükleme kodları ile expressi kuralım.

npm install express -g

NodeJS’de klasik olan -g tabiri globaldan gelmektedir isterseniz yazmadan da kurabilirsiniz. Konsolo yazdığımızda hata ile karşılaşırsak bu büyük ihtimalle dosya izinlerinden dolayıdır. Başına sudo eklememiz yeter.

sudo npm install express -g

Hızlı bir şekilde uygulamanın iskeletini oluşturmak için aynı dizinde şunu yazmalıyız.

npm install express-generator -g

projede oluşan dosyalar bu şekildedir.
bIHIxCv

Daha sonra express myapp ile uygulama adını oluşturalım, dependencies içinde paket varsa onları yükleyelim.

npm install

Buraya kadar kurulumu tamamlamış olduk projenin olduğu dizine gelerek uygulamayı açalım. Hata alırsanız node yerine nodejs deneyin. Normalde http://localhost:4000/ portunda çalışır ancak bende o port kullanıldığı için 4000 yönlendirdim.

node ./bin/www

en son
bu yazıda anlatacaklarım bu kadar herkese iyi çalışmalar.