આગળના લેખમાં આપણે આયોનિક ફ્રેમવર્ક પર એક નજર નાખવા જઈ રહ્યા છીએ, અને તેને ઉબુન્ટુ 20.04 પર કેવી રીતે ઇન્સ્ટોલ કરી શકાય છે. આ માળખું વપરાશકર્તાઓને કોણીય જેવા અન્ય માળખા સાથેના પ્રોજેક્ટ્સને અમલમાં મૂકવાની મંજૂરી આપશે. આઇઓનિક 2013 માં ડ્રિફ્ટી કંપનીના મેક્સ લિંચ, બેન સ્પેરી અને એડમ બ્રેડલી દ્વારા બનાવેલ હાઇબ્રિડ મોબાઇલ એપ્લિકેશન વિકાસ માટે સંપૂર્ણ ઓપન સોર્સ એસડીકે છે. મૂળ સંસ્કરણ 2013 માં બહાર પાડવામાં આવ્યું હતું અને એંગ્યુલરજેએસ અને અપાચે કોર્ડોવાની ટોચ પર બનાવવામાં આવ્યું હતું. જો કે, નવીનતમ સંસ્કરણ વેબ ઘટકોના સમૂહ તરીકે ફરીથી બનાવવામાં આવ્યું હતું, જે વપરાશકર્તાને કોણીય, પ્રતિક્રિયા અથવા Vue.js પ્રોજેક્ટ કરવાનું પસંદ કરવાની મંજૂરી આપે છે. તે કોઈપણ વપરાશકર્તા ઇન્ટરફેસ ફ્રેમવર્ક વગર આયોનિક ઘટકોના ઉપયોગની પણ મંજૂરી આપે છે.
આઇઓનિક આધુનિક વેબ ડેવલપમેન્ટ પ્રથાઓ અને ટેકનોલોજીના આધારે હાઇબ્રિડ ડેસ્કટોપ, મોબાઇલ અને પ્રગતિશીલ વેબ એપ્લિકેશન્સ વિકસાવવા માટે સાધનો અને સેવાઓ પૂરી પાડે છે. આ માટે, CSS, HTML5 અને Sass જેવી વેબ ટેકનોલોજીનો ઉપયોગ કરી શકાય છે. આ માળખા સાથે અમે iOS, Android અથવા વેબ સાથે જ સુસંગત વેબ ટેકનોલોજી સાથે એપ્લિકેશન વિકસાવી શકીએ છીએ. તે એક શક્તિશાળી CLI સાધન પણ આપે છે જેની મદદથી અમે પ્રોજેક્ટ્સનું સંચાલન અને નિર્માણ કરી શકીશું.
આયોનિકની સામાન્ય લાક્ષણિકતાઓ
- આ માળખું મફત અને ઓપન સોર્સ છે. તે મોબાઇલ-ઓપ્ટિમાઇઝ્ડ યુઝર ઇન્ટરફેસ ટૂલ્સ અને ઘટકોની લાઇબ્રેરી પ્રદાન કરે છે જેની સાથે ઝડપી અને અત્યંત ઇન્ટરેક્ટિવ એપ્લિકેશન્સ બનાવવી.
- આયોનિક કોર્ડોવાનો ઉપયોગ કરે છે, અને તાજેતરમાં જ પ્લગ-ઇન્સ જીપીએસ, કેમેરા, ફ્લેશલાઇટ, વગેરે જેવા હોસ્ટ ઓપરેટિંગ સિસ્ટમ કાર્યોની gainક્સેસ મેળવવા માટે.
- વપરાશકર્તાઓ તેમની એપ્લિકેશનો બનાવી શકે છે અને પછી તેમને Android, iOS, Windows, ડેસ્કટોપ (ઇલેક્ટ્રોન સાથે) અથવા આધુનિક બ્રાઉઝર્સ માટે કસ્ટમાઇઝ કરી શકે છે.
- આઇઓનિક જંગમ ઘટકો, ટાઇપોગ્રાફી અથવા એક્સ્ટેન્સિબલ બેઝ થીમ શામેલ છે.
- ઉપયોગ કરતી વખતે વેબ ઘટકો, આયોનિક તેમની સાથે ક્રિયાપ્રતિક્રિયા કરવા માટે વૈવિધ્યપૂર્ણ ઘટકો અને પદ્ધતિઓ પૂરી પાડે છે. તે ઘટકોમાંથી એક, વર્ચ્યુઅલ સ્ક્રોલિંગ, વપરાશકર્તાઓને કોઈપણ પ્રભાવ પ્રભાવ વિના હજારો વસ્તુઓની સૂચિમાંથી સ્ક્રોલ કરવાની મંજૂરી આપે છે. અન્ય ઘટક, ટsબ્સ, એક ટેબ્ડ ઇન્ટરફેસ બનાવે છે જે મૂળ-શૈલી નેવિગેશન અને હિસ્ટ્રી સ્ટેટ મેનેજમેન્ટને સપોર્ટ કરે છે.
- SDK ઉપરાંત, આયોનિક પણ પ્રદાન કરે છે સેવાઓ વિકાસકર્તાઓ સુવિધાઓને સક્ષમ કરવા માટે ઉપયોગ કરી શકે છે, જેમ કે કોડ અમલીકરણ અથવા સ્વચાલિત બિલ્ડ્સ.
- પણ આયનિક સ્ટુડિયો તરીકે ઓળખાતું પોતાનું IDE પ્રદાન કરે છે.
- નું ઇન્ટરફેસ પણ આપે છે આદેશ વાક્ય (CLI) પ્રોજેક્ટ્સ બનાવવા માટે. CLI ડેવલપર્સને વધારાના કોર્ડોવા પ્લગિન્સ અને પેકેજો ઉમેરવા, પુશ નોટિફિકેશન સક્ષમ કરવા, એપ આઇકોન જનરેટ કરવા, સ્પ્લેશ સ્ક્રીનો બનાવવા અને દેશી દ્વિસંગીઓ બનાવવા માટે પણ પરવાનગી આપે છે.
ઉબુન્ટુ 20.04 પર આયોનિક સ્થાપિત કરો
આ માળખાનું સ્થાપન એકદમ સરળ છે. શરૂ કરવા માટે આપણે ફક્ત ટર્મિનલ ખોલવાની જરૂર છે (Ctrl + Alt + T) અને અમારા સિસ્ટમ પેકેજોને અપડેટ કરો:
sudo apt update; sudo apt upgrade
પછી અમે કરીશું કેટલાક જરૂરી પેકેજો સ્થાપિત કરો. સમાન ટર્મિનલમાં આપણે આદેશનો ઉપયોગ કરવો પડશે:
sudo apt install curl gnupg2 wget git
આગળનું પગલું હશે નોડેજેએસ સ્થાપિત કરો. આ ઉદાહરણ મેં સંસ્કરણ સાથે પરીક્ષણ કર્યું છે 14.x. આ સંસ્કરણને ઇન્સ્ટોલ કરવા માટે, અમે જરૂરી ભંડાર ઉમેરીને શરૂ કરીશું:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
પછી આપણે કરી શકીએ સ્થાપક નોડજેએસ આ અન્ય આદેશ ચલાવો:
sudo apt install nodejs
આયોનિકને અપાચે કોર્ડોવાની જરૂર છે. તે સ્પષ્ટ થવું જોઈએ કે આ ઉપકરણ API નો સમૂહ છે જે મોબાઇલ એપ્લિકેશન ડેવલપર, જાવાસ્ક્રિપ્ટનો ઉપયોગ કરીને, ઉપકરણના મૂળ કાર્યો જેમ કે કેમેરા અથવા એક્સિલરોમીટરને toક્સેસ કરવાની મંજૂરી આપે છે.
NodeJS સ્થાપિત કર્યા પછી, અમે કરી શકીએ છીએ કોર્ડોવા સ્થાપિત કરો ચાલી રહેલ:
sudo npm install -g cordova
આ બિંદુએ, આપણે આગળ વધી શકીએ છીએ npm નો ઉપયોગ કરીને આયોનિક સ્થાપિત કરો:
sudo npm i -g @ionic/cli
ઇન્સ્ટોલેશન પછી, અમે કરી શકીએ છીએ આદેશ સાથે સ્થાપિત સંસ્કરણ તપાસો:
ionic -v
એક ઉદાહરણ એપ્લિકેશન
ઇન્સ્ટોલેશન યોગ્ય રીતે થયું છે કે નહીં તે જાણવા માટે, અમે એક નાની ઉદાહરણ એપ્લિકેશન બનાવીને પ્રારંભ કરી શકીએ છીએ. આ કરવા માટે, આપણે ફક્ત કરવું પડશે નીચે આપેલ આદેશ ચલાવો ઉદાહરણ બનાવો:
ionic start
જ્યારે આ આદેશ ચલાવો તમે કયા પ્રકારનો પ્રોજેક્ટ બનાવવા માંગો છો તે તમારે વ્યાખ્યાયિત કરવું પડશે. આ ઉદાહરણ માટે મેં કોણીય પસંદ કર્યું છે. વધુમાં, તમારે તમારા પ્રોજેક્ટને નામ આપવું પડશે અને નમૂનો પસંદ કરવો પડશે. આ બધું તમારે નીચેની સમાન સ્ક્રીનમાંથી પસંદ કરવું પડશે:
સેટઅપ પછી, અમે પ્રોજેક્ટને આપેલા નામ સાથે એક ફોલ્ડર જનરેટ થશે. પ્રોજેક્ટ સ્ટ્રક્ચર જોવા માટે આ ફોલ્ડરને ક્સેસ કરો.
સક્ષમ થવા માટે પ્રોજેક્ટ જુઓ, તે જ ટર્મિનલમાં અમે આ અન્ય આદેશ ચલાવવા જઈ રહ્યા છીએ:
ionic serve --host 0.0.0.0 --port 8000
આ આદેશ સાથે અમે કોઈપણ યજમાનને પોર્ટ 8000 ને toક્સેસ કરવાની મંજૂરી આપીશું.
જ્યારે તમને જરૂર હોય તે બધું લોડ થાય, તમારું વેબ બ્રાઉઝર ખોલો અને પર જાઓ http://localhost:8000 o http://IP-de-tu-servidor:8000 અને તમે ઉદાહરણ પૃષ્ઠ જોશો જે હમણાં જ બનાવવામાં આવ્યું હતું.
આયોનિક એક આધુનિક માળખું છે જે આપણને સરળ અને ભવ્ય રીતે ક્રોસ-પ્લેટફોર્મ એપ્લિકેશન્સ વિકસાવવા માટે પરવાનગી આપે છે. તે મેળવી શકાય છે માં તેની સ્થાપના અને કામગીરી વિશે વધુ માહિતી અને દસ્તાવેજીકરણ પ્રોજેક્ટ વેબસાઇટ.