Node.js, Express және MongoDB көмегімен Raspberry Pi -де веб -сайтты қалай құруға болады 1 бөлім: 6 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:26

Менің node.js веб -қосымшасының 1 -бөліміне қош келдіңіз. 1 -бөлім node.js қосымшасын әзірлеуге, порт жіберуді қалай қолдануға, Express көмегімен қосымшаны құруға және бағдарламаны іске қосуға қажетті бағдарламалық қамтамасыз етуді қарастырады. Бұл оқулықтың екінші бөлігі менің толық веб -қосымшамның барлық коды мен құрылымын қарастырады. Егер сіз оған дайын болсаңыз, мұнда келіңіз.

Сонымен, менің жеке бетімді құру кезінде арамшөптерден арылу өте қиын болды. Интернетте веб -бетті құру туралы мен түсінетіннен де көп нәрсе бар.

Бұл Node.js, Express және Mongodb қалай қолдануға болатыны туралы нұсқаулық. веб -бетті құру үшін.

Осының барлығының коды осында.

Менің веб -бетім Интернет деп аталады. Жеке веб -сайтқа интерактивті қарауды қаласаңыз, келіңіз.

Мен бұл бетті Интернетте өзім жасаған жобалармен жеке қатысу үшін бастадым, толығырақ нұсқаулық жобаларыма сілтемелер.

Бұл сайт менің үйімде нөлдік W нүктесінде орналасқан.

1 -қадам: Сізге қажет заттар

1. Уақыт. Мен сайтты құру және ішкі жұмысты шынымен түсіну ұзақ процесс екенін баса айта алмаймын. Менде микроэлектроникаға маманданған электротехника мамандығы бойынша диплом бар, және кодтауды жақсы көремін, бірақ бұған әлі де бірнеше ай қажет болды.

Бұл оқулық жақсы құрылыс материалы болады, бірақ әр бөлікті түсіну үшін Интернетте қосымша құжаттарды оқыңыз.

2. Raspberry pi - кез келген модель жасайды. Сонымен қатар Linux жұмыс істейтін кез келген компьютер жасайды. Шындығында, кез келген компьютер жасайды, мен оны pi -де қалай іске қосу туралы толығырақ айтамын.

3. Интернетке қосылу - егер сіз мұны әлемге өткізуді жоспарласаңыз. Портты қайта жіберуді конфигурациялау үшін маршрутизатор немесе желі қосқышы қажет.

4. Бағдарламалық жасақтама - Кез келген кодтау платформасы жұмыс істейді, Sublime, Webstorm, Notepadd ++, Visual Studios немесе басқалары. Мен негізінен Webstorm немесе Sublime қолдандым.

2 -қадам: Raspberry Pi -ге порт жіберу

Сонымен, сізде таңқурай пи орнатылған деп ойлаймын. Егер бұл болмаса, бұл қарапайым оқулықты қараңыз.

Менің пиарым Jessie lite -де жұмыс істейді және бәрі де терминал. Мұның артықшылығы - менің серверде жоғары трафикпен баяу жұмыс істеуге мүмкіндік беретін өңде жұмыс істейтін процестердің көптігі жоқ. Бұл оқулық аз трафикті сайттарға арналғанын айтуға рұқсат етіңіз. Трафикасы жоғары кез келген сайт біртіндеп баяу болады және сіздің серверіңіздің істен шығуына әкелуі мүмкін.

Портты қайта бағыттау

Pi орнатылған кезде, маршрутизаторда немесе қосқышта портты қайта бағыттауды қосу қажет болады. Мұны істеу үшін маршрутизатордағы портты бағыттау параметрлерін табыңыз. Әр маршрутизатор әр түрлі, мен мұнда Linksys Velop GUI көрсетемін.

Менің сайтым 3000 портына конфигурацияланған, оны app.js немесе www файлындағы бастапқы кодта өзгертуге болады.

Менде сонымен қатар бағыттауға арналған 22 порт бар, сондықтан мен оны pi -ге SSH енгізе аламын, оны pi параметрлерінде орнатуға болады. SSH - бұл бір желіде емес, сонымен қатар pi дисплейінің шығысын пайдаланбайтын кездегі pi терминалын пайдалану әдісі. Бұл маған веб -сайтты басқа компьютерден жаңартуға және өзгерістерді пи -ге енгізуге мүмкіндік береді.

Портты қайта бағыттауды орнату үшін суреттерді орындаңыз.

DNS қызметі

Сізге IP -мекен -жайыңызды веб -мекенжай атауымен байланыстыратын қызмет қажет болады. Сіз өзіңіздің сайтыңызға кіру үшін маршрутизаторға ғаламдық IP мекенжайын, содан кейін порт нөмірін енгізе аласыз. Бұл, әсіресе, егер сіздің ғаламдық IP өзгерсе. DNS қызметі бұл өзгерістерді қадағалап, жаңартып отырады, осылайша сіздің веб -атыңыз бен IP байланыстырылады. Мен no-ip арқылы ақысыз қызметті қолдануды таңдаймын. Сіз қалаған нәрсені төлеуге дайынсыз. Бұл мен білетін ақысыз әдіс.

www.noip.com/

3 -қадам: Pi -ге қажетті бағдарламалық жасақтаманы орнату

Егер сіз менің GitHub кодын жүктеген болсаңыз, сайтты іске қосу үшін қарапайым npm start пәрменін орындаудан басқа ештеңе істеудің қажеті жоқ. Алайда, бұл терең оқулық болғандықтан, мен барлық қажетті бағдарламалық қамтамасыз ету мен пакеттерді қалай орнату керектігін түсіндіремін.

Пи немесе Linux компьютерінде болғанда (терезелерді пайдалану үшін әр түрлі командалар болады), келесі пәрмендерді орындаңыз.

Мен оларды орындауды жеңілдету үшін жеке қадамдар ретінде бөлдім.

1. node.js және npm орнатыңыз

Node.js - бұл серверді құратын Java сценарийі. NPM-бұл түйін бумасының менеджері және node.js. көмегімен қажет болатын барлық орта өнімдерді өңдейді.

Орнату үшін келесі пәрмендерді Linux немесе mac машинасында іске қосыңыз.

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

Терезелерге жүктеу үшін осы жерден табылған exe файлын пайдаланыңыз.

Бұл сілтеме, егер таңқурай пи болмаса, linux көмекке арналған.

2. MongoDB орнатыңыз

MongoDB - бұл мәліметтер базасы. Мен мұны веб -беттің кіру және трафикті санау бөлігі үшін қолданамын.

Орнату үшін келесі пәрмендерді Linux немесе mac машинасында іске қосыңыз.

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 жаңартуы

sudo apt-get install -y mongodb-org

Терезелерге жүктеу үшін осы жерден табылған exe файлын пайдаланыңыз.

Бұл сілтеме егер таңқурай пи болмаса, linux көмекке арналған.

3. Grunt орнатыңыз

Grunt npm сияқты, өйткені сіз оны басқа плагиндермен бірге қолдана аласыз. Мен оны қолданба үшін қолданбаймын, бірақ бұл тапсырмаларды автоматтандыру кезінде өте пайдалы. Қолданбаның жұмыс істеуі үшін бұл қадамды толығымен өткізіп жіберуге болады.

Windows, mac немесе linux үшін келесі пәрменді қолданыңыз.

npm install -g grunt -cli

4. Экспресс орнатыңыз

Экспресс - JS түйінін пайдаланудың қарапайым әдісі. Біз экспресс -генераторды орнатамыз. Бұл веб -қосымшаның қарапайым құрылымын жасайды.

Windows, mac немесе linux үшін келесі пәрменді қолданыңыз.

npm экспресс -генератор -g орнатыңыз

4 -қадам: Express Node.js қосымшасын жасаңыз

Қолданбаны орнатқыңыз келетін қалтаның орналасқан жеріне өтіңіз. Осы жерден кейін барлық болашақ орнатулар осы қалтада болады.

Каталогты өзгерту үшін келесі пәрмендерді Linux немесе mac машинасында іске қосыңыз.

sudo cd/home/pi/myapp

Windows үшін:

cd C: / Users / pi / Desktop / myapp

JS түйінін құру үшін экспресс -генераторды қолданыңыз.

қосымшаның атын білдіріңіз

Бұл node.js экспресс -жобасын жасайды, сіз -h пәрменін пайдаланып төменде көрсетілгендей әр түрлі пәрмендерді табу арқылы оның мүмкіндіктерін осы қадамда өңдей аласыз. Немесе сіз жасаған үлгісін қолмен өңдей аласыз. Мен мұны 2 -бөлімде толығырақ талқылаймын. Сіз бұл кодқа басқа айнымалыларды қоса аласыз, мысалы, html, руль, нефрит және басқаларды қолдану. Ол үшін пәрменді іске қосыңыз:

экспресс -h

Келесі пәрмендерді орындау арқылы node.js веб -қосымшасын орнатуды жалғастырыңыз:

cd nameofmyapp

npm орнату

Бұл node.js веб -қосымшасы іске қосылуы қажет барлық қажетті пакеттерді және басқа да қол жетімді пакеттерді орнатады.

Бұл мысалда қосымшаның файл жолы келесідей болады:

/home/pi/myapp/nameofmyapp

Себебі экспресс -генератор файлды сіз одан кейін орналастыратын жолдың негізінде жасайды. Егер сіз қалаған каталогта болсаңыз, экспресс пайдаланыңыз.

5 -қадам: веб -қосымшаны іске қосыңыз

Node.js веб -қосымшасын іске қосу үшін пәрменді іске қосыңыз:

npm басталуы

Кодтау кезінде оны тиімдірек ету үшін, өзгертулер енгізілгеннен кейін біздің қолданба автоматты түрде жаңартылады, біз nodemon орнатамыз.

npm орнату -g nodemon

Мұнда көптеген оқулықтар сізге құрылысты көңілді өткізуге кеңес береді және аяқтың ауыр жұмысын анықтауға мүмкіндік береді. Келесі қадамдарда мен сізге қосымшаны қалай құрғаным туралы айтып беремін.

6 -қадам: несие

Бұл қадам емес, бірақ мен бұл оқулыққа өз көздерім мен шабытымды келтіргім келеді.

Бұл Github ReadMe -ді біздің үлкен дизайнерлік жобада жұмыс істеп жүрген кезде жақсы дос жазған және ол менің сайтымды қалай құруға болатыны туралы көп шабыт берді.

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

Бұл оқулық веб -қосымшаны құру процесінде пайдалы құрал болды.

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

Node.js сайты туралы қосымша ақпарат алу үшін менің 2 -бөлімге кіріңіз.