Meteor.js Nedir – Kurulumu ve Örnek Uygulama Oluşturma

Merhaba değerli arkadaşlar, Uzun bir aradan sonra – yaklaşık 1 yıl kadar – yazı yazıyorum.

Konumuza dönelim. Meteor.js kurulumu nasıl yapılır anlatacağım.

Ondan önce nedir bu meteor.js ondan kısaca bahsedeyim.

Aslında Meteor.js , Node.js temelli, onun üstüne inşa edilmiş bir platformdur.
Meteor.js ile realtime (gerçek zamanlı) uygulamalar geliştirebiliriz. Web tabanında çalışır. Ama kendi içindeki ekstra kütüphaneler, derleyiciler sayesinde yazdığımız web tabanlı uygulamaları; android ve ios için build ederek, mobil aplikasyon halinede getirebiliriz.  Bir çok özelliği ve faydası var, Gelişmiş soket uygulamaları, canlı yayın, chat vs realtime uygulamalarımızda,  bu teknolojiyi kullanarak çok pratik, kolay ve sağlam uygulamalar yapabiliriz.

Veritabanı olayında ise, aynı Node.js gibi, Meteor.js de MongoDB kullanır.

Meteorla yapılmış bir kaç uygulamaya göz atalım.

  • Rocket.chat  : Gelişmiş bir chat uygulamasıdır. Ücretsiz olarak piyasaya sunulmuştur, Api desteği olan tüm sosyal ağlardan sisteme login olabilirsiniz.
  • Mazda Araç Konfigurator sitesi: Göz atmak isterseniz buraya tıklayarak ilgili siteye gidebilirsiniz.
  •  Favro : Bu şirket de web sitesi için Meteor.js’i tercih etmiş. Buraya tıklayarak inceleyebilirsiniz.

Meteor.js teknolojisi ile yapılan diğer sistemlere göz atmak istiyorsanız, Buraya tıklayarak ulaşabilirsiniz.

 

Kurulum Aşaması

Meteor.js i kurmak için önce kendi sitesinden işletim sistemimize uygun olan yükleyicisini indirelim.
https://www.meteor.com/install tıklayarak indiriyoruz.

İnen dosyayı çalıştırıyoruz.

Uygulama bu ekranla bizi karşılıyor, burada bizden meteor geliştirici hesabımızın olup olmadıgını, var ise giriş yapıp devam etmememizi, yok ise Sign wit an existing account seçeneğinden, bilgilerimizi girip devam etmemizi istiyor.
Not: Bu alanları doldurmadan, giriş veya kayıt olmadan kuruluma geçmek istiyorsanız, Skip this step butonuna tıklayınız
Diğer adımlarda klasik olarak next next diyip 🙂 kurulumu bitiriyoruz.

Artık Meteor.js bilgisayarımıza yüklendi ! Bundan sonra kendimize  bir çalışma alanı açıp, projelerimizi orada tutacağız. Tabiki bu isteğe bağlı, isterseniz her bir projenizi farklı Sürücülerde, farklı dizinlerde tutabilirsiniz. Ancak bizim yapacağımız şekilde yaparsanız hem düzenli bir çalışma ortamınız olur, hemde projelerinizi tek tek aramaktan kurtulursunuz.

Ben C: sürücünde, Meteor klasoru içinde tutacağım projelerimi,

Şöyle yani:

 

artık bu klasör altında uygulamalarımı saklayabilirim.

 

Örnek Uygulama Oluşturalım!

Öncelikle şunu belirteyim hemen. Meteor.js uygulaması oluşturacağımız vakit, Oluşturmak istediğimiz dizine Komut İstemcisi (CMD) ile gelip, meteorun bize verdiği, yeni proje oluşturma komutlarını çalıştırmalıyız.
Not: Burada meteor.js in bize sunduğu örnek uygulamalardan biri olan todos uygulamasını kuracağız.

Cmd ile Proje dizinimize geliyoruz

ondan sonra şu komutu çalıştırıyoruz.
meteor create –example todos   (bu şekilde meteorun bize sundugu örnek uygulamalardan biri olan todosu yüklemek istediğimizi belirttik)
Eğer kendimiz sıfırdan bir proje oluşturmak istiyorsak şu şekilde yazmalıyız kodumuzu:
meteor create yeniprojeismim  bu şekilde boş bir proje oluşturabiliriz. Yeniprojeismim yazan yere ne isim koymak istiyorsanız onu yazmalısınız, Örneğin; hello-meteor, ilk-uygulamam, ilkprojem vs gibi gibi.
(uygulamaya yazacağınız isimle proje klasörünüz oluşacaktır. Az sonra daha iyi anlayacağız. )

Şimdi meteor create –example todos komutumu yazdım ( Önce projemi oluşturmak istediğim dizine gittim cmd ile tabiki 🙂 )

Komutumuzu çalıştırdıgımızda, yüklemek istediğimiz örnek uygulamanın dosyaları yüklenmeye başlanacak.

 

 

Kurulumumuz tamamlandıktan sonra aşağıdaki ekran gelicek.


Burada bize uygulama dizinine gitmemizi, meteor npm install komutu ile , meteorun çekirdek dosyalarını, paketlerini yüklememizi, En son meteor komutu ile uygulamayı çalıştırmamızı söylüyor.

 

Şimdi cd simple-todos komutu ile örnek uygulamamız için oluşturulan klasöre gidiyoruz (simple-todos proje ismi, hemde klasör ismi)

Evet Arkadaşlar, ben hem dizine gitim ve meteor npm install komutunu çalıştırdım. Yukardaki gibi bir ekranla karşılaşacaksınız. Eğer aşağıdaki gibi bir ekran geldiyse kurulum tamamlanmıştır.

Son adım ! Uygulamamızı Çalıştıralım

Şimdi ise komut isteminden sadece meteor komutunu çalıştırıyoruz.

Evet arkadaşlar komutu çalıştırdık, Meteor bizim için projemizi çalışması için hazır hale getiriyor.

App running at .. Yazan yerde uygulamamızın adresini veriyor.
Biz uygulamamızı http://localhost:3000 adresinden çalıştırabilirmişiz.
3000 porttan çalışıyor default olarak uygulamamız, bunu değiştirebiliyoruz. Onu da ilerki derslerde anlatacağım inşallah.

Şimdi Uygulamamızın adresine gidelim ve Bakalım 🙂

Evet arkadaşlar, Meteorun bize sundugu örnek uygulama böyle, butona tıkladığınızda aşağıdaki sayaç değeri artıyor.
Eğer bunu dahada geliştirmek isterseniz, Öğretici bir dökümanı var meteorun, Buyrun: https://www.meteor.com/tutorials/blaze/creating-an-app

 

Ne Öğrendik, Ne Yaptık ?

Meteor.js in ne olduğunu, kısada olsa neler yapabileğimizi öğrendik. Meteor ile Mobil applikasyonda yapabileceğimizi öğrendik,
Meteor.js kurulumunu , nasıl bir çalışma yöntemi izlememiz gerektiğini,
Meteor.js ile örnek uygulama nasıl kurulur, Kendi projemizi sıfırdan nasıl oluştururuz bunları öğrendik.

Meteor.js in bize sunduğu başlangıç uygulaması olan Simple-todos u yükledik, Çalıştırdık.

Buraya kadar okuduysanız gerçekten Meteor.js ‘in ne olduğunu merak ediyorsunuzdur. İçinizdeki Öğrenme hevesi, Sıkılmanıza mani olmuş, Sizi bir adım daha ileriye götürmüş demektir. Okuduğunuz için teşekkür ediyorum.
Bilgi Paylaştıkça Çoğalır, Bol kodlamalar !

2 Responses

  1. vural 20 Ağustos 2017 / 16:54

    peki kendi projemizi nasıl çalıştıracağız onu da anlatırmısınz.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Güvenlik kodu * Time limit is exhausted. Please reload the CAPTCHA.