Muchinyorwa chinotevera tichaenda kutarisa iyo Ionic Sisitimu, uye kuti inogona kuiswa sei paUbuntu 20.04. Iyi fomati inobvumidza vashandisi kuita mapurojekiti nemamwe marongero akadai seAngular. Ionic izere yakavhurwa sosi SDK yehybrid mobile app kuvandudza kwakagadzirwa naDrifty Co's Max Lynch, Ben Sperry, naAdam Bradley muna 2013. Iyo yekutanga vhezheni yakaburitswa muna 2013 uye yakavakirwa pamusoro peAngularJS naApache Cordova. Nekudaro, iyo yazvino vhezheni yakavakwazve se seti yezvinhu zvewebhu, izvo inobvumira mushandisi kusarudza kuita Angular, React kana Vue.js mapurojekiti. Iyo zvakare inobvumidza kushandiswa kweIonic zvikamu pasina chero mushandisi interface sisitimu.
Ionic inopa maturusi uye masevhisi ekuvandudza iyo yakasanganiswa desktop, nhare uye inofambira mberi kunyorera webhu kunoenderana neyazvino webhu yekuvandudza maitiro uye matekinoroji. Kune izvi, matekinoroji ewebhu akadai seCSS, HTML5 uye Sass anogona kushandiswa. Neichi chimiro tinokwanisa kukudziridza kunyorera newebhu matekinoroji anoenderana neIOS, Android kana iyo webhu pachayo. Inopawo yakasimba CLI chishandiso icho isu chatichakwanisa kubata nekugadzira mapurojekiti.
Hunhu hwese hweIonic
- Iyi fomati yemahara uye yakavhurwa sosi. Iyo inopa raibhurari ye mobile-yakagadziridzwa mushandisi interface maturusi uye zvikamu, nazvo zvekugadzira nekukurumidza uye kwakanyanya kupindirana kunyorera.
- Ionic inoshandisa Cordova, uye zvichangoburwa plug-ins kuwana mukana wekutora mashandiro ehurongwa hwekuita seGPS, kamera, tochi, nezvimwe.
- Vashandisi vanogona kuvaka maapps avo vozozvigadzira kuti ive Android, iOS, Windows, desktop (ine Electron), kana mabhurawuza azvino.
- Ionic inosanganisira zvinofambiswa zvinhu, typography, kana yakawedzera base theme.
- Paunenge uchishandisa Zvikamu zvewebhu, Ionic inopa zvimiro zvetsika uye nzira dzekudyidzana nadzo. Chimwe chezvinhu izvi, kupuruzira chaiko, kunotendera vashandisi kupururudza kuburikidza nerunyorwa rwezviuru zvezvinhu pasina chero maitiro ekuita. Chimwe chinhu, Tabs, inogadzira iyo tabbed interface inotsigira yemuno-dhizaini yekufambisa uye nhoroondo mamiriro manejimendi.
- Pamusoro pe SDK, Ionic zvakare inopa vanogadzira masevhisi vanogona kushandisa kugonesa mafichasenge kodhi yekushandisa kana otomatiki anovaka.
- Uyewo inopa yayo IDE inozivikanwa seIonic Studio.
- Iyo zvakare inopa inowanikwa ye Raira mutsara (CLIkugadzira mapurojekiti. Iyo CLI zvakare inobvumidza vanogadzira kuwedzera mamwe maCordova plugins uye mapakeji, vanogonesa kusundira notices, kugadzira maapp icon, splash skrini, uye kugadzira maabhinari emuno.
Isa Ionic pane Ubuntu 20.04
Kuiswa kweichi chimiro kuri nyore. Kutanga isu tinongoda kuvhura terminal (Ctrl + Alt + T) uye gadziridza yedu system mapakeji:
sudo apt update; sudo apt upgrade
Ipapo ticha isa mamwe mapakeji anodikanwa. Mune imwecheteyo terminal tinofanirwa kushandisa rairo:
sudo apt install curl gnupg2 wget git
Nhanho inotevera ichave iri gadza NodeJS. Uyu muenzaniso ini ndakaedza pamwe neshanduro 14.x. Kuisa iyi vhezheni, isu tichatanga nekuwedzera inodiwa repository:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Ipapo tinogona instalar NodeJS kumhanya uyu mumwe murairo:
sudo apt install nodejs
Ionic inoda Apache Cordova. Inofanirwa kujekeswa kuti iyi seti yemidziyo APIs inobvumidza iyo yekushandisa nhare yekugadzira, ichishandisa JavaScript, kuwana zviwanikwa zvechigadzirwa, senge kamera kana iyo accelerometer.
Mushure mekuisa NodeJS, tinogona gadza cordova kumhanya:
sudo npm install -g cordova
Panguva ino, tinogona kuenda ku gadza Ionic uchishandisa npm:
sudo npm i -g @ionic/cli
Mushure mekumisikidzwa, tinogona tarisa yakaiswa vhezheni ine rairo:
ionic -v
Muenzaniso application
Kuti uzive kana kuiswa kwacho kwaitwa nemazvo, tinogona kutanga nekugadzira diki yemuenzaniso application. Kuti tiite izvi, isu tichafanira chete mhanyisa unotevera kuraira gadzira muenzaniso:
ionic start
Paunenge uchimhanya uyu murairo uchafanirwa kutsanangura kuti ndeupi rudzi rwechirongwa chaunoda kugadzira. Semuenzaniso uyu ini ndasarudza Angular. Uye zvakare, iwe uchafanirwa kupa yako projekiti zita uye sarudza iyo template. Zvese izvi uchafanirwa kusarudza kubva pachiratidziro chakafanana neinotevera:
Mushure mekumisikidza, dhairekitori rinogadzirwa rine zita ratakapa kuchirongwa. Svika iyi folda kuti uone chimiro cheprojekti.
Kuti uwane tarisa chirongwa ichi, mune imwechete terminal tichaenda kuite uyu mumwe murairo:
ionic serve --host 0.0.0.0 --port 8000
Nemurairo uyu isu tinotendera chero muenzi kuti apinde chiteshi 8000.
Kana zvese zvaunoda zvoremerwa, vhura web browser yako uye enda http://localhost:8000 o http://IP-de-tu-servidor:8000 uye iwe uchaona iyo semuenzaniso peji iyo ichangogadzirwa.
Ionic chimiro chemazuva ano chinotibvumidza isu kukudziridza muchinjika-chikuva mashandiro nenzira yakapfava uye yakashongedzwa. Inogona kuwanikwa rumwe ruzivo uye zvinyorwa pamusoro pekumisikidzwa uye mashandiro ayo mu purojekiti webhusaiti.