Node.js, Express ve MongoDB ile Raspberry Pi Üzerinde Web Sitesi Nasıl Kurulur Bölüm 1: 6 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:20

node.js web uygulaması eğitimimin 1. BÖLÜMÜ'ne hoş geldiniz. Bölüm 1, node.js uygulama geliştirme için kullanılan gerekli yazılımı, bağlantı noktası yönlendirmenin nasıl kullanılacağını, Express kullanarak bir uygulamanın nasıl oluşturulacağını ve uygulamanızın nasıl çalıştırılacağını inceleyecektir. Bu öğreticinin ikinci kısmı, tam web uygulamamın tüm kodunu ve yapısını gözden geçirecek. Buna hazırsanız burayı ziyaret edin.

Bu yüzden kişisel lansman sayfamı oluştururken yabani otlardan kurtulmayı çok zor buldum. İnternette bir web sayfası oluşturma hakkında benim bile anlayabileceğimden daha fazlası var.

Bu, Node.js, Express ve Mongodb'un nasıl kullanılacağına ilişkin bir adımdır. bir web sayfası oluşturmak için.

Tüm bunların kodu burada.

Web Sayfamın adı İnternet. Kişisel bir web sitesine daha etkileşimli bir bakış istiyorsanız lütfen ziyaret edin.

Bu sayfayı, yaptığım projelerle internette kişisel bir varlığa sahip olmak ve daha fazla ayrıntı için talimat projelerime bağlantılar ile başlattım.

Bu site evimde bir pi sıfır W üzerinde barındırılıyor.

Adım 1: İhtiyacınız Olan Şeyler

1 kez. Bir site geliştirmenin ve iç işleyişi gerçekten anlamanın uzun soluklu bir süreç olduğunu vurgulayamam. Mikro elektronik odaklı elektrik mühendisliği derecem ve kodlama sevgim var ve bunu başarmam hala aylarımı aldı.

Bu öğretici iyi bir yapı taşı olacaktır, ancak her bir parçayı anlamak için lütfen çevrimiçi olarak daha fazla belge okuyun.

2. Ahududu pi - herhangi bir model yapacaktır. Ayrıca linux çalıştıran herhangi bir bilgisayar yapacaktır. Aslında, herhangi bir bilgisayar yapacak, sadece bir pi üzerinde nasıl çalıştırılacağına daha fazla ayrıntıya giriyorum.

3. İnternet bağlantısı - bunu dünyaya ev sahipliği yapmayı planlıyorsanız. Bağlantı noktası iletmeyi yapılandırmak için bir yönlendirici veya ağ anahtarı gerekir.

4. Yazılım - Herhangi bir kodlama platformu çalışacaktır, Sublime, Webstorm, Notepadd++, Visual Studios veya başka bir şey. Genelde Webstorm veya Sublime kullandım.

2. Adım: Raspberry Pi'nizde Port Yönlendirme

Bu yüzden, ahududu pi'nizi zaten kurduğunuzu varsayacağım. Bu kolay öğreticiyi burada kontrol etmezseniz.

Pi'm Jessie lite çalıştırıyor ve hepsi terminal. Bunun yararı, sunucumun yüksek trafikle daha yavaş çalışmasına neden olabilecek arka planda çalışan çok sayıda işlemim olmamasıdır. Şimdi bu eğitimin düşük trafikli siteler için olduğunu belirteyim. Yüksek trafiğe sahip herhangi bir site bir pi üzerinde yavaş olacaktır ve sunucunuzun çökmesine neden olabilir.

bağlantı noktası yönlendirme

Pi kurulumunuzla, yönlendiricinizde veya anahtarınızda bağlantı noktası iletmeyi etkinleştirmeniz gerekir. Bunu yapmak için yönlendiricinizdeki bağlantı noktası yönlendirme ayarlarını bulun. Her yönlendirici farklıdır, burada Linksys Velop GUI'mi gösteriyorum.

Sitem 3000 numaralı bağlantı noktasına yapılandırıldı, bu, app.js veya www dosyasındaki kaynak kodunda değiştirilebilir.

Ayrıca yönlendirme için 22 numaralı bağlantı noktam var, böylece pi'me SSH gönderebilirim, bu pi ayarlarında ayarlanabilir. SSH, aynı ağ üzerinde değilken ve ayrıca pi'den gelen ekran çıktısını kullanmazken pi'nizdeki terminali kullanmanın bir yoludur. Bu, web sitemi farklı bir bilgisayardan güncellememe ve değişiklikleri pi'me göndermeme izin veriyor.

Bağlantı noktası iletmeyi ayarlamak için resimleri takip edin.

DNS Hizmeti

IP adresinizi bir web adresi adına bağlayan bir hizmete ihtiyacınız olacak. Sitenize erişmek için yönlendiricinizin global ip adresini ve ardından bağlantı noktası numarasını yazabileceksiniz. Ancak bu, özellikle global IP'niz değişirse zordur. Bir DNS hizmetinin yaptığı, bu değişiklikleri izlemek ve güncellemektir, böylece web adınız ve ipiniz birbirine bağlanır. No-ip üzerinden ücretsiz bir hizmet kullanmayı seçiyorum. İstediğiniz her şey için ödeme yapabilirsiniz. Bu benim bildiğim ücretsiz bir yol.

www.noip.com/

Adım 3: Gerekli Yazılımı Pi'ye Yükleme

GitHub kodumu indirdiyseniz, siteyi çalıştırmak için basit bir npm start komutu çalıştırmak dışında hiçbir şey yapmanıza gerek kalmayacak. Ancak, bu ayrıntılı bir eğitim olduğundan, gerekli tüm yazılım ve paketlerin nasıl kurulacağını açıklayacağım.

Pi veya linux bilgisayarınızdayken (pencereleri kullanmak için farklı komutlar olacaktır), aşağıdaki komutları çalıştırın.

Bunları takip etmeyi kolaylaştırmak için bireysel adımlar olarak ayırdım.

1. node.js ve npm'yi kurun

Node.js temelde sunucuyu oluşturan java betiğidir. NPM, düğüm paketi yöneticisidir ve node.js ile gereken tüm ara yazılımları yönetir.

Yüklemek için bir linux veya mac makinesinde aşağıdaki komutları çalıştırın.

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash sudo apt-get install -y nodejs

Windows'ta indirmek için burada bulunan exe'yi kullanın.

Bu bağlantı, ahududu pi'de değilse linux yardımı içindir.

2. MongoDB'yi kurun

MongoDB tam da bu, bir veri tabanı. Bunu web sayfamın giriş ve trafik sayacı bölümü için kullanıyorum.

Yüklemek için bir linux veya mac makinesinde aşağıdaki komutları çalıştırın.

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

yankı "deb https://repo.mongodb.org/apt/debian jessie/mongodb-org/3.4 ana" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

sudo apt-get güncellemesi

sudo apt-get install -y mongodb-org

Windows'ta indirmek için burada bulunan exe'yi kullanın.

Bu bağlantı, ahududu pi'de değilse linux yardımı içindir.

3. Grunt'u yükleyin

Grunt, diğer eklentilerle birlikte kullanabileceğiniz için npm gibidir. Uygulamam için kullanmıyorum, ancak görevleri otomatikleştirirken çok yardımcı oluyor. Uygulamanızın çalışması için bu adım tamamen atlanabilir.

Windows, mac veya linux için aşağıdaki komutu kullanın.

npm kurulum -g grunt-cli

4. Express'i yükleyin

Express, düğüm js çerçevesini kullanmanın kolay bir yoludur. Bir ekspres jeneratör kuracağız. Bu, bir web uygulamasının kullanımı kolay çerçevesini oluşturur.

Windows, mac veya linux için aşağıdaki komutu kullanın.

npm express-generator -g'yi kurun

4. Adım: Bir Express Node.js Uygulaması Oluşturun

Uygulamanızı yerleştirmeyi planladığınız klasör konumuna gidin. Burada bir kez, gelecekteki tüm yüklemeler bu klasörün içinde olacaktır.

Dizini değiştirmek için bir linux veya mac makinesinde aşağıdaki komutları çalıştırın.

sudo cd /home/pi/myapp

Pencereler için:

cd C:\Kullanıcılar\pi\Desktop\myapp

Gereken düğüm js çerçevesini oluşturmak için ekspres oluşturucuyu kullanın.

uygulamamın adını ifade et

Bu bare express node.js projesi oluşturacaktır, -h komutunu kullanarak aşağıda görüldüğü gibi farklı komutlar bularak bu adımda özelliklerini düzenleyebilirsiniz. Veya oluşturulan şablonu benim gibi manuel olarak düzenleyebilirsiniz. Bunu 2. bölümde daha ayrıntılı olarak tartışacağım. Uygulamanızdaki html, gidon, jade ve diğerleri gibi ayarları değiştirmek için bu koda başka değişkenler ekleyebilirsiniz. Bunun için şu komutu çalıştırın:

ekspres -h

Aşağıdaki komutları çalıştırarak node.js web uygulamanızı kurmaya devam edin:

uygulamamın cd adı

npm kurulumu

Bu, node.js web uygulamanızın çalıştırması gereken tüm gerekli paketleri ve kullanılabilecek daha fazlasını yükler.

Bu örnekte, uygulamanın dosya yolu şöyle olacaktır:

/home/pi/myapp/nameofmyapp

Bunun nedeni, ekspres oluşturucunun, ondan sonra yerleştirdiğiniz dizeye dayalı olarak bir dosya oluşturmasıdır. Zaten istediğiniz dizindeyseniz, ekspres kullanın.

Adım 5: Web Uygulamanızı Çalıştırın

node.js web uygulamanızı çalıştırmak için şu komutu çalıştırın:

npm başlangıç

Kodlama yaparken daha verimli hale getirmek için, uygulamamız değişiklik yaptıktan sonra otomatik olarak güncellenir, nodemon yükleyeceğiz.

npm kurulum -g düğümü

İşte çoğu öğreticinin size eğlenceli bir şekilde inşa etmenizi söyleyeceği ve zorlu bacak işini çözmenize izin vereceği yer. Sonraki adımlarda, uygulamamı nasıl oluşturduğuma rağmen size yol göstereceğim.

6. Adım: Kredi

Gerçekten bir adım değil ama bu eğitim için kaynaklarımı ve ilham kaynağımı listelemek istiyorum.

Bu Github Beni Oku, kıdemli tasarım projemiz üzerinde çalışırken iyi bir arkadaş tarafından yazılmıştır ve sitemi nasıl oluşturacağım konusunda çok fazla ilham kaynağı olmuştur.

github.com/SDP-DT04/Web-Application/blob/m…

Bu eğitim, bir web uygulaması yapma sürecinde yardımcı bir araçtı.

kroltech.com/2013/12/29/boilerplate-web-app…

Bir node.js sitesi hakkında daha fazla bilgi için Bölüm 2'yi ziyaret edin.