Node.js, Express, MongoDB ашиглан Raspberry Pi дээр хэрхэн вэбсайт хийх вэ 1 -р хэсэг: 6 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:04

Миний node.js вэб програмын хичээлийн 1 -р хэсэгт тавтай морилно уу. 1 -р хэсэг нь node.js програмыг хөгжүүлэхэд шаардлагатай програм хангамж, порт дамжуулалтыг хэрхэн ашиглах, Express ашиглан програмыг хэрхэн бүтээх, програмаа хэрхэн ажиллуулах талаар авч үзэх болно. Энэхүү гарын авлагын хоёр дахь хэсэг нь миний вэб програмын бүх код, бүтцийг авч үзэх болно. Хэрэв та үүнд бэлэн байгаа бол энд очиж үзээрэй.

Тиймээс, хувийн хуудсаа эхлүүлэх явцад хогийн ургамлаас салахад маш хэцүү байсан. Интернэтэд вэб хуудас бүтээх талаар миний ойлгохоос ч илүү олон зүйл бий.

Энэ бол Node.js, Express, Mongodb -ийг хэрхэн ашиглах талаар хийсэн алхам юм. вэб хуудас үүсгэх.

Энэ бүхний код энд байна.

Миний вэб хуудсыг Интернет гэж нэрлэдэг. Хэрэв та хувийн вэбсайтыг илүү интерактив байдлаар харахыг хүсвэл зочилно уу.

Би энэ хуудсыг интернет дээр өөрийн хийсэн төслүүдтэй танилцуулахын тулд эхлүүлсэн бөгөөд миний зааварчилгааны төслүүдийн линкүүдээс илүү дэлгэрэнгүй мэдээлэл авах боломжтой болсон.

Энэ сайтыг миний гэрт pi W тэг дээр байрлуулсан.

Алхам 1: Танд хэрэгтэй зүйл

1. Цаг. Сайтыг хөгжүүлэх, дотоод ажлыг үнэн зөв ойлгох нь урт хугацааны үйл явц гэдгийг би онцолж чадахгүй байна. Би микроэлектроникийн чиглэлээр мэргэшсэн, инженерчлэлийн чиглэлээр мэргэшсэн, код бичих дуртай, үүнийг хийхэд хэдэн сар зарцуулсан хэвээр байна.

Энэхүү заавар нь сайн барилгын блок байх болно, гэхдээ хэсэг бүрийг ойлгохын тулд онлайнаар илүү олон баримт бичгийг уншина уу.

2. Raspberry pi - ямар ч загвар хийх болно. Линукс дээр ажилладаг бүх компьютер үүнийг хийх болно. Үнэндээ ямар ч компьютер үүнийг хийх болно, би үүнийг pi дээр хэрхэн ажиллуулах талаар илүү дэлгэрэнгүй авч үзэх болно.

3. Интернет холболт - хэрэв та үүнийг дэлхий даяар зохион байгуулахаар төлөвлөж байгаа бол. Порт дамжуулалтыг тохируулахын тулд чиглүүлэгч эсвэл сүлжээний шилжүүлэгч шаардлагатай болно.

4. Програм хангамж - Ямар ч кодлох платформ ажиллах болно, Sublime, Webstorm, Notepadd ++, Visual Studios, эсвэл бусад зүйл. Би ихэвчлэн Webstorm эсвэл Sublime ашигладаг байсан.

Алхам 2: Raspberry Pi дээрээ порт дамжуулах

Тиймээс, та бөөрөлзгөнө пи -ээ аль хэдийн тохируулсан гэж би бодож байна. Хэрэв тийм биш бол энэ хялбар хичээлийг эндээс үзээрэй.

Миний pi Jessie lite -ийг ажиллуулж байгаа бөгөөд энэ нь эцсийн цэг юм. Үүний давуу тал нь миний серверийг ачаалал ихтэй байхад удаан ажиллуулах олон процесс байхгүй байна. Энэ заавар нь ачаалал багатай сайтуудад зориулагдсан гэдгийг одоо хэлье. Ачаалал ихтэй аливаа сайт нь удаан ажиллах бөгөөд таны серверийг сүйрүүлж болзошгүй юм.

Порт дамжуулах

Pi тохируулсны дараа та чиглүүлэгч эсвэл шилжүүлэгч дээрээ порт дамжуулахыг идэвхжүүлэх шаардлагатай болно. Үүнийг хийхийн тулд чиглүүлэгч дотроос порт дамжуулах тохиргоог олоорой. Чиглүүлэгч бүр өөр өөр байдаг тул би энд Linksys Velop GUI -ийг үзүүлж байна.

Миний сайт 3000 портоор тохируулагдсан бөгөөд үүнийг app.js эсвэл www файл дахь эх кодоор өөрчилж болно.

Би бас дамжуулах зориулалттай 22 порттой тул би pi руу SSH оруулах боломжтой бөгөөд үүнийг pi тохиргоонд тохируулж болно. SSH бол нэг сүлжээнд холбогдоогүй байхад pi дээрх дэлгэцийн гаралтыг ашиглахгүй байх үед таны pi терминалыг ашиглах арга юм. Энэ нь надад вэбсайтаа өөр компьютерээс шинэчилж, өөрчлөлтүүдийг pi -д оруулах боломжийг олгодог.

Портыг дамжуулах тохиргоог хийхийн тулд зургуудыг дагана уу.

DNS үйлчилгээ

Танд ip хаягаа вэб хаягийн нэртэй холбосон үйлчилгээ хэрэгтэй болно. Та чиглүүлэгчдээ дэлхийн IP хаягийг бичиж, порт руу дугаар оруулах замаар сайт руугаа нэвтрэх боломжтой болно. Гэсэн хэдий ч, хэрэв таны дэлхийн ip өөрчлөгдвөл энэ нь хэцүү байдаг. DNS үйлчилгээ нь эдгээр өөрчлөлтийг хянаж, шинэчлэх бөгөөд ингэснээр таны вэб нэр, ip хоорондоо холбогддог. Би no-ip-ээр дамжуулан үнэгүй үйлчилгээг ашиглахаар шийдсэн. Та хүссэн зүйлээ төлөхөд бэлэн байна. Энэ бол миний мэдэх үнэгүй арга юм.

www.noip.com/

Алхам 3: Pi дээр шаардлагатай програм хангамжийг суулгах

Хэрэв та миний GitHub кодыг татаж авсан бол сайтыг ажиллуулахын тулд энгийн npm start командыг ажиллуулахаас өөр юу ч хийх шаардлагагүй болно. Гэсэн хэдий ч, энэ бол гүнзгийрүүлсэн заавар учраас би шаардлагатай бүх програм хангамж, багцыг хэрхэн суулгах талаар тайлбарлах болно.

Таны pi эсвэл 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 програмыг ашиглана уу.

Энэ линк нь бөөрөлзгөнө pi дээр байхгүй бол 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

Цонхнууд дээр татаж авахын тулд энд байгаа exe програмыг ашиглана уу.

Энэ линк нь бөөрөлзгөнө pi дээр байхгүй бол linux -ийн тусламжид зориулагдсан болно.

3. Grunt суулгана уу

Grunt нь бусад нэмэлт өргөтгөлүүдтэй хамт ашиглах боломжтой тул npm шиг юм. Би үүнийг өөрийн аппликейшнд ашигладаггүй, гэхдээ энэ нь ажлыг автоматжуулахад маш их тустай байдаг. Таны апп ажиллахын тулд энэ алхамыг алгасаж болно.

Windows, mac эсвэл linux -ийн хувьд дараах тушаалыг ашиглана уу.

npm суулгах -g grunt -cli

4. Экспресс суулгах

Экспресс бол js -ийн зангилааны хүрээг ашиглах хялбар арга юм. Бид буухиа генератор суурилуулах гэж байна. Энэ нь вэб програмын хүрээг ашиглахад хялбар болгодог.

Windows, mac эсвэл linux -ийн хувьд дараах тушаалыг ашиглана уу.

npm express -generator -g суулгах

Алхам 4: Express Node.js програмыг үүсгэнэ үү

Апп -аа оруулахаар төлөвлөж буй фолдерын байршил руу очно уу. Ирээдүйн бүх суулгацууд энэ фолдер дотор байх болно.

Лавлахыг өөрчлөхийн тулд дараах тушаалуудыг linux эсвэл mac машин дээр ажиллуулна уу.

sudo cd/home/pi/myapp

Windows -ийн хувьд:

cd C: / Хэрэглэгчид / pi / Ширээний / 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 -р хэсэгт зочилно уу.