SPFx Ninjas #4 : Node.js Kurulumu nasıl yapılır ?

Merhabalar,

Geçtiğimiz makalemizde neden SPFx tercih etmemiz gerektiğini detaylarıyla açıkladık.Bu makalemizde bir adım daha ileriye giderek Node.js kurulumu gerçekleştiriyor olacağız.Tabiki direkt olarak node.js kurulumuna geçmeden önce Node.js nedir,ne işe yarar açıklamak isterim.

Node.js Nedir?

Node.js ücretsiz,birçok farklı platformda çalışabilen,geliştirme dili olarak Javascript kullandığınız bir sunucu uygulama geliştirme mimarisidir.

Node.js ‘i diğer sunucu tabanlı yapılardan ayıran noktası; bekleme işleminin yapılmaması.

ASP.NET/PHP örneği üzerinden gidelim:

bu sunucu geliştirme modellerinde, kullanıcıdan veri alınması noktasında uygulama kullanıcı veriyi gönderene kadar bekleme durumunda çalışır.

Node.js’de ise, bekleme işleminden sonra çalışacak kodlar hazır hale getirilerek(Asenkron programlama) kullanıcı veriyi girdikten hemen sonra uygulama zaten çalışmasını bitirmiş olur.

Klasik programlama’da adım adım ilerleme söz konusu iken, Node.js asenkron çalıştığından ötürü,daha hızlı ve seri bir şekilde çalışabilir.

Node.js Kurulumu

Node.js kurulumuna başlamak için, https://nodejs.org/ adresine girip LTS versiyonunu kurmanızı öneririm.

Uyarı: Diğer versiyonu kurduğunuzda, “Yeoman” paketiyle ilgili olarak uyumsuzluk sorunu yaşayabilirsiniz

Kurulum işlemi adım adım gerçekleştiğinden kurulumu bu şekilde tamamlayabilirsiniz.

 

 

Node.js kurulumunda konfigürasyon yapmanız gerekmemektedir.Dikkat etmeniz gereken durum, LTS kurup kurmadığınız ile alakalı.

 

Windows sisteminde kurulum yapıyorsanız, Node.js için makineyi restart etmeniz gerekebilir.

 

Yeniden başlattıktan sonra, “Node.js Command Prompt” uygulamasını çalıştırınız.

Kontrol amaçlı olarak, “npm –v” ifadesini kullanarak “node package manager” versiyonunu öğrenebilirsiniz.

 

NODE PACKAGE MANAGER NEDİR?

 

Node Package Manager vasıtasıyla, Node.js üzerinde kullanabileceğiniz eklentilerin kurulumunu gerçekleştirmiş oluyorsunuz.

Daha önceden .NET deneyimi olanlar bu işlemi NuGET Package Manager vasıtasıyla

“Install-Package <Eklenti>”
gerçekleştirebiliyordu.

Aynı şekilde Ruby deneyimi olanlar için de;
“gem install <Eklenti>” ifadesi ile istediğiniz herhangi bir eklentinin kurulumunu sağlayabiliyordunuz.

Node.js de ise eklenti kurulumu benzer şekilde “npm install <Eklenti>” şeklinde yapabiliyorsunuz.

Tüm paket yöneticileri aslında benzer şekilde çalışıyor diyebiliriz.

Deneme amaçlı olarak; browserify paketini yükleyip,güncelleyelim ve kaldıralım.

Öncelikle, benim yaptığım gibi masaüstünde “Test” isimli bir klasör açınız.Ardından, konsol üzerinden masaüstü’nde az önce oluşturduğunuz “Test” klasörüne erişip aşağıdaki komutu çalıştırmaya başlayabilirsiniz.

EKLENTİ KURULUMU

Browserify yüklemek için komut ekranında; npm install browserify ifadesini çalıştırın

Yükleme işlemi esnasında paket kurulumunu görmektesiniz:


EKLENTİ GÜNCELLEME

Diyelim bu paketi 10 gün önce yerel makinenize indirdiniz ve yeni bir versiyon güncellemesi geldi.Ne yaparsınız?

 

NPM bulunduğunuz klasörde paket kontrolü yapabilmektedir.Bunun için ilk önce;
“npm outdated” ifadesini çalıştırıp herhangi bir sonuç dönüp dönmediğinin teyitini gerçekleştirmelisiniz.

Ardından;
“npm update” ifadesini çalıştırarak, tüm paketleri en üst versiyona update edebilirsiniz(önerilen yöntemdir)

Eğer tek tek paket güncellemek isterseniz de (kendinize işkence etmeyi seviyorsanız),
npm update browserify şeklinde komut göndererek browserify eklentisini güncellemiş olursunuz.

EKLENTİ KALDIRMA

Browserify kaldırmak için ise hemen ardından;

npm uninstall browserify ifadesini çalıştırın.


Kaldırma işlemi sonrası aşağıdaki görüldüğü şeklinde bir çıktı üretilecektir:

 

Bu yazımızda Node.js’in ne olduğunu,kurulum adımlarını, ve bir eklentiyi Node Paket Yöneticisi(NPM) ile nasıl kurabileceğinizi,güncelleyebileceğinizi ve kaldırabileceğinizi gösterdim.

Bir sonraki makalemiz olan “SPFx Ninjas #5 : Gulp ve Yeoman Kurulumu” da belirtildiği üzere,
Gulp ve Yeoman eklentileri tanıtılıp kurulumları sağlanacaktır.

CTO @ Araf Global - C# Corner MVP(2010'dan beri) - C# Corner ve UnifyTurkiye Yazarı

Bir Cevap Yazın

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.