İçindekiler
JavaScript katlanarak gelişiyor, kendisini yalnızca dünya tarafındaki gelişmeler için bir temel olarak konumlandırmakla kalmıyor. Başlangıç aşaması farklı çerçeveler ve teknolojilerin yardımıyla değil, aynı zamanda Arka Uç, bu ünlü platformun tanıtımı sayesinde Node.js ve onun doğasında bulunan tüm faydalar.Şu anda bu teknolojilerle verimli bir şekilde çalışmamıza yardımcı olan çerçevelerimiz var ve bunlardan biri Yelkenler.js, Back-End odaklı bir MVC çerçevesinden başka bir şey değildir ve aşağıdaki gibi kavramları kapsar: REST, HTTP veya WebSockets, API'lerin geliştirilmesinden, HTML dosyalarının sunulmasından uygulamalarımızda birden çok isteğin işlenmesine kadar.
1- Bu eğitimde önerilen alıştırmaları ve örnekleri gerçekleştirmek için en son sürüme sahip bir kuruluma sahip olmalıyız. Node.js. Bunu elde etmek çok kolay, bu durumda yükleyiciyi kullanacağız. pencereler doğrudan resmi web sitesinde aldığımız Node.js, bu herhangi bir yükleyici gibi çalışır ve ardından konsola doğrudan erişim sağlar Node.js gerekli komut dosyalarını çalıştırabileceğimiz yer. hakkında hiçbir şey bilmiyorsak Node.js ve önce bir göz atmak istiyoruz, aşağıdaki eğiticiye bir göz atmanızı öneririz.
2- Tarzında zengin bir metin düzenleyiciye ihtiyacımız var. Yüce metin veya Not Defteri ++ göstereceğimiz örnek ve alıştırmaları yerine getirmek için gerekli kodu yazabilmek.
3- Sonunda indirebilmek için İnternet erişimine ihtiyacımız var Yelkenler.js bir kere bile.
kurulumu Yelkenler.js Konsolumuzda bir komut satırı çalıştırmak kadar basit Node.js. Açıyoruz ve paket yöneticisini kullanıyoruz Node.js aşağıdakini yazarak yüklemek için:
npm -g yelkenleri kurunBağımlılıkları doğrularken ve çerçevemiz için gerekli her şeyin kurulumunu gerçekleştirirken birkaç dakika sürebilecek komutumuzu yürütüyoruz:
İşlemi bitirdikten sonra aşağıdaki komutla her şeyin sorunsuz gittiğini doğrulamak için yeni bir uygulama oluşturuyoruz:
yeni projeye yelken açıyorAşağıdaki resimde görebileceğimiz gibi, uygulamamızın adıyla bize bir başarı mesajı vermelidir:
Ek olarak, kendimizi uygulamamızda konumlandırırsak ve dizini listelersek, onun tarafından oluşturulan tüm dosyaları görebiliriz:
Son olarak, sadece sunucumuzu yükseltmemiz gerekiyor, bunu yapmak için uygulamada aşağıdaki komutu yürütüyoruz:
yelken kaldırmaBununla, sunucumuzu zaten yükseltmiş olacağız ve bize aşağıdaki gibi birkaç ilginç mesaj vermiş olacağız. ortam bu durumda geliştirme ve Liman 1337 olan uygulamanın çalıştığı yerde tercihimiz olan tarayıcıyı açıp aşağıdaki adresi ziyaret ediyoruz. http: yerel ana bilgisayar: 1337 hangi bu gibi görünmelidir:
BÜYÜT
Gördüğümüz gibi, diğer şeylerin yanı sıra, bu çerçevede yolumuza devam etmek için aşağıdaki adımları içeren, varsayılan olarak evi görüntüleyen bir görünümümüz var. Her şeyin doğru çalıştığını zaten doğruladıktan sonra, uygulamamızın yapısı ve üzerinde çalışabileceğimiz şeyler hakkında biraz bilgi sahibi olmak için bir parantez açacağız.Yelkenler.js Geliştirmemiz için önemli olan bir dizi dizin ve dosya oluşturduğu oldukça eksiksiz bir çerçevedir, görelim:
Bu, dizinin bulunduğu dizindir. kontrolörler Y Modeller uygulamamızın ek olarak adında bir dizin politikalar yetkilendirme ve erişim kontrol kurallarının tanımlandığı yerdir.
Dizinimiz de var tepkiler sunucu yanıtlarının yönetildiği ve son olarak Hizmetler Bunu, uygulamamızda farklı işlevler elde etmemize yardımcı olan işlevleri içeren kitaplıkların bulunduğu dizin olarak düşünebiliriz.
NS varlıklar gibi statik dosyalara bakın js, css, resimler vb.., sunucumuzda bulunan ve dışarıdan erişilebilir olmasını istediğimiz. İçinde Yelkenler.js bu dosyalar dizine yerleştirilir varlıklarBu dosyaları işlemek ve senkronize etmek ve uygulamamızı her başlattığımızda geçici bir klasöre yerleştirmek için bir işlevselliğe sahip olan , bu geçici klasörün içeriğinin ne olduğu Yelkenler.js hizmet etmekle görevlidir.
Ardından, uygulamamızın yapılandırması için tasarlanmış iki alt dizin ve oldukça fazla sayıda dosya içeren yapılandırma dizinimiz var. İlk dizin ortam, biri geliştirmede çalışırken, diğeri üretimde çalışırken parametreleri tanımlamak için iki dosyaya sahiptir. İkinci dizin denir yerel ve bizim yaratmamıza izin verir. JSON uygulama tarafından ele alınan farklı dillerle.
Dizindeki en önemli dosyalardan biri yapılandırma Farklı bağlantıların yönetilmesine izin veren, connection.js adlı bağlantıdır. veritabanları, bağlantılar zaten tanımlanmış ve sadece bağlantı parametrelerini eklememiz gerekiyor. Bunun nedeni ise Yelkenler.js zaten varsayılan olarak geliyor su hattı Güçlü ORM ilişkileri olduğu gibi değil, ilişkisel veritabanlarıyla işlemleri yönetmek için.
Bu yüzden bir Veritabanına bağlantılarımız olabilir MySQL:
someMysqlServer: {bağdaştırıcı: 'sails-mysql', ana bilgisayar: 'YOUR_MYSQL_SERVER_HOSTNAME_OR_IP_ADDRESS', kullanıcı: 'YOUR_MYSQL_USER', parola: 'YOUR_MYSQL_PASSWORD', veritabanı: 'YOUR_MYSQL_DB'},Gibi bir noSQL Veritabanına MongoDB:
someMongodbServer: {bağdaştırıcı: 'sails-mongo', ana bilgisayar: 'localhost', bağlantı noktası: 27017, // kullanıcı: 'kullanıcı adı', // şifre: 'parola', // veritabanı: 'your_mongo_db_name_here'},Ya da PostgreSQL:
somePostgresqlServer: {bağdaştırıcı: 'sails-postgresql', ana bilgisayar: 'YOUR_POSTGRES_SERVER_HOSTNAME_OR_IP_ADDRESS', kullanıcı: 'YOUR_POSTGRES_USER', parola: 'YOUR_POSTGRES_PASSWORD', veritabanı: 'YOUR_DB'}Sadece bağımlılıkları yüklememiz gerekiyor. Veri tabanı ihtiyacımız var ve birlikte çalışmaya hazır olacağız Yelkenler.js hızlıca ve kolayca.
dizin görevler uygulamamız için bazı kurallar içerir, ancak bazı dosyaların nasıl işlendiğine gelince, örneğin dosya boru hattı.js js, css ve şablonlarımızın hangi sırayla derlenmesi gerektiğini ve ardından uygulamamızdaki görünümler tarafından bağlanıp sunulması gerektiğini tanımlar.
Ek olarak, bu dizinde, bizim için küçültme işlemini yürütmekten sorumlu bir dosya gibi oldukça kullanışlı bazı işlevlere sahibiz. css ve hatta kullanan biri Kahve Komut Dosyası kodu derlemek JavaScript.
Sonunda, sunucuda derlenen ve sayfalar olarak sunulan şablonlardan başka bir şey olmayan görüşlerimiz var. HTML, çoğu zaman bu görünümler bir isteğin sonucudur HTTP aynı şekilde hizmet etmek.
Çerçevemize ve elimizdeki dosyalara biraz daha aşina olduktan sonra, bu öğreticinin pratik durumuyla devam edeceğiz ve böylece Yelkenler.js.
Oluşturulan uygulamamızla, onu bir oluşturmak için kullanacağız. REST API'si, bunun için sunucumuzun henüz çalışmadığını doğrularız, eğer öyleyse onu durdururuz CTRL + C. Ardından kendimizi uygulamamız içinde konumlandırıyoruz ve aşağıdaki komutu uyguluyoruz:
yelkenler api kullanıcısı oluştururKonsolun yeni ürünümüz hakkında bir başarı mesajı ile yanıt vereceği API ek olarak bu süreçle ilgili iki yeni dosya, bir model ve elbette bir denetleyici oluşturacak olan oluşturuldu.
BÜYÜT
Şimdi bunu yaptığımıza göre kendimize soruyoruz: Şimdi ne yapıyoruz? oluşturduğumuza inanmak zor görünse de REZİL temel, sadece denememiz gerekiyor, bunun için hizmetimizi tekrar yükseltiyoruz yelken kaldırma ve daha önce verdiğimiz adrese gidiyoruz ama bu sefer kullanıcı yolumuza erişeceğiz, bakalım:Gördüğümüz gibi herhangi bir kullanıcımız yok, hızlı bir şekilde değiştirebileceğimiz bir durum, Sails.js ihtiyacımız olan değerleri doğrudan tarayıcıdan oluşturmamıza izin veriyor, bunun için aşağıdakileri koyuyoruz:
http: // localhost: 1337 / kullanıcı / yarat? isim = Jonathan AcostaBu eylem, uygulamada ilk kullanıcımızı oluşturacaktır, eğer bakarsak, bu değerleri bir olarak işlediğinden, bu notasyonu kullanarak dahil edilecek özniteliği tanımlamalıyız. JSON, cevabını görelim Yelkenler bu URL'yi tarayıcımızda çalıştırdığımızda:
Bir kaç kullanıcı daha ekledik ama yanlış bir isim yazdığımızı fark ettik bir sorun yok onu değiştirebiliriz, bunun için URL'mize şunu koyuyoruz ve değer sorunsuz bir şekilde güncellenecektir:
http: // localhost: 1337 / kullanıcı / güncelleme / 5? isim = Manuel% 20PerezGördüğümüz gibi, önceki işlemimizden çok farklı değil, önemli olan kullanıcı kimliğini ve değiştirilecek özniteliğin yeni değerini göndermemiz gerektiğidir. Yelkenler Bize şu şekilde cevap vereceksiniz:
Ek olarak, girdiğimiz bazı kayıtların uygulamamız için artık yararlı olmadığına karar verirsek, onu sorunsuz bir şekilde ortadan kaldırabiliriz, bunun için sadece aşağıdakileri yapıyoruz:
http: // localhost: 1337 / kullanıcı / yok etme / 5Kullanıcılarımıza danışıyoruz ve ID 5'li kullanıcımızın artık nasıl var olmadığını görüyoruz:
Az önce yaptığımız bunlara kısayollar veya kısayollarBu öğretici ve üretimde olmayan uygulamalar için bu şekilde yapabiliriz, ancak güvenlik için devre dışı bırakılmaları önerilir, bunun için dosyamıza gidiyoruz. blueprints.js ve seçeneği arıyoruz kısayollar ve false değerini atarız. Bununla kullanmaya çalışırken oluştur, güncelle veya yok et URL ile bize bir 404 hata sayfası verecek:
BÜYÜT
Bununla, buzdağının ucunu gördüğümüz bu öğreticiyi bitiriyoruz. Yelkenler.js, bize uygulamamız üzerinde tam kontrol sağlayan, optimum ve profesyonel sonuçlar elde etmemizi sağlayan, birkaç saniye içinde uygulamalar oluşturmamızı sağlayan güçlü ve çok yönlü bir çerçeve.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.