Express.js'yi kullanmaya başlama

JavaScript web geliştirmede başı çekiyor, gerçek zamanlı işleme rutinlerinin zenginliği ve beraberindeki çok yönlülüğü, onu son 5 yılda en hızlı büyüyen dillerden biri haline getirdi.

serbest bırakılmasından bu yana Node.js Tek bir dil kullanan uygulamalar oluşturmak hakkında çok şey söylendi ve bugün, aşağıdakiler gibi Front-End çerçevelerini kullanmak mümkündür. AngularJS veya Backbone.js, ayrıca aşağıdaki gibi Veritabanlarını kullanarak MongoDB veya KanepeDB ve son olarak sunucu tarafında güçlü ile çalışan Node.js.

Ancak büyük uygulamalarla sıfırdan çalışmak için Node.js birçok tekrarlayan ve karmaşık şeyler yapmak zorundayız, işte burada devreye giriyor Express.jsmantığımızın detaylandırılmasını basitleştirmemize yardımcı olan bir MVC çerçevesinden başka bir şey değildir. arka uç, ve güvenerek Node.js tamamen yapılan büyük uygulamalarla sonuçlanır JavaScript.

GereksinimlerGereksinimlerimiz oldukça basit, sadece Node.js sistemimizde kurulu ve çalışıyorsa, en son sürüme sahipsek, bizde de olduğundan emin olmalıyız. npm çerçeve durumunda olduğu gibi ihtiyaç duyduğumuz farklı paketleri kurmamıza izin verecek araç olan mevcut, Express.js.

1. Express.js

Bu çerçeve, aşağıdakiler gibi diğer çerçevelerden ilham alan bazı özelliklere sahip olacak şekilde tasarlanmıştır. Raylar veya Sinatra, bu, deneyimli bir geliştirici onu ele geçirdiğinde, zaten bildiği kavramları kullanma konusunda rahat hissedebileceği anlamına gelir, ancak bunun gücüyle. Node.js ve sadece kullanarak JavaScript gelişme hızı katlanıyor.

Konuya daha fazla girmeden önce, en önemli özelliklerine bir göz atalım. Express.js:

AsgariÇerçevenin arkasındaki fikir, uygulamamız ve sunucu arasında aracılık etmeyen diğer konulara karışmamaktır, bunun için binlerce bileşenle hayatımızı zorlaştırmaz, sadece bize en gerekli şeyleri sağlar.

EsnekMinimal olma özelliğinden dolayı, geliştirici çalışmak istediği yolu seçebildiği ve kendi çözümlerini uygulamasına veya aşağıdakiler gibi hazır çözümleri dahil etmesine izin verildiğinden büyük esneklik elde edersiniz. ORM farklı türleri için veritabanları.

Uygulamalar için üretildiAmacı Express.js ister sayfalar, ister hizmetler olsun, web uygulamalarının yapımını kolaylaştırmaktır. DİNLENMEK, hatta hibrit uygulamalar.

2. İskele

Bu, görmüş olabileceğimiz bir terimdir. Raylar ve diğer çerçeveler, yaygın olarak kullanılır Express.js olarak da adlandırılan bir yapı ve temel kod üreten çerçeveden başka bir şey değildir. Basmakalıp bu da uygulamamızı başlatmamıza yardımcı olur.

Bu şekilde bir komuttan bir projenin çerçevesini oluşturabiliriz ve böylece gerekli klasörlerin ve temel dosyaların her birini hatırlama zorunluluğunu unutabiliriz. Açıkçası, bu çok genel bir şey olduğundan, çoğu zaman birçok şeyi yeniden yazıyoruz veya kendi klasörlerimizi oluşturuyoruz, ancak bir başlangıç ​​noktasına sahip olmak mükemmel.

3. Express.js'yi yükleyin

Çerçevenin kurulumu, attığı adımlar sayesinde oldukça basittir. npm, kurulum için Express.js sadece çalıştırabileceğimiz komut konsoluna gitmemiz gerekiyor npm ve aşağıdaki komutu yerleştirin:

 npm express'i kurun --save

Bu, projelerimizi oluşturabilmek ve ayrıca koyduğu farklı araçları kullanabilmek için sistemimizin gerekli tüm kodu indirmesini sağlayacaktır. Express.js Kurulum başarılı olduysa, elimizde, konsolda aşağıdakine benzer bir şey göreceğiz.

Birkaç ilişkili paketin kurulduğunu ve sürümünün olduğunu fark edebiliriz. Express.js Bu öğreticiyi yazarken, 4.11.2, burada sürüm 4'ten itibaren büyük bir değişiklik olduğunu belirtmek önemlidir, bu nedenle sürüm 4'ten sonra olduğundan emin olmak için bilgi aramamız önemlidir.

İlk uygulamamızİlk uygulamamız için iki bölümden oluşan bir web sayfası oluşturacağız, aracı daha yeni tanıyoruz, her bölümde küçük bir metin olacak, önemli olan küçük bir sunucu oluşturmamız ve işlememiz gerekecek. kullanıcılarımızın istekleri.

4. Sunucu

Yapmamız gereken ilk şey, uygulamamızın gideceği bir klasör oluşturmak ve içinde bir dosya oluşturmak. index.js, bu isim genellikle bir konvansiyonel olarak yerleştirilir, ancak başka bir isim de olabilir, aslında bir şeyleri değiştireceğiz ve dosyamızın adını yerleştireceğiz. merhabaexpress.js.

Dosyamızı aldıktan sonra dahil ederek başlayacağız ifade etmek talimat kullanma gerekmek, bununla çerçevenin tüm araçlarına sahip olacağız, sonra yöntemleri kullanacağız ayarlamak() Y kullanmak (), burada ilki ile sunucumuzun bağlantıları beklemesi gereken portu kuracağız ve ikincisi ile 404 hatası veya 500 hatası aldığımızda ne olacağını belirleyeceğiz.

Son olarak yöntem ile dinlemek () dosyamızı çalıştırdığımızda uygulamamızı ayağa kaldıracağız. Aşağıdaki kodu görelim:

 var express = require ('express'); var app = express(); app.set ('port', process.env.PORT || 3001); app.use (function (req, res) {res.type ( 'metin / düz'); res.status (404); res.send ('404 - Bulunamadı');}); app.use (işlev (err, req, res, sonraki) {console.error (err. yığın); res.type ('metin / düz'); res.status (500); res.send ('500 - Bir sorun var!');}); app.listen (app.get ('port'), function () {console.log ('Express http://localhost'ta başlatıldı:' + app.get ('port') + '; sunucuyu kapatmak için Ctrl-C tuşlarına basın.');});

Şimdi konsola aşağıdaki komutu yazmamız gerekiyor:

 merhabaexpress.js düğümü

Bununla sunucumuz kalkacaktır. Sorun şu ki hiçbir şey görmeyeceğiz, bunun nedeni uygulamanın rotalarını oluşturmamış olmamız, ancak aşağıdaki ekranı görürsek çalıştığını görüyoruz çünkü 404 için yerleştirdiğimiz mesajımız çıktı.

BÜYÜT

5. Güzergahlar dahil

Oluşturduğumuz 404 sayfasının ötesinde bir sonuç elde etmek için, uygulamamıza bir kullanıcı bir yöntemle bir rota istediğinde, uygulamamıza söylemekten başka bir şey olmayan rotaları dahil etmeliyiz. HTTP özellikle, tanımladığımız bir sonuç döndürülür, dolayısıyla bir rota elde etmek bir rota ile aynı değil İleti ve bu nedenle her ikisi de aynı yönde olmasına rağmen bize farklı sonuçlar verebilir.

O halde birkaç rota oluşturalım elde etmek, bu kod 404'ü oluşturan kodun hemen önüne yerleştirilmelidir, bu yüzden dosyamızı değiştireceğiz merhabaexpress.js ve şimdi aşağıdaki gibi olmalıdır:

 var express = require ('express'); var app = express(); app.set ('port', process.env.PORT || 3001); app.get ('/', function (req, res) { res.type ('text / düz'); res.send ('Merhaba, ilk uygulamama hoş geldiniz');}); app.get ('/ diğer yol', function (req, res) {res.type ( ' metin / düz '); res.send (' Bu, uygulamamızın başka bir yoludur ');}); app.use (işlev (gerek, res) {res.type (' metin / düz '); res.status ( 404); res.send ('404 - Bulunamadı');}); app.use (işlev (err, req, res, sonraki) {console.error (err.stack); res.type ('metin / düz '); res.status (500); res.send (' 500 - Bir sorun var! ');}); app.listen (app.get (' bağlantı noktası'), function () {console.log (' Express http:// localhost'ta başlatıldı: '+ app.get (' port ') +'; sunucuyu kapatmak için Ctrl-C tuşlarına basın. ');});

Yöntemi nasıl fark edebiliriz elde etmek rotayı ve ardından anonim bir işlevi alır, bunun içinde bu durumda yanıt türünü göndeririz metin / düz ve sonra içeriği göndeririz, eğer örneğimizi tarayıcıda çalıştırırsak, sonunda aşağıdaki gibi bir şey elde ederiz:

BÜYÜT

rotalar İleti Benzer şekilde çalışırlar, ancak o zaman dahil edilebilecek parametreler için bir işleme dahil etmeliyiz, ancak şu anda bunun için çok fazla endişelenmemeliyiz. Daha sonra, kullanıcının doğrudan görebildiklerinin sonucunu nasıl etkilediğimizi kontrol edebildik.

ÖnemliUnutulmaması gereken önemli bir nokta, kodumuzdaki bir şeyi her değiştirdiğimizde, değişikliklerin etkili olması için uygulamayı kapatıp yeniden başlatmamız gerektiğidir. Bu başlangıç ​​çok basit görünebilir ve fikir şu ki, sunucuyu ve nasıl çalıştığını anladığımız bir şekilde çalışmaya alışabiliriz, çünkü bu şekilde gerçekten istediğimiz kodla istediğimiz uygulamaları oluşturabiliriz. ve bu sihrin Express.js.

Buradan, yanıt türlerini ve sunmak istediğimiz içeriği denemeye başlayabiliriz, ancak asıl güç, bir şablon motorunu uygulamaya başladığımızda ortaya çıkar, ancak bu, bu eğitimde zaten biraz daha gelişmiş bir konudur.

Bununla bu öğreticiyi bitirdik, ilk adımlarımızı atmak için küçük bir uygulama oluşturduk. Express.js, eğer bilseydik Node.js işlerin biraz daha doğrudan ve basit olduğunu hemen görüyoruz. Ancak asıl gücü şablon veya model gibi diğer araçları uygulamaya başladığımızda göreceğiz.