Satura rādītājs:
2025 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2025-01-23 14:59
Laipni lūdzam manas node.js tīmekļa lietotnes apmācības 1. DAĻĀ. Pirmajā daļā tiks apskatīta nepieciešamā programmatūra, ko izmanto lietotņu nod.js izstrādei, kā izmantot portu pāradresāciju, kā izveidot lietotni, izmantojot Express, un kā palaist jūsu lietotni. Šīs apmācības otrajā daļā tiks apskatīts viss manas tīmekļa lietojumprogrammas kods un struktūra. Ja esat tam gatavs, apmeklējiet to šeit.
Tātad, veidojot savu personīgo atklāšanas lapu, man bija ļoti grūti izkļūt no nezālēm. Internetā ir vairāk nekā es jebkad sapratīšu par tīmekļa lapas izveidi.
Šī ir informācija par to, kā izmantot Node.js, Express un Mongodb. lai izveidotu tīmekļa lapu.
Kods tam visam ir šeit.
Manas tīmekļa lapas nosaukums ir Internets. Lūdzu, apmeklējiet, ja vēlaties interaktīvāku ieskatu personīgajā vietnē.
Es sāku šo lapu, lai personīgi atrastos internetā ar projektiem, kurus esmu paveicis, ar saitēm uz maniem pamācību projektiem, lai iegūtu sīkāku informāciju.
Šī vietne tiek mitināta manās mājās uz nulles W.
1. darbība. Nepieciešamās lietas
1. Laiks. Es nevaru uzsvērt, ka vietnes izstrāde un patiesa izpratne par iekšējo darbību ir ilgs process. Man ir grāds elektrotehnikā ar fokusu mikroelektronikā un mīlestība uz kodēšanu, un tas man vēl aizņēma vairākus mēnešus.
Šī apmācība būs labs pamatelements, taču, lai saprastu katru daļu, lūdzu, izlasiet vairāk dokumentācijas tiešsaistē.
2. Aveņu pi - derēs jebkurš modelis. Arī jebkurš dators, kurā darbojas Linux. Patiesībā derēs jebkurš dators, es tikai iedziļinos sīkāk, kā to palaist uz pi.
3. Interneta pieslēgums - ja plānojat to uzņemt pasaulē. Lai konfigurētu portu pāradresāciju, ir nepieciešams maršrutētājs vai tīkla slēdzis.
4. Programmatūra - darbosies jebkura kodēšanas platforma, Sublime, Webstorm, Notepadd ++, Visual Studios vai jebkas cits. Es galvenokārt izmantoju Webstorm vai Sublime.
2. solis: ostas pāradresācija jūsu Raspberry Pi
Tātad, es pieņemšu, ka jūsu aveņu pi jau ir iestatīts. Ja nē, pārbaudiet šo vienkāršo pamācību šeit.
Mans pi darbojas Jessie lite, un viss ir terminālis. Ieguvums ir tāds, ka man fonā nedarbojas daudz procesu, kas varētu palēnināt mana servera darbību ar lielu trafiku. Ļaujiet man tagad paziņot, ka šī apmācība ir paredzēta vietnēm ar zemu trafiku. Jebkura vietne ar lielu datplūsmu būs lēna un var izraisīt jūsu servera avāriju.
Ostu pāradresācija
Kad jūsu pi ir iestatīts, maršrutētājā vai slēdžā būs jāiespējo portu pāradresācija. Lai to izdarītu, atrodiet maršrutētājā portu pāradresācijas iestatījumus. Katrs maršrutētājs ir atšķirīgs, šeit es rādu savu Linksys Velop GUI.
Mana vietne ir konfigurēta portam 3000, to var mainīt avota kodā app.js vai www failā.
Man arī ir izveidots 22. ports pārsūtīšanai, lai es varētu SSH ievadīt savā pi, to var iestatīt pi iestatījumos. SSH ir veids, kā izmantot termināli savā pi, kamēr tas nav vienā tīklā, kā arī neizmantojot displeja izvadi no pi. Tas ļauj man atjaunināt savu vietni no cita datora un pārvietot izmaiņas savā pi.
Sekojiet attēliem, lai iestatītu portu pāradresāciju.
DNS pakalpojums
Jums būs nepieciešams pakalpojums, kas saista jūsu IP adresi ar tīmekļa adreses nosaukumu. Lai piekļūtu savai vietnei, jūs varēsit ievadīt maršrutētāju globālo IP adresi un porta numuru. Tomēr tas ir grūti, it īpaši, ja mainās jūsu globālais IP. DNS pakalpojums izseko un atjaunina šīs izmaiņas, lai jūsu tīmekļa nosaukums un ip būtu saistīti. Es izvēlos izmantot bezmaksas pakalpojumu, izmantojot no-ip. Jūs esat laipni aicināti maksāt par visu, ko vēlaties. Tas ir tikai bezmaksas veids, ko es zinu.
www.noip.com/
3. darbība: nepieciešamās programmatūras instalēšana Pi
Ja esat lejupielādējis manu GitHub kodu, jums nekas nav jādara, izņemot palaidiet vienkāršu npm start komandu, lai vietne darbotos. Tomēr, tā kā šī ir padziļināta apmācība, es paskaidrošu, kā instalēt visu nepieciešamo programmatūru un pakotnes.
Atrodoties savā pi vai linux datorā (Windows lietošanai būs dažādas komandas), palaidiet šādas komandas.
Es tos sadalīju kā atsevišķus soļus, lai būtu vieglāk tos ievērot.
1. Instalējiet node.js un npm
Node.js būtībā ir java skripts, kas izveido serveri. NPM ir mezglu pakotņu pārvaldnieks un apstrādā visas nepieciešamās vidējās preces ar node.js.
Lai instalētu, Linux vai Mac datorā palaidiet šādas komandas.
čokurošanās -sL https://deb.nodesource.com/setup_6.x | sudo -E bash sudo apt -get install -y nodejs
Lai lejupielādētu operētājsistēmā Windows, vienkārši izmantojiet šeit atrodamo exe.
Šī saite ir paredzēta Linux palīdzībai, ja ne uz aveņu pi.
2. Instalējiet MongoDB
MongoDB ir tikai tā, datu bāze. Es to izmantoju savas tīmekļa lapas pieteikšanās un datplūsmas skaitītāja daļai.
Lai instalētu, Linux vai Mac datorā palaidiet šādas komandas.
sudo apt-key adv-atslēgu serveris 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
Lai lejupielādētu operētājsistēmā Windows, vienkārši izmantojiet šeit atrodamo exe.
Šī saite ir paredzēta Linux palīdzībai, ja ne uz aveņu pi.
3. Uzstādiet Grunt
Grunt ir kā npm, jo varat to izmantot kopā ar citiem spraudņiem. Es to neizmantoju savai lietotnei, tomēr tas ir ļoti noderīgi, automatizējot uzdevumus. Šo darbību var pilnībā izlaist, lai jūsu lietotne darbotos.
Operētājsistēmai Windows, mac vai Linux izmantojiet šādu komandu.
npm instalēt -g grunt -cli
4. Instalējiet Express
Express ir vienkāršs veids, kā izmantot mezgla js ietvaru. Mēs uzstādīsim ekspresģeneratoru. Tas rada viegli lietojamu tīmekļa lietojumprogrammas ietvaru.
Operētājsistēmai Windows, mac vai Linux izmantojiet šādu komandu.
npm instalējiet ekspresģeneratoru -g
4. darbība. Izveidojiet lietotni Express Node.js
Pārejiet uz mapes atrašanās vietu, kurā plānojat ievietot savu lietotni. Kad būsit šeit, visas turpmākās instalācijas būs šajā mapē.
Lai mainītu direktoriju, Linux vai Mac datorā palaidiet šādas komandas.
sudo cd/home/pi/myapp
Operētājsistēmai Windows:
cd C: / Users / pi / Desktop / myapp
Izmantojiet ātro ģeneratoru, lai izveidotu nepieciešamo mezgla js ietvaru.
izteikt savas lietotnes nosaukumu
Tādējādi tiks izveidots tukšs ekspresis node.js projekts, šī soļa laikā varat rediģēt tā funkcijas, atrodot dažādas komandas, kā redzams zemāk, izmantojot komandu -h. Vai arī varat manuāli rediģēt izveidoto veidni, piemēram, man. Es to sīkāk apspriedīšu 2. daļā. Jūs varat pievienot šim kodam citus mainīgos, lai mainītu lietojumprogrammas iestatījumus, piemēram, izmantojot html, stūri, nefrītu un citus. Lai to izdarītu, palaidiet komandu:
izteikt -h
Turpiniet iestatīt tīmekļa lietojumprogrammu node.js, palaižot šādas komandas:
cd nosaukums manai lietotnei
npm instalēt
Tādējādi tiek instalētas visas nepieciešamās pakotnes, kas būs jāpalaiž jūsu tīmekļa lietojumprogrammai node.js, un citas pieejamās paketes.
Šajā piemērā lietojumprogrammas faila ceļš būtu šāds:
/home/pi/myapp/nameofmyapp
Tas ir tāpēc, ka ātrais ģenerators izveido failu, pamatojoties uz virkni, kuru ievietojat pēc tās. Ja jūs jau atrodaties vajadzīgajā direktorijā, vienkārši izmantojiet ekspresi.
5. darbība: palaidiet savu tīmekļa lietojumprogrammu
Lai palaistu tīmekļa lietojumprogrammu node.js, palaidiet komandu:
npm sākums
Lai padarītu to efektīvāku kodēšanas laikā, lai mūsu lietojumprogramma tiktu automātiski atjaunināta pēc izmaiņu veikšanas, mēs instalēsim nodemon.
npm instalēt -g nodemon
Lūk, kur lielākā daļa pamācību liks jums izklaidēties ar ēku un ļaus jums izdomāt smago kāju darbu. Turpmākajos soļos es jums pastāstīšu, kā es izveidoju savu lietojumprogrammu.
6. darbība: kredīts
Nav īsti solis, bet es vēlos uzskaitīt savus avotus un iedvesmu šai apmācībai.
Šo Github ReadMe uzrakstīja labs draugs, strādājot pie mūsu vecākā dizaina projekta, un tas ir devis daudz iedvesmas, kā izveidot manu vietni.
github.com/SDP-DT04/Web-Application/blob/m…
Šī apmācība bija noderīgs rīks tīmekļa lietojumprogrammas izveides procesā.
kroltech.com/2013/12/29/boilerplate-web-app…
Lai iegūtu papildinformāciju par vietni node.js, apmeklējiet manu 2. daļu.
Ieteicams:
Kustībā aktivizēti Cosplay spārni, izmantojot Circuit Playground Express - 1. daļa: 7 soļi (ar attēliem)
Kustību aktivizētie Cosplay spārni, izmantojot Circuit Playground Express - 1. daļa: Šī ir pirmā daļa no divu daļu projekta, kurā es jums parādīšu savu procesu, kā izveidot pāris automatizētu pasaku spārnu. Projekta pirmā daļa ir spārnu mehānika, un otrā daļa padara to valkājamu un pievieno spārnus
Kā izveidot pamata vietni, izmantojot Notepad: 4 soļi
Kā izveidot pamata vietni, izmantojot piezīmjdatoru: Vai kāds ir prātojis, "kā es varu izveidot vietni no pamata rakstīšanas programmas?" "Nu, acīmredzot, ne īpaši … Jebkurā gadījumā, šeit es jums parādīšu, kā izveidot BASIC vietne, izmantojot tikai piezīmju grāmatiņu
Kā izveidot gludu un vienkāršu vietni, izmantojot Bootstrap 4: 7 soļus
Kā izveidot gludu un vienkāršu vietni, izmantojot Bootstrap 4: Šīs pamācības mērķis ir sniegt vienkāršu ievadu tiešsaistes portfeļa izveidošanai, izmantojot Bootstrap 4. Iepazīstieties ar sākotnējo iestatīšanu. tīmekļa vietnē, kā izveidot dažus
Kā izveidot vietni (soli pa solim): 4 soļi
Kā izveidot vietni (soli pa solim): šajā rokasgrāmatā es jums parādīšu, kā lielākā daļa tīmekļa izstrādātāju veido savas vietnes un kā jūs varat izvairīties no dārgiem vietņu veidotājiem, kas bieži vien ir pārāk ierobežoti lielākai vietnei. Es arī palīdzēt jums izvairīties no dažām kļūdām, kuras es izdarīju, kad sāku
Kā izveidot ziņojumu dēļa vietni, izmantojot PHP un MYSQL: 5 soļi
Kā izveidot ziņojumu dēļa vietni, izmantojot PHP un MYSQL: Šī pamācība parādīs, kā izveidot ziņojumu dēļa vietni, izmantojot php, mysql, html un css. Ja neesat iesācējs tīmekļa izstrādē, neuztraucieties, būs sīki paskaidrojumi un analoģijas, lai jūs varētu labāk izprast jēdzienus. Paklājs