ఫోన్‌గ్యాప్‌లో ప్రాథమిక Android అనువర్తనాన్ని ఎలా సృష్టించాలి

ప్రసిద్ధ అనువర్తన నిర్మాణ వేదిక ఫోన్‌గ్యాప్‌ను ఉపయోగించి హైబ్రిడ్ అనువర్తనాన్ని ఎలా సృష్టించాలో ఈ గైడ్ మీకు నేర్పుతుంది. మేము చేయబోయేది మీ వెబ్‌సైట్‌ను ఏదైనా ఆండ్రాయిడ్ ఫోన్‌లో ఇన్‌స్టాల్ చేయగల ఇన్‌స్టాల్ చేయదగిన .apk (Android అప్లికేషన్) ఫైల్‌గా మార్చడం. అనువర్తనం ప్రారంభించినప్పుడు, ఇది మీ వెబ్‌సైట్‌ను Android యొక్క స్థానిక వెబ్‌వ్యూ బ్రౌజర్‌లో తెరుస్తుంది, కానీ ఇది పూర్తి-స్క్రీన్ అనువర్తనంగా కనిపిస్తుంది - URL నావిగేషన్ బార్ లేదా మీ వెబ్‌సైట్ బ్రౌజర్‌లో ప్రదర్శించబడుతున్న ఇతర క్లూ లేదు.

అవసరాలు

మీ స్వంత వెబ్‌సైట్ (ఈ గైడ్‌ను అనుసరించే ప్రయోజనం కోసం, మీరు ఉచిత బ్లాగు బ్లాగును ప్రారంభించవచ్చు)

GitHub ఖాతా

ఫోన్‌గాప్ ఖాతా
నోట్‌ప్యాడ్ ++ (లేదా కోడ్‌ను గుర్తించగల ఇలాంటి టెక్స్ట్-ఎడిటింగ్ సాఫ్ట్‌వేర్)
అనువర్తన చిహ్నాలను సృష్టించడానికి ఫోటో ఎడిటింగ్ సాఫ్ట్‌వేర్ (ఫోటోషాప్, జిమ్ప్, మొదలైనవి)

కోడింగ్ టెంప్లేట్లు

ఇవి ఈ గైడ్ యొక్క ప్రయోజనం కోసం మీరు ఉపయోగించగల కోడ్ టెంప్లేట్లు - అవి ఫోన్‌గ్యాప్‌తో అభివృద్ధి చేయబడిన నా స్వంత అనువర్తనం నుండి వచ్చినవి, కాని నేను వాటిని నా వ్యక్తిగత సమాచారం నుండి తీసివేసాను. అన్ని సరైన పారామితులతో మొదటి నుండి వీటిని సెటప్ చేయడం నాకు చాలా రోజుల ట్రబుల్షూటింగ్ తీసుకుంది, కాబట్టి నేను మీ సౌలభ్యం కోసం వీటిని అందిస్తున్నాను. మీకు స్వాగతం!

> Config.XML
> సూచిక. HTML

మొదలు అవుతున్న

మీ డెస్క్‌టాప్‌లో ఫోల్డర్‌ను సృష్టించి దాన్ని కాల్ చేయండి “ www: ' కోట్స్ లేకుండా. ఇది ప్రాజెక్ట్ యొక్క ప్రధాన డైరెక్టరీ అవుతుంది, ఇక్కడ ఫోన్‌గాప్ బిల్డర్ మీ ప్రాజెక్ట్ కోసం అన్ని ఫైల్‌లను కనుగొనాలని ఆశిస్తారు. ఇప్పుడు మేము మీ అనువర్తనం కోసం చిహ్నాన్ని సృష్టించబోతున్నాము.

మీ ఫోటో ఎడిటింగ్ సాఫ్ట్‌వేర్‌ను తెరిచి .PNG ఆకృతిలో క్రొత్త చిత్రాన్ని సృష్టించండి. మీ చిత్ర సెట్టింగ్‌లు ఇలా ఉండాలి:

ఇప్పుడు మీరు మీ చిహ్నాన్ని గీయవచ్చు, ఉదాహరణకు నేను చిన్న బటన్‌ను తయారు చేయబోతున్నాను:

చిత్రం యొక్క పరిమాణం మీ వ్యక్తిగత ఫోన్ స్క్రీన్‌పై ఆధారపడి ఉంటుంది, కానీ మీరు బహుళ పరికరాల కోసం ఒక అనువర్తనాన్ని అభివృద్ధి చేయాలనుకుంటే, మీరు ఒకే ఐకాన్ యొక్క బహుళ పరిమాణాలను తయారు చేస్తారు. ఉపయోగించిన చిత్ర పరిమాణాల పట్టిక ఇక్కడ ఉంది:

36 × 36 (120 డిపిఐ / ఎల్‌డిపిఐ)
48 × 48 (160 డిపిఐ / ఎండిపిఐ)
72 × 72 (240 డిపిఐ / హెచ్‌డిపిఐ)
96 × 96 (320dpi / XHDPI)
144 × 144 (480dpi / XXHDPI)
192 × 192 (640 డిపి / XXXHDPI)

నేను స్క్రీన్ పరిమాణాలు మరియు DPI గురించి ఎక్కువసేపు మాట్లాడటానికి ఇష్టపడను, DPI స్క్రీన్ రిజల్యూషన్‌తో చాలా ఎక్కువ సంబంధం కలిగి ఉందని తెలుసుకోండి. 1080 × 1920 స్క్రీన్ రిజల్యూషన్ ఉపయోగించే ఫోన్ 480 డిపిని ఉపయోగిస్తుంది, కానీ ఇది ఉపయోగించదు తప్పనిసరిగా స్క్రీన్ పరిమాణంతో సరిగ్గా సహసంబంధం. ఫోన్ 5.2 ”స్క్రీన్ లేదా 6” స్క్రీన్ కలిగి ఉంటుంది మరియు 1080 × 1920 రిజల్యూషన్ కలిగి ఉంటుంది. కానీ ఈ గైడ్ స్మార్ట్‌ఫోన్ స్క్రీన్‌ల గురించి కాదు, కాబట్టి ముందుకు సాగండి.

మీరు మీ చిహ్నాన్ని గీసిన తర్వాత, దాన్ని ఇలా సేవ్ చేయండి icon.png మరియు మీ www: ఫోల్డర్ లోపల తరలించండి. ఇది అవుతుంది డిఫాల్ట్ మీ అనువర్తనం కోసం చిహ్నం. మీరు యూజర్ యొక్క స్క్రీన్ రిజల్యూషన్‌కు సరిపోయే వివిధ పరిమాణాల్లో చిహ్నాలను సృష్టించాలనుకుంటే, మీరు ఐకాన్‌ను వివిధ పరిమాణాలు మరియు పేర్లలో సేవ్ చేస్తారు, ఉదాహరణకు Icon144.png, Icon192.png, Icon96.png మరియు మొదలైనవి. అప్పుడు మీరు సవరించవచ్చు Config.xml ప్రతి వ్యక్తి చిహ్నాన్ని సూచించడానికి ఫైల్. ముందుకు సాగండి.

కాబట్టి ఇప్పుడు మీరు మీ అనువర్తనం కోసం ఐకాన్ కలిగి ఉన్నారు, మీకు స్ప్లాష్ చిత్రం అవసరం. ఇది ప్రాథమికంగా మీ అనువర్తనం లోడ్ కావడానికి ముందు ప్రదర్శించే వాల్‌పేపర్ వంటి లోడింగ్ స్క్రీన్. స్ప్లాష్ ఇమేజ్ పరిమాణాలు చిహ్నాల మాదిరిగానే పనిచేస్తాయి, కానీ కొంచెం పెద్దవి. ఇక్కడ పట్టిక:

• LDPI:
  • చిత్రం: 200x320px
  • ప్రకృతి దృశ్యం: 320x200px
• MDPI:
  • చిత్రం: 320x480px
  • ప్రకృతి దృశ్యం: 480x320px
• HDPI:
  • చిత్రం: 480x800px
  • ప్రకృతి దృశ్యం: 800x480px
• XHDPI:
  • చిత్రం: 720px1280px
  • ప్రకృతి దృశ్యం: 1280x720px
• XXHDPI:
  • చిత్రం: 960px1600px
  • ప్రకృతి దృశ్యం: 1600x960px
• XXXHDPI:
  • చిత్రం: 1280px1920px
  • ప్రకృతి దృశ్యం: 1920x1280px

కాబట్టి మీ పరికరం కోసం రిజల్యూషన్‌లో మీ స్ప్లాష్ చిత్రాన్ని సృష్టించండి, దాన్ని ఇలా సేవ్ చేయండి Splash.png ఆపై దాన్ని మీ ప్రాజెక్ట్ ఫోల్డర్‌లోకి తరలించండి. చాలా బాగుంది, మీకు ఇప్పుడు మీ అనువర్తనం యొక్క చిహ్నం మరియు స్ప్లాష్ చిత్రం ఉన్నాయి, మీ కాన్ఫిగరేషన్ మరియు ఇండెక్స్ ఫైల్‌లను సెటప్ చేయడానికి వెళ్దాం.

సూచిక. HTML మరియు కాన్ఫిగర్. XML వివరించబడింది

Config.xml ఫైల్ అంటే బిల్డ్ ఎన్విరాన్మెంట్ (ఆండ్రాయిడ్, ఐఫోన్, విండోస్ ఫోన్), ఐకాన్ మరియు స్ప్లాష్ స్థానాలు మరియు మీ అనువర్తనంలో మీరు ఉపయోగించాలనుకునే అపాచీ కార్డోవా ప్లగిన్‌లను సెట్ చేస్తుంది.

నోట్‌ప్యాడ్ ++ లో నేను అందించిన టెంప్లేట్‌ను తెరవండి మరియు మీరు ఈ పంక్తులను ఎగువన చూస్తారు:

మీ సమాచారంతో ఆ ఫీల్డ్‌లను నవీకరించండి, కానీ “ప్రాధాన్యత” ఫీల్డ్‌లను ఒంటరిగా ఉంచండి. మీరు విలువలను పరిశీలిస్తే మిగిలిన కాన్ఫిగర్ ఫైల్ స్వీయ వివరణాత్మకమైనది. ప్రాధాన్యత పేరు = ”పూర్తి స్క్రీన్” ఉదాహరణకు పూర్తి స్క్రీన్ అనువర్తనంగా ప్రారంభించమని అనువర్తనాన్ని చెబుతుంది. ఫైల్ దిగువన ఉన్న ఈ చివరి విలువ మినహా ప్రతిదీ వదిలివేయండి:

దీన్ని మీ వాస్తవ వెబ్‌సైట్ URL కు మార్చండి. ఇది మీ వెబ్‌సైట్‌ను పూర్తిగా నావిగేట్ చెయ్యడానికి అనువర్తన వినియోగదారుని అనుమతిస్తుంది మరియు మీ వెబ్‌సైట్ మాత్రమే - మీ అనువర్తనాన్ని ఉపయోగిస్తున్నప్పుడు వారు మీ వెబ్‌సైట్‌ను వదిలి వెళ్ళలేరు. వాస్తవానికి అనువర్తనానికి URL నావిగేషన్ బార్ ఉండదు, ఇది నిజంగా ఆందోళన కాదు, కానీ వినియోగదారు మీ వెబ్‌సైట్‌లోని అన్ని పేజీలను యాక్సెస్ చేయగలరని కూడా నిర్ధారిస్తుంది. వెబ్‌సైట్ URL తర్వాత * a వైల్డ్ కార్డ్ , ఇది పరిభాషను కోడింగ్ చేయడంలో అంటే * గుర్తు స్థానంలో నమోదు చేసిన దేనినైనా అంగీకరిస్తుంది.

వాస్తవానికి, మీరు మీ వెబ్‌సైట్‌లోని కొన్ని పేజీలకు మాత్రమే వినియోగదారుని పరిమితం చేయాలనుకుంటే, మీరు ఇలాంటి ప్రత్యేక విలువలను జోడిస్తారు:

కి వెళ్దాం సూచిక. Html ఫైల్, ఇది అనువర్తనం వాస్తవానికి పని చేసే రొట్టె మరియు వెన్న. నోట్‌ప్యాడ్ ++ లోపల తెరిచి, డాక్యుమెంట్ లాంగ్వేజ్‌ను HTML కి మార్చండి. ఇండెక్స్.హెచ్ఎమ్ ప్రాథమికంగా మీ వెబ్‌సైట్‌ను ఎలా ప్రదర్శించాలో ఆండ్రాయిడ్ బ్రౌజర్‌కు చెప్పడం - నేను అందించిన టెంప్లేట్‌లో, బ్రౌజర్ నుండి URL నావిగేషన్ బార్‌ను తొలగించడానికి ట్యాగ్‌లు ఉన్నాయి, ఫోన్ యొక్క “వెనుక” బటన్‌ను అనువర్తనం నుండి నిష్క్రమించడానికి అనుమతించండి మరియు ప్రారంభించండి స్ప్లాష్ స్క్రీన్ ప్రదర్శించబడిన తర్వాత అనువర్తనం. మీరు మార్చాలనుకుంటున్న పంక్తి ఇక్కడ ఉంది:

var url = ‘http://yourwebsite.com’

ఫోన్‌గ్యాప్ బిల్డ్‌లో అనువర్తనాన్ని రూపొందించడం

కాబట్టి మీ GitHub ఖాతాలోకి లాగిన్ అవ్వండి మరియు మీ రిపోజిటరీ యొక్క ప్రధాన పేజీకి నావిగేట్ చేయండి. రిపోజిటరీ పేరుతో, “ఫైళ్ళను అప్‌లోడ్ చేయి” క్లిక్ చేసి, మీ ప్రాజెక్ట్ ఫోల్డర్‌ను ఫైల్ ట్రీ స్క్రీన్‌లోకి లాగండి. ఇప్పుడు దిగువన కమిట్ సందేశాన్ని టైప్ చేయండి, నా మొదటి అనువర్తన ప్రయత్నం ” . చివరగా మార్పులకు పాల్పడండి క్లిక్ చేయండి.

ఇప్పుడు వెళ్ళండి ఫోన్‌గ్యాప్ బిల్డ్ పేజీ మరియు సైన్ ఇన్ చేయండి. ఇప్పుడు బిల్డ్ పేజీలోని “క్రొత్త అనువర్తనం” బటన్ క్లిక్ చేయండి. ఇది మీ GitHub రిపోజిటరీకి మార్గాన్ని నమోదు చేయమని అడుగుతుంది, కాబట్టి అలా చేయండి, ఆపై “.git reposity నుండి లాగండి” క్లిక్ చేయండి.

ఇప్పుడు ప్రధాన బిల్డ్ పేజీకి తిరిగి, “అప్‌డేట్ కోడ్” మరియు “తాజాగా లాగండి” క్లిక్ చేయండి.

చివరగా, “బిల్డ్” క్లిక్ చేయండి. ఇది మీ అనువర్తనాన్ని .apk ఫైల్‌గా కంపైల్ చేస్తుంది, ఆపై .apk ని డౌన్‌లోడ్ చేసే ఎంపికను మీకు అందిస్తుంది. మీరు ఇప్పుడు ఈ .apk ఫైల్‌ను మీ కంప్యూటర్‌కు డౌన్‌లోడ్ చేసుకొని మీ ఫోన్‌కు బదిలీ చేసి, అక్కడ నుండి ఇన్‌స్టాల్ చేసుకోవచ్చు. ప్రత్యామ్నాయంగా, మీరు మీ ఫోన్‌ను మీ కంప్యూటర్ స్క్రీన్‌పై QR కోడ్‌ను స్కాన్ చేయడానికి .apk ఫైల్‌ను మీ Android పరికరంలో స్వయంచాలకంగా ఇన్‌స్టాల్ చేయవచ్చు.

అంతే! ఇప్పుడు, మీకు కొన్ని ముఖ్యమైన విషయాలు వివరించడానికి:

• ఇది చాలా సరళీకృత గైడ్, ఇది హైబ్రిడ్ అనువర్తనాల యొక్క అత్యంత ప్రాధమికమైన నిర్మాణాన్ని మీకు అందించింది. ప్రజలు సాధారణంగా తమ వెబ్‌సైట్‌లను స్థానిక బ్రౌజర్‌లో చుట్టి, Google Play స్టోర్‌లో Android అనువర్తనంగా పంపించరు. కానీ ఇప్పుడు దీన్ని ఎలా చేయాలో మీకు తెలుసు కాబట్టి, మీరు మీ అనువర్తనాన్ని ఎలా అనుకూలీకరించాలో ఫోన్‌గ్యాప్ డాక్యుమెంటేషన్ చదవడం ప్రారంభించవచ్చు మరియు దానికి చాలా రుచిని జోడించవచ్చు, తద్వారా మీరు నిజంగా ఉపయోగకరమైన అనువర్తనాన్ని సృష్టించవచ్చు.
• రెండవది, ఆదాయం యొక్క ఏకైక ప్రయోజనం కోసం లింక్-స్కీమ్ అనువర్తనాలను రూపొందించడానికి గూగుల్ ప్లే ఈ విధమైన అనువర్తన నిర్మాణ పద్ధతిని నిషేధిస్తుంది. కాబట్టి మీరు “ఈ రోజు డబ్బు సంపాదించండి!” అనే అనువర్తనాన్ని సృష్టించలేరు. ఇది ప్రకటనల ఆదాయంతో పూర్తిగా ప్రకటనలు మరియు బ్యాంకుతో నిండిన వెబ్‌సైట్‌ను తెరుస్తుంది. మీరు Google Play స్టోర్ నుండి నిషేధించబడతారు.