როგორ ავაშენოთ ვებ – გვერდი Raspberry Pi– ზე, Node.js– ით, Express– ით და MongoDB– ით ნაწილი 1: 6 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:19

კეთილი იყოს თქვენი მობრძანება ჩემი node.js ვებ პროგრამის სამეურვეო ნაწილის 1 -ში. ნაწილი 1 გაივლის საჭირო პროგრამულ უზრუნველყოფას, რომელიც გამოიყენება node.js პროგრამის შემუშავებისთვის, როგორ გამოვიყენოთ პორტის გადაგზავნა, როგორ შევქმნათ აპლიკაცია ექსპრესის გამოყენებით და როგორ გამოვიყენოთ თქვენი აპლიკაცია. ამ გაკვეთილის მეორე ნაწილი გადაეცემა ჩემი სრული ვებ პროგრამის ყველა კოდს და სტრუქტურას. თუ მზად ხართ ამისთვის ეწვიეთ აქ.

ასე რომ, ჩემი პირადი დაწყების გვერდის შექმნისას მე ძალიან გამიჭირდა სარეველებისგან თავის დაღწევა. ინტერნეტში უფრო მეტია, ვიდრე მე ოდესმე მესმის ვებგვერდის შექმნის შესახებ.

ეს არის გასწავლით თუ როგორ გამოიყენოთ Node.js, Express და Mongodb. ვებგვერდის შესაქმნელად.

ამ ყველაფრის კოდი აქ არის.

ჩემს ვებ გვერდს ჰქვია ინტერნეტი. გთხოვთ ეწვიოთ, თუ გსურთ უფრო ინტერაქტიული ნახვა პირად ვებგვერდზე.

მე დავიწყე ეს გვერდი ინტერნეტში პირადი ყოფნისთვის, ჩემი განსახორციელებელი პროექტებით, ბმულებით ჩემი სასწავლო პროექტების ბმულებით უფრო დეტალურად.

ეს საიტი განთავსებულია ჩემს სახლში პი ნულოვანი W.

ნაბიჯი 1: ის, რაც გჭირდებათ

1. დრო. მე არ შემიძლია ხაზგასმით აღვნიშნო, რომ საიტის შემუშავება და შინაგანი მუშაობის ჭეშმარიტად გააზრება ხანგრძლივი პროცესია. მე მაქვს ხარისხი ელექტროტექნიკაში, მიკრო ელექტრონიკაზე ორიენტირებული და კოდირების სიყვარული და ამას მაინც თვეები დამჭირდა.

ეს გაკვეთილი იქნება კარგი სამშენებლო მასალა, მაგრამ გთხოვთ წაიკითხოთ მეტი დოკუმენტაცია ინტერნეტში თითოეული ნაწილის გასაგებად.

2. ჟოლო პი - ნებისმიერი მოდელი გააკეთებს. ასევე ნებისმიერი კომპიუტერი linux გაუშვებს. სინამდვილეში, ნებისმიერი კომპიუტერი გააკეთებს, მე უბრალოდ უფრო დეტალურად განვიხილავ, თუ როგორ უნდა აწარმოოს იგი pi- ზე.

3. ინტერნეტ კავშირი - თუ აპირებთ ამის მასპინძლობას მსოფლიოში. პორტის გადაგზავნის კონფიგურაციისთვის საჭიროა როუტერი ან ქსელის გადამრთველი.

4. პროგრამული უზრუნველყოფა - ნებისმიერი კოდირების პლატფორმა იმუშავებს, Sublime, Webstorm, Notepadd ++, Visual Studios, ან სხვა რამ. ძირითადად ვიყენებდი Webstorm ან Sublime.

ნაბიჯი 2: პორტის გადაგზავნა თქვენს ჟოლოს პიზე

ასე რომ, მე ვაპირებ ვივარაუდოთ, რომ თქვენ უკვე გაქვთ თქვენი ჟოლოს პი. თუ არა, შეამოწმეთ ეს მარტივი გაკვეთილი აქ.

ჩემი pi მუშაობს Jessie lite– ით და ყველაფერი ტერმინალია. ამის სარგებელი ის არის, რომ მე არ მაქვს ბევრი პროცესი, რომელიც მუშაობს ფონზე, რამაც შეიძლება ჩემი სერვერი შეანელოს მაღალი ტრაფიკით. ნება მომეცით განვაცხადო, რომ ეს სახელმძღვანელო განკუთვნილია დაბალი ტრაფიკის საიტებისთვის. მაღალი ტრაფიკის მქონე ნებისმიერი საიტი იქნება ნელი pi და შესაძლოა თქვენი სერვერის კრახი გამოიწვიოს.

Პორტის გადამისამართება

თქვენი pi დაყენებული, თქვენ უნდა ჩართოთ პორტის გადაგზავნა თქვენს როუტერზე ან გადამრთველზე. ამისათვის იპოვნეთ პორტის გადაგზავნის პარამეტრები თქვენს როუტერში. ყველა როუტერი განსხვავებულია, მე აქ ვაჩვენებ ჩემს Linksys Velop GUI- ს.

ჩემი საიტი კონფიგურირებულია 3000 პორტში, ეს შეიძლება შეიცვალოს წყაროს კოდში app.js ან www ფაილში.

მე ასევე მაქვს პორტი 22 გადაგზავნისთვის, ასე რომ შემიძლია SSH ჩემს პიში შევიტანო, ეს შეიძლება შეიქმნას pi პარამეტრებში. SSH არის საშუალება გამოიყენოთ ტერმინალი თქვენს პიზე, სანამ არ ხართ ერთსა და იმავე ქსელში და ასევე მაშინ, როდესაც არ იყენებთ ეკრანზე გამომავალ მონაცემებს pi. ეს მაძლევს საშუალებას განვაახლო ჩემი ვებ გვერდი სხვა კომპიუტერიდან და გადავიტანო ცვლილებები ჩემს პიში.

მიჰყევით სურათებს პორტის გადაგზავნის დასაყენებლად.

DNS სერვისი

თქვენ დაგჭირდებათ სერვისი, რომელიც აკავშირებს თქვენს IP მისამართს ვებ მისამართის სახელს. თქვენ შეძლებთ ჩაწეროთ თქვენი როუტერების გლობალური ip მისამართი, რასაც მოყვება პორტის ნომერი თქვენს საიტზე შესასვლელად. თუმცა, ეს რთულია, განსაკუთრებით თუ თქვენი გლობალური ip იცვლება. რას აკეთებს DNS სერვისი არის თვალყური ადევნოს და განაახლოს ეს ცვლილებები, რათა თქვენი ვებ -სახელი და IP იყოს დაკავშირებული. მე ვირჩევ უფასო სერვისის გამოყენებას no-ip საშუალებით. თქვენ შეგიძლიათ გადაიხადოთ ყველაფერი, რაც გსურთ. ეს არის მხოლოდ თავისუფალი გზა, რომელიც მე ვიცი.

www.noip.com/

ნაბიჯი 3: საჭირო პროგრამული უზრუნველყოფის დაყენება Pi- ზე

თუ გადმოწერილი გაქვთ ჩემი GitHub კოდი, თქვენ არ დაგჭირდებათ არაფრის გაკეთება, გარდა მარტივი npm დაწყების ბრძანებისა, საიტის გასაშვებად. თუმცა, ვინაიდან ეს არის სიღრმისეული სამეურვეო მე აგიხსნით, თუ როგორ უნდა დააყენოთ ყველა საჭირო პროგრამული უზრუნველყოფა და პაკეტი.

თქვენს 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

ექო "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

Windows– ზე გადმოსაწერად, უბრალოდ გამოიყენეთ exe ნაპოვნი აქ.

ეს ბმული არის 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: / Users / pi / Desktop / myapp

გამოიყენეთ ექსპრეს გენერატორი კვანძის js ჩარჩოს შესაქმნელად.

გამოხატეთ nameofmyapp

ეს შექმნის შიშველ ექსპრეს node.js პროექტს, თქვენ შეგიძლიათ შეცვალოთ მისი მახასიათებლები ამ ნაბიჯის განმავლობაში სხვადასხვა ბრძანებების პოვნით, როგორც ქვემოთ მოცემულია –h ბრძანების გამოყენებით. ან შეგიძლიათ ხელით შეცვალოთ გენერირებული შაბლონი, როგორც მე მაქვს. მე უფრო დეტალურად განვიხილავ მე -2 ნაწილს. თქვენ შეგიძლიათ დაამატოთ სხვა ცვლადები ამ კოდში, რომ შეცვალოთ თქვენი აპლიკაციის პარამეტრები, როგორიცაა html, საჭე, ჟადე და სხვა. ამისათვის გაუშვით ბრძანება:

გამოხატვა -ჰ

განაგრძეთ თქვენი 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.