
Съдържание:
2025 Автор: John Day | [email protected]. Последно модифициран: 2025-01-23 14:36

Добре дошли в ЧАСТ 1 от моя урок за уеб приложение node.js. Част 1 ще разгледа необходимия софтуер, използван за разработката на приложения node.js, как да използва пренасочване на портове, как да изгради приложение с помощта на Express и как да стартира приложението си. Втората част на този урок ще разгледа целия код и структура на пълното ми уеб приложение. Ако сте готови за това, посетете го тук.
Така че, докато изграждах моята лична стартова страница, ми беше много трудно да се измъкна от плевелите. В интернет има повече, отколкото дори аз някога ще разбера за създаването на уеб страница.
Това е разходка за това как да използвате Node.js, Express и Mongodb. за създаване на уеб страница.
Кодът за всичко това е тук.
Моята уеб страница се нарича Интернет. Моля, посетете, ако искате по -интерактивен поглед към личен уебсайт.
Започнах тази страница, за да имам лично присъствие в интернет с проекти, които съм правил, с връзки към моите проекти с инструкции за повече подробности.
Този сайт се хоства в моя дом на пи нула W.
Стъпка 1: Неща, от които се нуждаете

1. Време. Не мога да подчертая, че разработването на сайт и истинското разбиране на вътрешната работа е дълъг процес. Имам диплома по електротехника с фокус в микроелектрониката и любов към кодирането и това все още ми отне месеци, за да постигна.
Този урок ще бъде добър градивен елемент, но моля, прочетете повече документация онлайн, за да разберете всяко парче.
2. Малина пи - всеки модел ще се справи. Също така ще работи всеки компютър с Linux. Всъщност всеки компютър ще свърши работа, просто ще разгледам по -подробно как да го стартирам на пи.
3. Интернет връзка - ако планирате да хоствате това по света. За конфигуриране на пренасочване на портове е необходим рутер или мрежов превключвател.
4. Софтуер - Всяка кодираща платформа ще работи, Sublime, Webstorm, Notepadd ++, Visual Studios или нещо друго. Използвах предимно Webstorm или Sublime.
Стъпка 2: Пренасочване на портове на вашия Raspberry Pi


Така че, ще предположа, че вече имате настроен малинов пи. Ако не, вижте този лесен урок тук.
Моето пи работи с Jessie lite и всичко е терминално. Ползата от това е, че нямам много процеси, работещи във фонов режим, които биха могли да накарат сървъра ми да работи по -бавно с голям трафик. Нека сега заявя, че този урок е за сайтове с нисък трафик. Всеки сайт с голям трафик ще бъде бавен на пи и може да доведе до срив на сървъра ви.
Пренасочване на портове
С настройката на вашия pi ще трябва да активирате пренасочване на портове на вашия рутер или превключвател. За да направите това, намерете настройките за пренасочване на портове във вашия рутер. Всеки рутер е различен, тук показвам моя Linksys Velop GUI.
Моят сайт е конфигуриран на порт 3000, това може да се промени в изходния код във файла app.js или www.
Също така имам порт 22, настроен за препращане, за да мога да SSH в моя pi, това може да се настрои в настройките на pi. SSH е начин да използвате терминала на вашия pi, докато не сте в същата мрежа, а също и докато не използвате изхода на дисплея от pi. Това ми позволява да актуализирам уебсайта си от друг компютър и да променя промените в моя pi.
Следвайте снимките, за да настроите пренасочване на портове.
DNS услуга
Ще ви е необходима услуга, която свързва вашия IP адрес с име на уеб адрес. Ще можете да въведете глобален ip адрес на маршрутизаторите си, последван от номера на порта, за достъп до вашия сайт. Това обаче е трудно, особено ако вашият глобален ip се промени. Това, което DNS услугата прави, е да проследява и актуализира тези промени, така че вашето уеб име и ip да са свързани. Избирам да използвам безплатна услуга чрез no-ip. Можете да плащате за всичко, което искате. Това е просто безплатен начин, за който знам.
www.noip.com/
Стъпка 3: Инсталиране на необходимия софтуер на Pi




Ако сте изтеглили моя код на GitHub, няма да е необходимо да правите нищо, освен да изпълнявате проста команда npm start, за да стартирате сайта. Въпреки това, тъй като това е задълбочен урок, ще обясня как да инсталирам целия необходим софтуер и пакети.
Докато сте на вашия pi или linux компютър (ще има различни команди за използване на windows), изпълнете следните команди.
Разбих ги като отделни стъпки, за да улесня следването.
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
За да изтеглите на Windows, просто използвайте 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 update
sudo apt-get install -y mongodb-org
За да изтеглите на Windows, просто използвайте exe, намерен тук.
Тази връзка е за помощ за Linux, ако не на малиново пи.
3. Инсталирайте Grunt
Grunt е като npm, тъй като можете да го използвате заедно с други приставки. Не го използвам за приложението си, но е много полезно при автоматизиране на задачи. Тази стъпка може да бъде напълно пропусната, за да работи приложението ви.
За Windows, Mac или Linux използвайте следната команда.
npm install -g grunt -cli
4. Инсталирайте Express
Express е лесен начин за използване на node js framework. Ще инсталираме експресен генератор. Това създава лесна за използване рамка на уеб приложение.
За Windows, Mac или Linux използвайте следната команда.
npm инсталирайте express -generator -g
Стъпка 4: Създайте приложение Express Node.js


Придвижете се до местоположението на папката, в което планирате да инсталирате приложението си. След като тук всички бъдещи инсталации ще бъдат в тази папка.
Изпълнете следните команди на машина с Linux или Mac, за да промените директорията.
sudo cd/home/pi/myapp
За Windows:
cd C: / Users / pi / Desktop / myapp
Използвайте генератора на експреси, за да създадете необходимата рамка на node js.
експресно име на myapp
Това ще създаде гол експресен проект node.js, можете да редактирате неговите функции по време на тази стъпка, като намерите различни команди, както се вижда по -долу, като използвате командата -h. Или можете ръчно да редактирате генерирания шаблон, както имам аз. Ще обсъдя това по -подробно в част 2. Можете да добавите други променливи към този код, за да промените настройките във вашето приложение, като например използване на html, кормило, нефрит и други. За това изпълнете командата:
изрази -h
Продължете да настройвате вашето уеб приложение node.js, като изпълните следните команди:
cd име на myapp
npm инсталиране
Това инсталира всички необходими пакети, които вашето уеб приложение node.js ще трябва да изпълнява, и още, които са на разположение за използване.
В този пример пътят на файла за приложението ще бъде:
/home/pi/myapp/nameofmyapp
Това е така, защото експресният генератор създава файл въз основа на низ, който поставяте след него. Ако вече сте в желаната директория, просто използвайте express.
Стъпка 5: Стартирайте вашето уеб приложение


За да стартирате вашето уеб приложение node.js, изпълнете командата:
npm старт
За да бъде по -ефективен по време на кодирането, така че приложението ни да се актуализира автоматично, след като направим промени, ще инсталираме nodemon.
npm install -g nodemon
Ето къде повечето уроци биха ви казали да се забавлявате в изграждането и да ви оставят да разберете трудния труд на краката. В следващите стъпки ще ви разкажа как създадох моето приложение.
Стъпка 6: Кредит
Всъщност не е стъпка, но искам да изброя моите източници и вдъхновение за този урок.
Този Github ReadMe е написан от добър приятел, докато работи по нашия старши дизайнерски проект, и е послужил за много вдъхновение за това как да създам моя сайт.
github.com/SDP-DT04/Web-Application/blob/m…
Този урок беше полезен инструмент в процеса на създаване на уеб приложение.
kroltech.com/2013/12/29/boilerplate-web-app…
За повече информация относно сайт node.js посетете моята част 2.
Препоръчано:
Как да направите основен уебсайт с помощта на Notepad: 4 стъпки

Как да си направим основен уебсайт с помощта на Notepad: Някой да се е чудил " как да направя уебсайт от основна програма за писане? &Quot; Е, очевидно, не конкретно … Както и да е, тук ще ви покажа как да направите BASIC уебсайт, използващ само бележник
Как да получите безплатен уебсайт (TLD, хостинг, SSL): 16 стъпки

Как да получите безплатен уебсайт (TLD, хостинг, SSL): Уебсайтовете се превръщат в голямо нещо. Преди големи компании, като Microsoft, Google и други, имаха свои уебсайтове. Може би някои блогъри и по -малки компании също са го направили. Но сега, особено по време на пандемията COVID-19 (да, пиша това през 2020 г.)
Как да изградим интелигентно огледало с Raspberry Pi 4: 10 стъпки

Как да изградим интелигентно огледало с Raspberry Pi 4: В това ръководство ще видим как да изградим smartmirror, използвайки рециклирани парчета като рамка за картина, стар монитор и стъкло за картина. За електронните компоненти, които закупих от тук www.lcsc .com
Как да изградим брояч за хора с Raspberry Pi и Ubidots: 6 стъпки

Как да изградим брояч за хора с Raspberry Pi и Ubidots: В този прост проект ще използваме сензор за движение, за да открием дали обект минава пред нашия Raspberry Pi. След това ще преброим колко пъти това се случва и ще изпратим тази стойност на Ubidots. Броячите на хора обикновено са скъпи устройства, използвани в
Как да изградим термоядрен реактор на Farnsworth и да станем част от канона на ядрената култура: 10 стъпки

Как да изградим термоядрен реактор на Farnsworth и да станем част от канона на ядрената култура: С надеждата да децентрализираме йерархиите на силата на знанието и да дадем възможност на индивида, ще преминем през необходимите стъпки, за да изградим устройство, което ще йонизира частици в плазма, използвайки електричество. Това устройство ще демонстрира