ஃபோன் கேப்பில் அடிப்படை Android பயன்பாட்டை உருவாக்குவது எப்படி

பிரபலமான பயன்பாட்டு உருவாக்கும் தளமான ஃபோன் கேப்பைப் பயன்படுத்தி கலப்பின பயன்பாட்டை எவ்வாறு உருவாக்குவது என்பதை இந்த வழிகாட்டி உங்களுக்குக் கற்பிக்கும். நாங்கள் செய்யப்போவது உங்கள் வலைத்தளத்தை நிறுவக்கூடிய .apk (Android பயன்பாடு) கோப்பாக மாற்றுவது, இது எந்த Android தொலைபேசியிலும் நிறுவப்படலாம். பயன்பாடு தொடங்கப்படும்போது, ​​இது உங்கள் வலைத்தளத்தை Android இன் சொந்த வெப் வியூ உலாவியில் திறக்கும், ஆனால் இது முழுத்திரை பயன்பாடாகத் தோன்றும் - URL வழிசெலுத்தல் பட்டி அல்லது உங்கள் வலைத்தளம் உலாவியில் வழங்கப்படும் வேறு எந்த துப்பும் இல்லை.

தேவைகள்

உங்கள் சொந்த வலைத்தளம் (இந்த வழிகாட்டியைப் பின்பற்றுவதற்காக, நீங்கள் ஒரு இலவச வேர்ட்பிரஸ் வலைப்பதிவைத் தொடங்கலாம்)

GitHub கணக்கு

ஃபோன் கேப் கணக்கு
நோட்பேட் ++ (அல்லது குறியீட்டை அடையாளம் காணக்கூடிய ஒத்த உரை-எடிட்டிங் மென்பொருள்)
பயன்பாட்டு ஐகான்களை உருவாக்குவதற்கான புகைப்பட எடிட்டிங் மென்பொருள் (ஃபோட்டோஷாப், ஜிம்ப் போன்றவை)

குறியீட்டு வார்ப்புருக்கள்

இந்த வழிகாட்டியின் நோக்கத்திற்காக நீங்கள் பயன்படுத்தக்கூடிய குறியீடு வார்ப்புருக்கள் இவை - அவை ஃபோன் கேப் உடன் உருவாக்கப்பட்ட எனது சொந்த பயன்பாட்டிலிருந்து வந்தவை, ஆனால் எனது தனிப்பட்ட தகவல்களை நான் அகற்றிவிட்டேன். எல்லா சரியான அளவுருக்களுடனும் புதிதாக இவற்றை அமைப்பது எனக்கு பல நாட்கள் சரிசெய்தல் எடுத்தது, எனவே உங்கள் வசதிக்காக நான் இதை வழங்குகிறேன். உங்களை வரவேற்கிறோம்!

> Config.XML
> அட்டவணை. HTML

தொடங்குதல்

உங்கள் டெஸ்க்டாப்பில் ஒரு கோப்புறையை உருவாக்கி அதை அழைக்கவும் “ www: ' மேற்கோள்கள் இல்லாமல். இது திட்டத்தின் முக்கிய கோப்பகமாக இருக்கும், அங்கு உங்கள் திட்டத்திற்கான எல்லா கோப்புகளையும் ஃபோன் கேப் பில்டர் எதிர்பார்க்கலாம். இப்போது நாங்கள் உங்கள் பயன்பாட்டிற்கான ஐகானை உருவாக்க உள்ளோம்.

உங்கள் புகைப்பட எடிட்டிங் மென்பொருளைத் திறந்து .PNG வடிவத்தில் புதிய படத்தை உருவாக்கவும். உங்கள் பட அமைப்புகள் இப்படி இருக்க வேண்டும்:

இப்போது நீங்கள் உங்கள் ஐகானை வரையலாம், எடுத்துக்காட்டாக நான் ஒரு சிறிய பொத்தானை உருவாக்கப் போகிறேன்:

படத்தின் அளவு உங்கள் தனிப்பட்ட தொலைபேசி திரையைப் பொறுத்தது, ஆனால் நீங்கள் பல சாதனங்களுக்கான பயன்பாட்டை உருவாக்க விரும்பினால், நீங்கள் நிச்சயமாக ஒரே ஐகானின் பல அளவுகளை உருவாக்குவீர்கள். பயன்படுத்தப்படும் பட அளவுகளின் அட்டவணை இங்கே:

36 × 36 (120dpi / LDPI)
48 × 48 (160dpi / MDPI)
72 × 72 (240dpi / HDPI)
96 × 96 (320dpi / XHDPI)
144 × 144 (480dpi / XXHDPI)
192 × 192 (640dpi / XXXHDPI)

திரை அளவுகள் மற்றும் டிபிஐ பற்றி அதிகம் பேச நான் விரும்பவில்லை, டிபிஐ திரை தெளிவுத்திறனுடன் மிகவும் தொடர்புடையது என்பதை அறிந்து கொள்ளுங்கள். 1080 × 1920 திரை தெளிவுத்திறனைப் பயன்படுத்தும் தொலைபேசி 480dpi ஐப் பயன்படுத்தும், ஆனால் இது இல்லை அவசியம் திரை அளவோடு சரியாக தொடர்புபடுத்தவும். ஒரு தொலைபேசியில் 5.2 ”திரை அல்லது 6” திரை மற்றும் 1080 × 1920 தீர்மானம் இருக்க முடியும். ஆனால் இந்த வழிகாட்டி ஸ்மார்ட்போன் திரைகளைப் பற்றியது அல்ல, எனவே தொடரலாம்.

உங்கள் ஐகானை வரைந்த பிறகு, அதை சேமிக்கவும் icon.png அதை உங்கள் www: கோப்புறைக்குள் நகர்த்தவும். இது ஆகிவிடும் இயல்புநிலை உங்கள் பயன்பாட்டிற்கான ஐகான். பயனரின் திரை தெளிவுத்திறனுடன் பொருந்தக்கூடிய வெவ்வேறு அளவுகளில் ஐகான்களை உருவாக்க விரும்பினால், ஐகானை வெவ்வேறு அளவுகள் மற்றும் பெயர்களில் சேமிப்பீர்கள், எடுத்துக்காட்டாக Icon144.png, Icon192.png, Icon96.png மற்றும் பல. நீங்கள் திருத்துவீர்கள் Config.xml ஒவ்வொரு தனி ஐகானையும் சுட்டிக்காட்ட கோப்பு. தொடரலாம்.

எனவே இப்போது உங்கள் பயன்பாட்டிற்கான ஐகான் இருப்பதால், உங்களுக்கு ஒரு ஸ்பிளாஸ் படம் தேவை. இது உங்கள் பயன்பாடு ஏற்றப்படுவதற்கு முன்பு காண்பிக்கும் வால்பேப்பர் போன்ற ஏற்றுதல் திரை. ஸ்பிளாஸ் பட அளவுகள் ஐகான்களின் அதே கொள்கையில் செயல்படுகின்றன, ஆனால் அவை சற்று பெரியவை. இங்கே அட்டவணை:

• எல்.டி.பி.ஐ:
  • உருவப்படம்: 200x320px
  • இயற்கை: 320x200px
• MDPI:
  • உருவப்படம்: 320x480px
  • இயற்கை: 480x320px
• HDPI:
  • உருவப்படம்: 480x800px
  • இயற்கை: 800x480px
• XHDPI:
  • உருவப்படம்: 720px1280px
  • இயற்கை: 1280x720px
• XXHDPI:
  • உருவப்படம்: 960px1600px
  • இயற்கை: 1600x960px
• XXXHDPI:
  • உருவப்படம்: 1280px1920px
  • இயற்கை: 1920x1280px

எனவே உங்கள் சாதனத்திற்கான தெளிவுத்திறனில் உங்கள் ஸ்பிளாஸ் படத்தை உருவாக்கி, அதை சேமிக்கவும் Splash.png பின்னர் அதை உங்கள் திட்டத்தின் கோப்புறையில் நகர்த்தவும். சிறந்தது, இப்போது உங்கள் பயன்பாட்டின் ஐகான் மற்றும் ஸ்பிளாஸ் படம் உள்ளது, உங்கள் உள்ளமைவு மற்றும் குறியீட்டு கோப்புகளை அமைப்பதற்கு செல்லலாம்.

Index.HTML மற்றும் Config.XML விளக்கப்பட்டது

Config.xml கோப்பு என்பது உருவாக்க சூழலை (Android, iPhone, Windows Phone), ஐகான் மற்றும் ஸ்பிளாஸ் இருப்பிடங்கள் மற்றும் உங்கள் பயன்பாட்டில் நீங்கள் பயன்படுத்த விரும்பும் அப்பாச்சி கோர்டோவா செருகுநிரல்களை அமைக்கிறது.

நோட்பேட் ++ இல் நான் வழங்கிய டெம்ப்ளேட்டைத் திறக்கவும், இந்த வரிகளை மேலே பார்ப்பீர்கள்:

உங்கள் தகவலுடன் அந்த புலங்களை புதுப்பிக்கவும், ஆனால் “விருப்பம்” புலங்களை மட்டும் விட்டு விடுங்கள். நீங்கள் மதிப்புகளைப் பார்த்தால், மீதமுள்ள கட்டமைப்பு கோப்பு சுய விளக்கமாகும். முன்னுரிமை பெயர் = ”முழுத்திரை” எடுத்துக்காட்டாக, ஒரு முழுத்திரை பயன்பாடாக தன்னைத் தொடங்க பயன்பாட்டைக் கூறுகிறது. கோப்பின் அடிப்பகுதியில் உள்ள இந்த கடைசி மதிப்பைத் தவிர, எல்லாவற்றையும் விட்டுவிடுங்கள்:

உங்கள் உண்மையான வலைத்தள URL க்கு மாற்றவும். இது பயன்பாட்டு பயனரை உங்கள் வலைத்தளத்தை முழுவதுமாக வழிநடத்த அனுமதிக்கும், மேலும் உங்கள் வலைத்தளம் மட்டுமே - உங்கள் பயன்பாட்டைப் பயன்படுத்தும் போது அவர்கள் உங்கள் வலைத்தளத்தை விட்டு வெளியேற முடியாது. நிச்சயமாக பயன்பாட்டிற்கு URL வழிசெலுத்தல் பட்டி இருக்காது, இது உண்மையில் கவலை இல்லை, ஆனால் பயனர் உங்கள் வலைத்தளத்தின் அனைத்து பக்கங்களையும் அணுக முடியும் என்பதையும் உறுதி செய்கிறது. வலைத்தள URL க்குப் பிறகு * ஒரு வைல்டு கார்டு , இது சொற்களைக் குறியீடாக்குவதில் * அடையாளத்தின் இடத்தில் உள்ளிடப்பட்ட எதையும் ஏற்றுக் கொள்ளும் என்பதாகும்.

நிச்சயமாக, உங்கள் வலைத்தளத்தின் சில பக்கங்களுக்கு மட்டுமே பயனரை மட்டுப்படுத்த விரும்பினால், இது போன்ற தனி மதிப்புகளை நீங்கள் சேர்ப்பீர்கள்:

க்கு செல்லலாம் Index.html கோப்பு, இது பயன்பாட்டை உண்மையில் வேலை செய்வதற்கான ரொட்டி மற்றும் வெண்ணெய் ஆகும். நோட்பேட் ++ க்குள் திறந்து ஆவண மொழியை HTML க்கு மாற்றவும். உங்கள் வலைத்தளத்தை எவ்வாறு காண்பிப்பது என்று Android உலாவிக்கு index.html அடிப்படையில் என்ன செய்கிறது - நான் வழங்கிய வார்ப்புருவில், உலாவியில் இருந்து URL வழிசெலுத்தல் பட்டியை அகற்ற குறிச்சொற்கள் உள்ளன, தொலைபேசியின் “பின்” பொத்தானை பயன்பாட்டிலிருந்து வெளியேற அனுமதிக்கவும், ஸ்பிளாஸ் திரை காட்டப்பட்ட பிறகு பயன்பாடு. நீங்கள் மாற்ற விரும்பும் வரி இங்கே:

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

ஃபோன் கேப் பில்டில் பயன்பாட்டை உருவாக்குதல்

எனவே உங்கள் GitHub கணக்கில் உள்நுழைந்து, உங்கள் களஞ்சியத்தின் பிரதான பக்கத்திற்கு செல்லவும். களஞ்சியத்தின் பெயரில், “கோப்புகளைப் பதிவேற்று” என்பதைக் கிளிக் செய்து, உங்கள் திட்டக் கோப்புறையை கோப்பு மரத் திரையில் இழுக்கவும். இப்போது கீழே ஒரு கமிட் செய்தியைத் தட்டச்சு செய்க, எனது முதல் பயன்பாட்டு முயற்சி ” . மாற்றங்களைச் செய்யுங்கள் என்பதைக் கிளிக் செய்க.

இப்போது செல்லுங்கள் ஃபோன் கேப் உருவாக்க பக்கம் மற்றும் உள்நுழைக. இப்போது உருவாக்க பக்கத்தில் உள்ள “புதிய பயன்பாடு” பொத்தானைக் கிளிக் செய்க. இது உங்கள் கிட்ஹப் களஞ்சியத்திற்கான பாதையை உள்ளிடும்படி கேட்கும், எனவே அவ்வாறு செய்யுங்கள், பின்னர் “.git களஞ்சியத்திலிருந்து இழுக்கவும்” என்பதைக் கிளிக் செய்யவும்.

இப்போது முக்கிய உருவாக்க பக்கத்தில் திரும்பி, “புதுப்பிப்பு குறியீடு” மற்றும் “சமீபத்தியதை இழு” என்பதைக் கிளிக் செய்க.

இறுதியாக, “உருவாக்கு” ​​என்பதைக் கிளிக் செய்க. இது உங்கள் பயன்பாட்டை .apk கோப்பில் தொகுக்கும், பின்னர் .apk ஐ பதிவிறக்கும் விருப்பத்தை உங்களுக்கு வழங்கும். நீங்கள் இப்போது இந்த .apk கோப்பை உங்கள் கணினியில் பதிவிறக்கம் செய்து உங்கள் தொலைபேசியில் மாற்றலாம், பின்னர் அதை அங்கிருந்து நிறுவலாம். மாற்றாக, உங்கள் ஆண்ட்ராய்டு சாதனத்தில் .apk கோப்பை தானாக நிறுவ உங்கள் கணினி திரையில் QR குறியீட்டை ஸ்கேன் செய்ய உங்கள் தொலைபேசியைப் பயன்படுத்தலாம்.

அவ்வளவுதான்! இப்போது, ​​சில முக்கியமான விஷயங்களை உங்களுக்கு விளக்க:

• இது மிகவும் எளிமையான வழிகாட்டியாகும், இது கலப்பின பயன்பாடுகளின் மிக அடிப்படையானவற்றை உருவாக்குவதன் மூலம் உங்களை அழைத்துச் சென்றது. மக்கள் பொதுவாக தங்கள் வலைத்தளங்களை சொந்த உலாவியில் போர்த்தி, அதை Google Play ஸ்டோரில் Android பயன்பாடாக அனுப்புவதில்லை. ஆனால் இப்போது அதை எப்படி செய்வது என்று உங்களுக்குத் தெரியும், உங்கள் பயன்பாட்டை எவ்வாறு தனிப்பயனாக்குவது என்பது பற்றிய ஃபோன் கேப் ஆவணங்களைப் படிக்கத் தொடங்கலாம் மற்றும் அதில் நிறைய சுவையைச் சேர்க்கலாம், இதன் மூலம் நீங்கள் உண்மையில் பயனுள்ள பயன்பாட்டை உருவாக்க முடியும்.
• இரண்டாவதாக, வருவாயின் ஒரே நோக்கத்திற்காக இணைப்பு-திட்ட பயன்பாடுகளை உருவாக்க கூகிள் பிளே இந்த வகையான பயன்பாட்டை உருவாக்கும் முறையை தடை செய்கிறது. எனவே “இன்று பணம் சம்பாதிக்க!” என்ற பயன்பாட்டை உருவாக்க முடியாது. இது விளம்பர வருவாயில் முற்றிலும் விளம்பரங்களும் வங்கியும் நிறைந்த வலைத்தளத்தைத் திறக்கும். Google Play ஸ்டோரிலிருந்து தடை செய்யப்படுவீர்கள்.