Mündəricat:
- Addım 1: Lazım olan şeylər
- Addım 2: Raspberry Pi -də Port Göndərmə
- Addım 3: Lazımi Proqramı Pi -yə quraşdırın
- Addım 4: Express Node.js Tətbiqi yaradın
- Addım 5: Veb Tətbiqinizi işə salın
- Addım 6: Kredit
Video: Node.js, Express və MongoDB ilə Raspberry Pi -də Veb Sayt Necə Qurulur Part 1: 6 Addımlar
2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-01-30 07:46
Node.js veb tətbiq təlimatımın 1 -ci hissəsinə xoş gəldiniz. 1 -ci hissə node.js tətbiqinin inkişafı üçün lazım olan proqram təminatından keçəcək, liman yönləndirməsindən necə istifadə edəcəyinizi, Express istifadə edərək bir tətbiq necə quracağınızı və tətbiqinizi necə işlədəcəyinizi izah edəcək. Bu təlimatın ikinci hissəsi tam veb tətbiqimin bütün kodlarını və quruluşunu keçəcək. Əgər buna hazırsınızsa, buranı ziyarət edin.
Beləliklə, şəxsi açılış səhifəmi qurarkən alaq otlarından qurtulmağın çox çətin olduğunu gördüm. İnternetdə bir veb səhifəsi qurmağı başa düşə biləcəyimdən daha çox şey var.
Bu, Node.js, Express və Mongodb -dan necə istifadə olunacağına dair bir yoldur. veb səhifəsi yaratmaq.
Bütün bunların kodu burada.
Veb səhifəm İnternet adlanır. Şəxsi bir veb saytına daha interaktiv baxmaq istəyirsinizsə, ziyarət edin.
Etdiyim layihələrlə, daha ətraflı məlumat üçün göstərişli layihələrimin bağlantıları ilə internetdə şəxsi varlığım olması üçün bu səhifəyə başladım.
Bu sayt mənim evimdə sıfır W nöqtəsindədir.
Addım 1: Lazım olan şeylər
1. Zaman. Bir sayt hazırlamağın və daxili işlərini həqiqətən başa düşməyin uzun sürən bir proses olduğunu vurğulaya bilmərəm. Mikroelektronikaya əsaslanan elektrik mühəndisliyi dərəcəm var və kodlaşdırma sevgisiyəm və buna nail olmaq hələ aylar çəkdi.
Bu dərslik yaxşı bir tikinti bloku olacaq, ancaq hər bir parçanı başa düşmək üçün onlayn olaraq daha çox sənəd oxuyun.
2. Raspberry pi - hər hansı bir model edəcək. Linux işləyən hər hansı bir kompüter də edəcək. Əslində, hər hansı bir kompüter edəcək, yalnız bir pi üzərində necə işləyəcəyimi daha ətraflı izah edirəm.
3. İnternet bağlantısı - bu dünyaya ev sahibliyi etməyi planlaşdırırsınızsa. Port yönləndirməsini konfiqurasiya etmək üçün marşrutlaşdırıcı və ya şəbəkə açarı lazımdır.
4. Proqram təminatı - İstənilən kodlaşdırma platforması işləyəcək, Sublime, Webstorm, Notepadd ++, Visual Studios və ya başqa bir şey. Əsasən Webstorm və ya Sublime istifadə etdim.
Addım 2: Raspberry Pi -də Port Göndərmə
Beləliklə, moruq pi'nizi artıq qurduğunuzu güman edirəm. Əks təqdirdə, bu asan təlimatı burada oxuyun.
Mənim pi Jessie lite ilə işləyir və hamısı terminaldır. Bunun faydası, serverimin yüksək trafiklə daha yavaş işləməsinə səbəb ola biləcək arxa planda işləyən bir çox prosesin olmamasıdır. İndi bildirim ki, bu dərs az trafikli saytlar üçündür. Yüksək trafikə malik hər hansı bir sayt bir pi -də yavaşlayacaq və serverinizi çökdürə bilər.
Liman yönləndirilməsi
Pi qurduqda, marşrutlaşdırıcınızda və ya keçidinizdə port yönləndirməsini aktivləşdirməlisiniz. Bunu etmək üçün marşrutlaşdırıcınızda port yönləndirmə parametrlərini tapın. Hər yönlendirici fərqlidir, burada Linksys Velop GUI -ni göstərirəm.
Saytım 3000 portu üçün qurulmuşdur, bu app.js və ya www faylındakı mənbə kodunda dəyişdirilə bilər.
Göndərmək üçün 22 nömrəli portum da var, buna görə pi -yə SSH daxil edə bilərəm, bu pi parametrlərində qurula bilər. SSH, eyni şəbəkədə olmadığınız zaman, həm də pi -dən ekran çıxışını istifadə etməyərkən, terminalınızdakı pi -dən istifadə etməyin bir yoludur. Bu, veb saytımı fərqli bir kompüterdən yeniləməyimə və dəyişiklikləri pi -yə köçürməyimə imkan verir.
Port yönləndirməsini qurmaq üçün şəkilləri izləyin.
DNS Xidməti
IP ünvanınızı bir veb ünvanı adına bağlayan bir xidmətə ehtiyacınız olacaq. Saytınıza daxil olmaq üçün marşrutlaşdırıcılarınıza qlobal ip ünvanını və sonra liman nömrəsini yaza biləcəksiniz. Xüsusilə qlobal ipiniz dəyişərsə bu çətindir. Bir DNS xidmətinin gördüyü iş bu dəyişiklikləri izləmək və yeniləməkdir ki, veb adınız və ipiniz əlaqəlidir. No-ip vasitəsilə pulsuz bir xidmətdən istifadə etməyi seçirəm. İstədiyiniz hər şeyi ödəyə bilərsiniz. Bu yalnız bildiyim pulsuz bir yoldur.
www.noip.com/
Addım 3: Lazımi Proqramı Pi -yə quraşdırın
GitHub kodumu yükləmisinizsə, saytı işə salmaq üçün sadə bir npm start əmrindən başqa heç bir iş görməyinizə ehtiyac qalmayacaq. Ancaq bu dərindən bir dərs olduğu üçün bütün lazımi proqram və paketlərin necə qurulacağını izah edəcəyəm.
Pi və ya linux kompüterinizdə olarkən (Windows istifadə etmək üçün fərqli əmrlər olacaq) aşağıdakı əmrləri yerinə yetirin.
Təqib etməyi asanlaşdırmaq üçün bunları fərdi addımlar kimi ayırdım.
1. node.js və npm qurun
Node.js əsasən server yaradan java skriptidir. NPM node paket meneceridir və node.js ilə lazım olan bütün orta məhsulları idarə edir.
Yükləmək üçün aşağıdakı əmrləri linux və ya mac maşınında işlədin.
curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash sudo apt -get install -y nodejs
Windows -a yükləmək üçün burada tapılan exe -dən istifadə edin.
Bu keçid bir moruq pi üzərində deyilsə linux yardımı üçündür.
2. MongoDB quraşdırın
MongoDB yalnız bir məlumat bazasıdır. Bunu veb səhifəmin giriş və trafik sayğacı hissəsi üçün istifadə edirəm.
Yükləmək üçün aşağıdakı əmrləri linux və ya mac maşınında işlədin.
sudo apt-key adv --keyserver hkp: //keyserver.ubuntu.com: 80-recv 0C49F3730359A14518585931BC711F9BA15703C6
echo "deb https://repo.mongodb.org/apt/debian jessie/mongodb-org/3.4 main" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list
sudo apt-get yeniləməsi
sudo apt-get install -y mongodb-org
Windows -a yükləmək üçün burada tapılan exe -dən istifadə etmək kifayətdir.
Bu keçid bir moruq pi üzərində deyilsə linux yardımı üçündür.
3. Grunt quraşdırın
Grunt npm kimidir, çünki digər plaginlərlə birlikdə istifadə edə bilərsiniz. Tətbiqim üçün istifadə etmirəm, ancaq tapşırıqları avtomatlaşdırarkən çox faydalıdır. Tətbiqinizin işləməsi üçün bu addımı tamamilə atmaq olar.
Windows, mac və ya linux üçün aşağıdakı əmri istifadə edin.
npm -g grunt -cli yükləyin
4. Express'i quraşdırın
Express node js çərçivəsini istifadə etməyin asan bir yoludur. Ekspress generatoru quraşdıracağıq. Bu, bir veb tətbiqinin istifadəsini asanlaşdıran bir çərçivə yaradır.
Windows, mac və ya linux üçün aşağıdakı əmri istifadə edin.
npm express -generator qurmaq -g
Addım 4: Express Node.js Tətbiqi yaradın
Tətbiqinizi yerləşdirməyi planlaşdırdığınız qovluğun yerləşdiyi yerə gedin. Burada bir dəfə bütün gələcək quraşdırmalar bu qovluğun içərisində olacaq.
Dizini dəyişdirmək üçün aşağıdakı əmrləri linux və ya mac maşınında işlədin.
sudo cd/home/pi/myapp
Windows üçün:
cd C: / İstifadəçilər / pi / Masaüstü / myapp
Lazım olan ns js çərçivəsini yaratmaq üçün ekspress generatordan istifadə edin.
appof proqramını ifadə edin
Bu, çılpaq bir ekspres node.js layihəsi yaradacaq, -h əmrini istifadə edərək aşağıda gördüyünüz kimi fərqli əmrlər taparaq onun xüsusiyyətlərini bu addımda düzəldə bilərsiniz. Ya da mənim kimi yaradılan şablonu əl ilə düzəldə bilərsiniz. Bunu 2 -ci hissədə daha ətraflı müzakirə edəcəyəm. Tətbiqinizdə html, sükan, jade və digərlərindən istifadə etməklə parametrləri dəyişdirmək üçün bu koda başqa dəyişənlər əlavə edə bilərsiniz. Bunun üçün əmri işlədin:
ifadə -h
Aşağıdakı əmrləri yerinə yetirərək node.js veb tətbiqinizi qurmağa davam edin:
cd adı myapp
npm quraşdırın
Bu, node.js veb tətbiqinizin işləməsi üçün lazım olan bütün lazımi paketləri və daha çoxunu istifadə etməyə imkan verir.
Bu nümunədə tətbiqin fayl yolu belə olacaq:
/home/pi/myapp/nameofmyapp
Bunun səbəbi, ekspress generatorun, ondan sonra yerləşdirdiyiniz sətir əsasında bir fayl yaratmasıdır. Əgər artıq istədiyiniz qovluqdasınızsa, sadəcə express istifadə edin.
Addım 5: Veb Tətbiqinizi işə salın
Node.js veb tətbiqinizi işə salmaq üçün əmri işlədin:
npm başlanğıcı
Kodlaşdırarkən daha səmərəli etmək üçün dəyişikliklər etdikdən sonra tətbiqimiz avtomatik olaraq yenilənir, nodemon quraşdıracağıq.
npm quraşdırma -g nodemon
Əksər dərsliklər sizə əyləncəli bir bina qurmağı və çətin ayaq işlərini başa düşməyinizi söyləyəcək yerdir. Növbəti addımlarda tətbiqimi necə qurduğuma baxmayaraq sizə məlumat verəcəyəm.
Addım 6: Kredit
Əslində bir addım deyil, amma mən bu dərslik üçün mənbələrimi və ilhamımı sadalamaq istəyirəm.
Bu Github ReadMe, yüksək səviyyəli dizayn layihəmiz üzərində işləyərkən yaxşı bir dost tərəfindən yazılmışdır və saytımı necə yaratacağımla bağlı çoxlu ilham mənbəyi olmuşdur.
github.com/SDP-DT04/Web-Application/blob/m…
Bu təlimat bir veb tətbiqi hazırlamaq prosesində faydalı bir vasitə idi.
kroltech.com/2013/12/29/boilerplate-web-app…
Bir node.js saytı haqqında daha çox məlumat üçün 2 -ci hissəmi ziyarət edin.
Tövsiyə:
Circuit Playground Express istifadə edərək Hərəkət Aktivləşdirilmiş Cosplay Qanadları - Part 1: 7 Addımlar (Şəkillərlə)
Hərəkət Aktiv Cosplay Qanadları Circuit Playground Express istifadə edərək - 1 -ci hissə: Bu, sizə bir cüt avtomatlaşdırılmış peri qanadları hazırlamaq prosesimi göstərəcəyim iki hissəli layihənin bir hissəsidir. Layihənin ilk hissəsi qanadların mexanikası, ikinci hissəsi isə onu geyinə bilər və qanadları əlavə edir
GPS Modulunu Raspberry Pi ilə Araşdırmaq: Dashcam Part 2: 3 Addımlar
Raspberry Pi: Dashcam Part 2 ilə GPS Modulu Arasında Əlaqə: Bu, dashcam layihəsinin 2 -ci hissəsidir və bu yazıda, GPS modulunun Raspberry Pi ilə necə əlaqələndiriləcəyini öyrənəcəyik. Daha sonra GPS məlumatlarını istifadə edəcəyik və onu mətn örtüyü olaraq videoya əlavə edəcəyik. Zəhmət olmasa, aşağıdakı linkdən istifadə edərək 1 -ci hissəni oxuyun
Veb sayt necə yaradılır (Addım-addım bələdçi): 4 addım
Veb Saytı Necə Yaradılır (Adım Adım Bələdçi): Bu təlimatda, əksər web inkişaf etdiricilərinin öz saytlarını necə qurduqlarını və daha böyük bir sayt üçün çox məhdud olan bahalı veb sayt qurucularından necə qaça biləcəyinizi sizə göstərəcəyəm. işə başlayanda etdiyim bəzi səhvlərdən qaçınmanıza kömək edir
Arducam ilə Arduino ilə CubeSat Necə Qurulur: 9 Addım
Bir Arducam ilə Arduino ilə CubeSat Necə Yaratılır: Birinci şəkildə bir Arduino var və ona "Arduino Uno" deyilir. İkinci şəkildə bir Arducam var və buna "Arducam OV2640" deyilir 2MP mini. &Quot; İkinci şəkil ilə yanaşı, lazım olacaq materiallar da var
Necə-E-INK E-KAĞIT EKRAN MODÜLÜ-Part 1: 6 Addımlar
Necə-E-INK E-KAĞIT EKRAN MODÜLÜ-1-ci hissə: Bu dərslikdə bu yaxınlarda kəşf etdiyim E-Mürekkep E-Kağız Ekran Modulu haqqında məlumat vermək istərdim. Çox gözəldir! Bu E-mürəkkəb ekran modulu, E-mürəkkəb ekran inkişafı üçün xüsusi olaraq hazırlanmışdır. Əlavə bir dövrə qurmağa ehtiyac yoxdur və