Агуулгын хүснэгт:
2025 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2025-01-23 15:00
Миний 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 -р хэсэгт зочилно уу.
Зөвлөмж болгож буй:
Notepad ашиглан үндсэн вэбсайт хийх: 4 алхам
Тэмдэглэлийн дэвтэр ашиглан үндсэн вэбсайт хэрхэн хийх вэ: "Би вэбсайтыг үндсэн бичих програмаар хэрхэн яаж хийх вэ?" Гэж асуусан хүн байна уу? "Мэдээжийн хэрэг, тусгайлан биш … Ямар ч байсан, би танд ҮНДСЭЙС хэрхэн хийхийг зааж өгөх болно. зөвхөн дэвтэр ашиглан вэбсайт
Bootstrap 4: 7 алхамаар хэрхэн гоёмсог, энгийн вэбсайт хийх вэ
Bootstrap 4 -ээр хэрхэн гоёмсог, энгийн вэбсайт хийх вэ: Энэхүү зааварчилгааны зорилго нь програмчлалын талаар сайн мэддэг хүмүүст HTML эсвэл бусад хэлбэрээр өгөх явдал юм. вэбсайтын талаар, цөөн хэдэн зүйлийг хэрхэн үүсгэх вэ
WordPress вэбсайт дээр SSL гэрчилгээг хэрхэн суулгах вэ: 5 алхам
WordPress вэбсайт дээр SSL гэрчилгээг хэрхэн суулгах вэ: Бид WordPress вэбсайт дээр SSL сертификат суулгах гарын авлагыг хуваалцах болно. Гэхдээ сертификат суулгахаас өмнө Comodo SSL сертификат гэх мэт хямд ssl гэрчилгээ үзүүлэгчийг хайж олох хэрэгтэй
Arduino UNO ашиглан дрон хэрхэн хийх вэ - Микроконтроллер ашиглан квадрокоптер хийх: 8 алхам (зурагтай)
Arduino UNO ашиглан дрон хэрхэн хийх вэ | Микроконтроллер ашиглан квадрокоптер хийх: Танилцуулга Миний Youtube сувагт зочлоорой Drone бол худалдан авахад маш үнэтэй хэрэгсэл юм. Энэ нийтлэлд би үүнийг хэрхэн хямд үнээр хийх талаар ярилцах болно. Та яаж ийм үнээр хямд үнээр өөрийн гараар хийх вэ … Энэтхэгт бүх материал (мотор, ESC
Google -ийн хуудас бүтээгч ашиглан вэбсайт хийх: 6 алхам
Google -ийн хуудас бүтээгч ашиглан вэбсайт хийх: Google Labs -ийн шинэ хуудас бүтээгч ашиглан вэбсайтыг хэрхэн тохируулах талаар. (Хэрхэн энгийн 100mb вэбсайтыг үнэ төлбөргүй хийж, үдээс хойш хийх боломжтой.) Үүнд: хуудсыг хуудас руу холбох, бусад хуудсууд руу холбох, байршуулсан html файлуудын линк, зураг оруулах