Как да изградим уебсайт на Raspberry Pi, с Node.js, Express и MongoDB Част 1: 6 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:53

Добре дошли в ЧАСТ 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.