Мазмұны:
2025 Автор: John Day | [email protected]. Соңғы өзгертілген: 2025-01-23 14:51
Менің 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 -бөлімге кіріңіз.
Ұсынылған:
Linux жүктеу дискісін қалай құруға болады (және оны қалай қолдануға болады): 10 қадам
Linux жүктеу дискісін қалай құруға болады (және оны қалай қолдануға болады): Бұл Linux -тен қалай бастау керектігі туралы қарапайым кіріспе, атап айтқанда Ubuntu
Жаңадан бастаушыларға арналған жақша көмегімен қарапайым веб -бетті қалай құруға болады: 14 қадам
Жаңадан бастаушыларға арналған жақшалар көмегімен қарапайым веб -бетті қалай құруға болады: Кіріспе Келесі нұсқаулар жақшалар көмегімен веб -бетті жасауға қадамдық нұсқаулықты ұсынады. Жақшалар - бұл веб -әзірлеуге басты назар аударатын бастапқы код редакторы. Adobe Systems жасаған бұл лицензияланған ақысыз және бастапқы коды бар бағдарламалық жасақтама
Raspberry Pi және Ubidots көмегімен халық есептегішін қалай құруға болады: 6 қадам
Raspberry Pi және Ubidots көмегімен халық санауышын қалай құруға болады: Бұл қарапайым жобада біз Raspberry Pi алдында объект өтіп бара жатқанын анықтау үшін қозғалыс сенсорын қолданамыз. Содан кейін біз бұл қанша рет болатынын есептеп, бұл мәнді Ubidots -қа жібереміз. Адам есептегіштері - әдетте қымбат құрылғылар
Nememcu -дегі қамыс қосқыштарын, холл эффект датчигін және кейбір сынықтарды қолдана отырып, өзіңіздің жеке анемометріңізді қалай құруға болады - 2 -бөлім - Бағдарламалық қамтамасы
Nememcu -дегі қамыс қосқыштарын, холл әсерінің сенсоры мен кейбір сынықтарды қолдана отырып, өзіңіздің жеке анемометріңізді қалай құруға болады - 2 -бөлім - Бағдарламалық қамтамасыз ету: Кіріспе Бұл бірінші мақаланың жалғасы " Қамыс қосқыштары, Холл эффект сенсоры мен кейбір сынықтарды пайдаланып өз анемометрін қалай құруға болады? Nodemcu бойынша - 1 -бөлім - Аппараттық құралдар " - мен мұнда желдің жылдамдығы мен бағытын қалай өлшеу керектігін көрсетемін
Гитара динамигінің қорабын қалай құруға болады немесе стереоға арналған екеуін қалай құруға болады: 17 қадам (суреттермен)
Гитара динамигінің қорабын қалай құруға болады немесе стереоға арналған екеуін қалай құруға болады?: Мен жаңа гитара колонкасын өзім құрып жатқан түтік күшейткішпен бірге алғысы келді. Динамик менің дүкенімде қалады, сондықтан оған ерекше нәрсе қажет емес. Толекс жабындысы өте оңай зақымдалып кетуі мүмкін, сондықтан мен жеңіл құмнан кейін сыртқа қара шаштым