Овај водич ће вас научити како да креирате хибридну апликацију помоћу популарне платформе за израду апликација ПхонеГап. Оно што ћемо урадити је да вашу веб страницу претворимо у датотеку .апк (апликација за Андроид) која се може инсталирати и која се може инсталирати на било који Андроид телефон. Када се апликација покрене, она ће једноставно отворити вашу веб страницу у Андроидовом матичном прегледачу ВебВиев, али ће се појавити као апликација на целом екрану - без траке за навигацију УРЛ-а или било ког другог трага да се ваша веб локација једноставно приказује у прегледачу.
Захтеви
Ваша сопствена веб локација (у сврху праћења овог водича можете једноставно покренути бесплатан ВордПресс блог)
ГитХуб налог
ПхонеГап налог
Нотепад ++ (или сличан софтвер за уређивање текста који може препознати код)
Софтвер за уређивање фотографија за креирање икона апликација (Пхотосхоп, ГИМП, итд.)
Предлошци кодирања
Ово су предлошци кода које можете користити у сврху овог водича - они су из моје сопствене апликације развијене са ПхонеГап, али сам им одузео личне податке. Постављање истих са свим исправним параметрима одузело ми је много дана за решавање проблема, па их пружам ради ваше удобности. Нема на чему!
> Цонфиг.КСМЛ
> Индек.ХТМЛ
Почетак
Направите фасциклу на радној површини и назовите је „ ввв: ' без наводника. Ово ће бити главни директоријум пројекта, где ће градитељ ПхонеГап очекивати да пронађе све датотеке за ваш пројекат. Сада ћемо направити икону за вашу апликацију.
Отворите софтвер за уређивање фотографија и направите нову слику у .ПНГ формату. Поставке слике треба да изгледају овако:
А сада можете нацртати своју икону, на пример, само ћу направити мало дугме:
Величина слике зависи од вашег личног екрана телефона, али ако намеравате да развијете апликацију за више уређаја, наравно ћете направити више величина исте иконе. Ево табеле кориштених величина слика:
36 × 36 (120 дпи / ЛДПИ)
48 × 48 (160 дпи / МДПИ)
72 × 72 (240 дпи / ХДПИ)
96 × 96 (320 дпи / КСХДПИ)
144 × 144 (480 дпи / КСКСХДПИ)
192 × 192 (640 дпи / КСКСКСХДПИ)
Не желим да трошим предуго у разговору о величинама екрана и ДПИ, само знам да ДПИ у великој мери одговара резолуцији екрана. Телефон који користи резолуцију екрана 1080 × 1920 користиће 480 дпи, али ово не нужно тачно корелирати са величином екрана. Телефон може имати екран од 5,2 ”или 6” и резолуцију 1080 × 1920. Али овај водич се не односи на екране паметних телефона, па идемо даље.
Након што нацртате икону, сачувајте је као ицон.пнг и преместите га у ваш ввв: фолдер. Ово ће постати Уобичајено икона за вашу апликацију. Ако желите да креирате иконе у различитим величинама које ће одговарати резолуцији екрана корисника, икону бисте сачували у различитим величинама и именима, на пример Ицон144.пнг, Ицон192.пнг, Ицон96.пнг итд. Тада бисте уредили Цонфиг.кмл датотеку која указује на сваку појединачну икону. Идемо даље.
Дакле, сада када имате икону за апликацију, потребна вам је почетна слика. Ово је у основи екран за учитавање, попут позадине која се приказује пре него што се апликација учита. Величине прскања слика раде по истом принципу као и иконе, али су мало веће. Ево табеле:
- ЛДПИ:
- Портрет: 200к320пк
- Пејзаж: 320к200пк
- МДПИ:
- Портрет: 320к480пк
- Пејзаж: 480к320пк
- ХДПИ:
- Портрет: 480к800пк
- Пејзаж: 800к480пк
- КСХДПИ:
- Портрет: 720пк1280пк
- Пејзаж: 1280к720пк
- КСКСХДПИ:
- Портрет: 960пк1600пк
- Пејзаж: 1600к960пк
- КСКСКСХДПИ:
- Портрет: 1280пк1920пк
- Пејзаж: 1920к1280пк
Дакле, направите своју бризгалицу у резолуцији за свој уређај, сачувајте је као Спласх.пнг а затим га преместите у директоријум пројекта. Одлично, сада имате икону и почетну слику апликације, пређимо на подешавање датотека конфигурације и индекса.
Објашњено Индек.ХТМЛ и Цонфиг.КСМЛ
Датотека цонфиг.кмл је оно што поставља окружење израде (Андроид, иПхоне, Виндовс Пхоне), локације икона и прскања, као и додатке Апацхе Цордова које желите да користите у својој апликацији.
Отворите образац који сам обезбедио у Нотепад ++-у и видећете следеће редове при врху:
Ажурирајте та поља својим информацијама, али поља „преференције“ оставите на миру. Остатак конфигурационе датотеке је саморазумљив ако само погледате вредности. Преференце наме = ”цео екран” на пример говори апликацији да се покрене као апликација преко целог екрана. Оставите све на миру, осим ове последње вредности на дну датотеке:
Промените га у стварни УРЛ веб локације. Ово ће омогућити кориснику апликације да се у потпуности креће по вашој веб локацији и само вашој веб локацији - не може да напусти вашу веб локацију док користи вашу апликацију. Наравно, апликација неће имати траку за навигацију УРЛ-ом, ово чак и није ствар забринутости, али такође осигурава да корисник може приступити свим страницама на вашој веб локацији. Знак * иза УРЛ-а веб локације је вилдцард , што у жаргону кодирања значи да ће прихватити све што је унето уместо знака *.
Наравно, ако желите да ограничите корисника само на одређене странице на вашој веб локацији, додали бисте одвојене вредности попут ове:
Пређимо на Индек.хтмл датотека, ово је хлеб и путер у томе да апликација заиста функционише. Отворите га у програму Нотепад ++ и пребаците језик документа на ХТМЛ. Оно што индек.хтмл у основи ради је рећи Андроид прегледачу како да прикаже вашу веб локацију - у шаблону који сам доставио постоје ознаке за уклањање траке за навигацију УРЛ-ом из прегледача, омогућавање дугмета „Назад“ телефона да изађе из апликације и покрене апликација након приказа почетног екрана. Линија коју желите да промените је овде:
вар урл = „хттп://васа веб локација.цом“
Израда апликације у ПхонеГап Буилд
Дакле, пријавите се на свој ГитХуб налог и идите на главну страницу спремишта. Под именом спремишта кликните на „Отпреми датотеке“ и превуците директоријум пројекта на екран стабла датотека. Сада откуцајте поруку урезивања на дну, попут „ мој први покушај апликације “ . На крају кликните Уређивање промена.
Сада идите на ПхонеГап Буилд страницу и пријавите се. Сада кликните на дугме „Нова апликација“ на страници израде. Ово ће тражити од вас да унесете путању до свог ГитХуб спремишта, па учините то, а затим кликните на „Повуци из .гит репозиторија“.
Сада на главној страници израде кликните на „Ажурирај код“ и „Повуци најновије“.
На крају, кликните на „Буилд“. Компајлираће вашу апликацију у .апк датотеку, а затим ће вам представити могућност преузимања .апк. Сада можете да преузмете ову .апк датотеку на рачунар и пренесете је на телефон, а затим је инсталирате одатле. Можете и да телефоном користите за скенирање КР кода на екрану рачунара како бисте аутоматски инсталирали .апк датотеку на Андроид уређај.
То је то! Да вам објасним неколико важних ствари:
- Ово је био изузетно поједностављен водич који вас је водио кроз изградњу најосновнијих хибридних апликација. Људи обично не заобилазе своје веб локације у изворни прегледач и не издају их као Андроид апликацију у Гоогле Плаи продавници. Али сада када знате како се то ради, можете започети читање ПхонеГап документације о томе како прилагодити своју апликацију и додати јој пуно укуса, тако да можете, надамо се, створити стварно корисну апликацију.
- Друго, Гоогле Плаи забрањује ову врсту методе прављења апликација да би креирао апликације са шемом веза са једином сврхом прихода. Дакле, не можете да направите апликацију под називом „Зарадите новац данас!“ која отвара веб локацију апсолутно препуну огласа и смањује приход од огласа. Добићете забрану у Гоогле Плаи продавници.
