നിങ്ങൾക്ക് ആഡ്-ഓണുകളും ആപ്പുകളും വികസിപ്പിക്കാനാകുമെന്ന് നിങ്ങൾക്കറിയാമോ Google വർക്ക്സ്പെയ്സ്?
കുറച്ച് കോഡിംഗ് പരിജ്ഞാനം ഉപയോഗിച്ച്, നിങ്ങളുടെ ജോലി ജീവിതം എളുപ്പമാക്കാൻ സഹായിക്കുന്ന ടൂളുകൾ നിങ്ങൾക്ക് സൃഷ്ടിക്കാൻ കഴിയും. ഈ ലേഖനത്തിൽ, ഒരു അടിസ്ഥാന ആഡ്-ഓൺ അല്ലെങ്കിൽ ആപ്പ് സൃഷ്ടിക്കുന്ന പ്രക്രിയയിലൂടെ ഞങ്ങൾ നിങ്ങളെ നയിക്കും.
നമുക്ക് തുടങ്ങാം!
Google Workspace ആഡ്-ഓണുകളും ആപ്പുകളും വികസിപ്പിക്കുന്നതിനുള്ള ഘട്ടങ്ങൾ
1. ജോലിക്കുള്ള ശരിയായ ഉപകരണം തിരഞ്ഞെടുക്കുക
നിങ്ങൾ ഒരു ആഡ്-ഓൺ അല്ലെങ്കിൽ ഒരു ആപ്പ് വികസിപ്പിക്കണോ എന്ന് തീരുമാനിക്കുക എന്നതാണ് ആദ്യപടി. ഏതാണ് നിങ്ങൾക്ക് ഏറ്റവും മികച്ചത് എന്ന് നിർണ്ണയിക്കാനുള്ള ഏറ്റവും നല്ല മാർഗം, നിങ്ങൾ എന്താണ് ചെയ്യാൻ ആഗ്രഹിക്കുന്നത്, പ്രോജക്റ്റ് പൂർത്തിയാക്കാൻ നിങ്ങൾക്ക് എത്ര സമയം ലഭ്യമാണ്, കോഡിംഗിനെക്കുറിച്ച് നിങ്ങൾക്ക് ഉള്ള അറിവ് എന്നിവയെക്കുറിച്ച് ചിന്തിക്കുക എന്നതാണ്.
നിങ്ങൾ ഇപ്പോൾ ആരംഭിക്കുകയാണെങ്കിൽ, Google ആഡ്-ഓൺ ടൂൾ ഉപയോഗിക്കുക. നിങ്ങൾ മുമ്പ് JavaScript ഉപയോഗിച്ച് പ്രവർത്തിച്ചിട്ടുണ്ടെങ്കിൽ, മുന്നോട്ട് പോയി Google Apps സ്ക്രിപ്റ്റ് ആഡ്-ഓൺ ബിൽഡർ പരിശോധിക്കുക.
2. നിങ്ങളുടെ വികസന പരിസ്ഥിതി സജ്ജീകരിക്കുക
ഏത് ടൂൾ ഉപയോഗിക്കണമെന്ന് ഇപ്പോൾ നിങ്ങൾ തീരുമാനിച്ചു, നിങ്ങളുടെ വികസന അന്തരീക്ഷം സജ്ജീകരിക്കാനുള്ള സമയമാണിത്. ആവശ്യമായ സോഫ്റ്റ്വെയർ ഇൻസ്റ്റാൾ ചെയ്യുകയും ചില അടിസ്ഥാന കോൺഫിഗറേഷൻ ഫയലുകൾ സജ്ജീകരിക്കുകയും ചെയ്യുന്നത് ഇതിൽ ഉൾപ്പെടുന്നു. നിങ്ങൾ ഏത് ടൂളാണ് ഉപയോഗിക്കുന്നത് എന്നതിനെ ആശ്രയിച്ച് സജ്ജീകരണ പ്രക്രിയ വ്യത്യാസപ്പെടും.
നിങ്ങൾ ഒരു ആപ്പ് വികസിപ്പിക്കുകയാണെങ്കിൽ, നിങ്ങൾക്ക് ഇനിപ്പറയുന്നവ ആവശ്യമാണ്:
ആപ്പ് സ്ക്രിപ്റ്റ് എഡിറ്റർ
നിങ്ങൾ ഒരു Google Apps ആഡ്-ഓണിനായി ഒരു സ്ക്രിപ്റ്റ് വികസിപ്പിക്കുകയാണെങ്കിൽ, Google App Scripts എഡിറ്റർ ഉപയോഗിക്കുക; നിങ്ങൾ G Suite-ൽ ആപ്പുകൾ ഉപയോഗിച്ചാണ് പ്രവർത്തിക്കുന്നതെങ്കിൽ, Google ഷീറ്റ് ഉപയോഗിക്കുക.
Google ആപ്പ് സ്ക്രിപ്റ്റ് എഡിറ്റർ ആക്സസ് ചെയ്യാൻ, ഒരു പുതിയ പ്രമാണം സൃഷ്ടിക്കുക Google ഡോക്സ് വിപുലീകരണ ടാബിൽ നിന്ന് ആപ്പ് സ്ക്രിപ്റ്റുകൾ തുറക്കുക. ഇത് ഇതുപോലെ കാണപ്പെടും:
ആപ്പ് സ്ക്രിപ്റ്റ് CLI
നിങ്ങളുടെ കമാൻഡ് ലൈനിൽ നിന്ന് നേരിട്ട് Google Apps സ്ക്രിപ്റ്റ് നിയന്ത്രിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ഒരു കമാൻഡ് ലൈൻ ഇന്റർഫേസ് (CLI) Chrome ഡെവലപ്പർ ടൂളുകളിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്.
ഒരു Google അക്കൗണ്ട്
Google Apps ഉം അവയുടെ എല്ലാ സേവനങ്ങളും ആക്സസ് ചെയ്യാൻ നിങ്ങൾക്ക് ഒരു Google അക്കൗണ്ട് ആവശ്യമാണ്. നിങ്ങളുടെ ഡെവലപ്മെന്റ് മെഷീനിൽ Google Chrome ഇൻസ്റ്റാൾ ചെയ്യുകയും Google അക്കൗണ്ട് ഉപയോഗിച്ച് സൈൻ ഇൻ ചെയ്യുകയും ചെയ്യുമ്പോൾ നിങ്ങൾ ഈ അക്കൗണ്ട് ഉപയോഗിക്കും, അങ്ങനെ നിങ്ങളുടെ ഡെവലപ്മെന്റ് മെഷീൻ നിങ്ങളുടെ Google അക്കൗണ്ടുമായി ബന്ധപ്പെടുത്തും.
ആഡ്-ഓണുകൾക്കും ഇത് ബാധകമാണ്.
3. കുറച്ച് കോഡ് എഴുതുക!
ഇപ്പോൾ കോഡിംഗ് ആരംഭിക്കാൻ സമയമായി. നിങ്ങൾ ഏത് ടൂളാണ് ഉപയോഗിക്കുന്നത് എന്നതിനെ ആശ്രയിച്ചിരിക്കും പ്രത്യേകതകൾ, എന്നാൽ പൊതുവേ, നിങ്ങൾ കുറച്ച് HTML, CSS, കൂടാതെ ജാവാസ്ക്രിപ്റ്റ്. ഏതെങ്കിലും ടെക്സ്റ്റ് എഡിറ്റർ അല്ലെങ്കിൽ IDE (ഇന്റഗ്രേറ്റഡ് ഡെവലപ്മെന്റ് എൻവയോൺമെന്റ്) ഉപയോഗിച്ച് അത് എങ്ങനെ ചെയ്യാമെന്ന് നിങ്ങൾക്ക് വായിക്കാം.
നിങ്ങളുടെ കോഡ് എഴുതിയതിന് ശേഷം, നിങ്ങൾക്ക് അത് ബ്രൗസറിലോ Play Store പ്രവർത്തിക്കുന്ന ഉപകരണത്തിലോ (ഫോൺ, ടാബ്ലെറ്റ് അല്ലെങ്കിൽ കമ്പ്യൂട്ടർ) പരിശോധിക്കാവുന്നതാണ്.
എച്ച്ടിഎംഎൽ
വെബ് പേജുകൾ സൃഷ്ടിക്കാൻ ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് (HMTL) ഉപയോഗിക്കുന്നു. പേജിൽ HTML ഘടകങ്ങളും ടാഗുകളും അടങ്ങിയിരിക്കുന്നു. നിങ്ങളുടെ വെബ് പേജ് എങ്ങനെ കാണപ്പെടുന്നുവെന്നും ആളുകൾ പേജ് കാണുമ്പോൾ എന്ത് ഉള്ളടക്കം പ്രദർശിപ്പിക്കുമെന്നും നിർവചിക്കുന്ന ഒരു മാർക്ക്അപ്പ് ഭാഷയാണ് HTML.
നിങ്ങൾക്ക് Google ആപ്പ് സ്ക്രിപ്റ്റിൽ ഒരു പുതിയ HTML ഫയൽ സൃഷ്ടിക്കാൻ കഴിയും:
ഫലപ്രദമായ ഒരു ആപ്പ് നിർമ്മിക്കുന്നതിന്, ആപ്പിന്റെ ഘടന നിർവചിക്കുന്നതിനും ബട്ടണുകൾ സൃഷ്ടിക്കാനും മറ്റും നിങ്ങൾ HTML ഉപയോഗിക്കും യൂസർ ഇന്റർഫേസ് ഘടകങ്ങൾ, നിങ്ങളുടെ ഡാറ്റാബേസിൽ നിന്നുള്ള ഡാറ്റ പ്രദർശിപ്പിക്കുക.
നിങ്ങളുടെ ആപ്പിനുള്ള HTML ഒരു ടാഗിനുള്ളിൽ എഴുതിയിരിക്കണം, അത് നിങ്ങളുടെ ആപ്പിലെ എല്ലാ ഉള്ളടക്കത്തെയും ചുറ്റുന്നു. ഒരു ആപ്പിനുള്ള HTML എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് കാണാൻ, ഫയൽ > പുതിയ പ്രോജക്റ്റ് തിരഞ്ഞെടുത്ത് നിങ്ങൾക്ക് ഒരു പുതിയ പ്രോജക്റ്റ് സൃഷ്ടിക്കാം. വെബ് ആപ്പ് ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക.
സി.എസ്.എസ്
നിങ്ങളുടെ ആപ്പിലെ HTML ഘടകങ്ങളിൽ ഒരു ശൈലി പ്രയോഗിക്കാൻ കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകൾ ഉപയോഗിക്കുന്നു. CSS എങ്ങനെയുണ്ടെന്ന് കാണാനുള്ള ഏറ്റവും നല്ല മാർഗം Chrome അല്ലെങ്കിൽ Firefox-ലെ ഡെവലപ്പർ ടൂളുകൾ സന്ദർശിക്കുക എന്നതാണ്. നിങ്ങൾ ഡെവലപ്പർ ടൂളുകൾ തുറന്ന് കഴിഞ്ഞാൽ, ഉപകരണ ടൂൾബാർ ടോഗിൾ ചെയ്യുക ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക അല്ലെങ്കിൽ മൊബൈലിനും ഡെസ്ക്ടോപ്പ് മോഡിനും ഇടയിൽ ടോഗിൾ ചെയ്യാൻ കൺട്രോൾ + I എന്ന് ടൈപ്പ് ചെയ്യുക. തുടർന്ന് ഡിസൈൻ വ്യൂ തിരഞ്ഞെടുക്കുക.
ആപ്പ് സ്ക്രിപ്റ്റിന് നന്ദി, മറ്റ് ലൈബ്രറികൾ ഉപയോഗിച്ച് CSS, JavaScript ലൈബ്രറികൾ ഉപയോഗിച്ചേക്കാം. ഹെഡർ വിഭാഗത്തിലെ JQuery ലൈബ്രറിയിലേക്ക് എങ്ങനെ ലിങ്ക് ചെയ്യാം എന്നതിന്റെ ഒരു ചിത്രീകരണം താഴെ കാണിച്ചിരിക്കുന്നു.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
നിങ്ങളുടെ ആപ്ലിക്കേഷന്റെ അടിസ്ഥാന HTML, അതിൽ പ്രയോഗിക്കുന്ന സ്റ്റൈലിംഗ് പ്രോപ്പർട്ടികൾ എന്നിവ നിങ്ങൾ കാണും. ആപ്പ് ലോഞ്ച് ചെയ്യുമ്പോൾ, സ്റ്റൈലിംഗ് പ്രോപ്പർട്ടികൾ പ്രാബല്യത്തിൽ വരും. എന്നിരുന്നാലും, തെറ്റായ ഘടകത്തിലേക്ക് സ്റ്റൈലിംഗ് പ്രയോഗിച്ചാൽ, ഫലം വളരെ മികച്ചതായി കാണപ്പെടണമെന്നില്ല.
ജാവാസ്ക്രിപ്റ്റ്
നിങ്ങളുടെ ആപ്പിലേക്ക് കൂടുതൽ ചലനാത്മക സവിശേഷതകൾ ചേർക്കുന്ന ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയാണ് JavaScript. ഉദാഹരണത്തിന്, ഒരു വെബ് പേജിലേക്ക് ഇന്ററാക്റ്റിവിറ്റി ചേർക്കാൻ JavaScript നിങ്ങളെ അനുവദിക്കുന്നു. നിങ്ങൾ ഒരു പുതിയ ആപ്പ് സൃഷ്ടിക്കുമ്പോൾ സാധാരണയായി നിങ്ങളുടെ പ്രോജക്റ്റ് ഫയലുകളിൽ JavaScript ഉൾപ്പെടുത്തും. നിങ്ങളുടെ ആപ്പിലേക്ക് കൂടുതൽ JavaScript ചേർക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങളുടെ പ്രോജക്റ്റിലേക്ക് കൂടുതൽ ഫയലുകൾ ചേർത്തുകൊണ്ട് നിങ്ങൾക്ക് അത് ചെയ്യാൻ കഴിയും.
Google ഡോക്സിനുള്ളിൽ പ്രവർത്തിക്കാൻ കഴിയുന്ന സങ്കീർണ്ണമായ ഇഷ്ടാനുസൃത കോഡ് സൃഷ്ടിക്കാൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നതിനാൽ ജാവാസ്ക്രിപ്റ്റ് എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് മനസിലാക്കുക എന്നതാണ്.
ഒരു ആഡ്-ഓൺ സൃഷ്ടിക്കുന്നതിന്, ആദ്യം, നിങ്ങളുടെ ആപ്പിൽ ഒരു സംവേദനാത്മക ഫീച്ചർ സൃഷ്ടിക്കുന്നതിന് ആവശ്യമായ JavaScript വികസിപ്പിക്കേണ്ടതുണ്ട്. റിച്ച് ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ് സൃഷ്ടിക്കാൻ Google ഡോക്സ് ഉപയോഗിക്കുന്ന JavaScript ലൈബ്രറി, ഡോക്യുമെന്റുകളുടെ ലിസ്റ്റുകൾ വീണ്ടെടുക്കുന്നതിനുള്ള ഡോക്യുമെന്റ് ലിസ്റ്റ് API, Google-ന്റെ സെർവറുകളിൽ സംഭരിച്ചിരിക്കുന്ന ഫയലുകൾ ആക്സസ് ചെയ്യുന്നതിനുള്ള ഡ്രൈവ് സേവനം, ഡ്രൈവ് എന്നിവ പോലുള്ള നിരവധി പ്രധാനപ്പെട്ട Google API-കളെ കുറിച്ചും നിങ്ങൾ അറിഞ്ഞിരിക്കണം. ഫയലുകൾ അപ്ലോഡ് ചെയ്യുന്നതിനുള്ള സേവനം.
നിങ്ങൾ Google ഡോക്സിനായി ഒരു ആഡ്-ഓൺ സൃഷ്ടിക്കുമ്പോൾ ഈ API-കളിൽ മിക്കതും നിങ്ങൾക്ക് ആക്സസ് ചെയ്യാൻ കഴിയും. എന്നിരുന്നാലും, നിങ്ങൾക്ക് ആപ്പിന്റെ JavaScript ലൈബ്രറിയോ മറ്റ് ഭാഗങ്ങളോ മാറ്റേണ്ടി വന്നേക്കാം. ഉദാഹരണത്തിന്, JavaScript ലൈബ്രറി ഡോക്യുമെന്റ് ലിസ്റ്റ് API വെളിപ്പെടുത്തുന്നില്ല, അതിനാൽ പ്രമാണങ്ങളുടെ ഒരു ലിസ്റ്റ് സ്വയം അന്വേഷിക്കുന്നതിന് നിങ്ങൾ ലോജിക് നടപ്പിലാക്കണം.
കൂടാതെ, JavaScript ലൈബ്രറിയിൽ ഫംഗ്ഷനുകളുടെ ഒരു ചെറിയ ഉപവിഭാഗം മാത്രമേ അടങ്ങിയിട്ടുള്ളൂ, അതിനാൽ സമ്പന്നമായ ഇടപെടലുകൾ സൃഷ്ടിക്കുന്നതിന് നിങ്ങളുടെ സ്വന്തം ഫംഗ്ഷനുകൾ എഴുതേണ്ടി വന്നേക്കാം.
നിങ്ങൾ എഴുതുന്ന ഏത് കോഡും ശരിയായി പ്രവർത്തിക്കുമെന്ന് ഉറപ്പാക്കാൻ അത് പരിശോധിച്ച് ഡീബഗ് ചെയ്യേണ്ടത് പ്രധാനമാണ്. ആപ്പിനുള്ളിൽ ഒരു ആഡ്-ഓൺ ഉൾച്ചേർത്തിരിക്കുന്നതിനാൽ, വെബ്സൈറ്റുകളിൽ കാണുന്ന സാധാരണ JavaScript ഡീബഗ്ഗിംഗ് ടൂളുകൾ നിങ്ങൾക്ക് ഉപയോഗിക്കാം.
4. നിങ്ങളുടെ ആഡ്-ഓൺ അല്ലെങ്കിൽ ആപ്പ് പരീക്ഷിച്ച് പ്രസിദ്ധീകരിക്കുക
നിങ്ങളുടെ കോഡ് എഴുതിക്കഴിഞ്ഞാൽ, അത് പരിശോധിക്കാനുള്ള സമയമാണിത്. നിങ്ങളുടെ ആഡ്-ഓൺ അല്ലെങ്കിൽ ആപ്പ് ഉദ്ദേശിച്ച രീതിയിൽ പ്രവർത്തിക്കുന്നുവെന്ന് ഉറപ്പാക്കാൻ ഇത് പ്രധാനമാണ്. നിങ്ങളുടെ ആഡ്-ഓൺ അല്ലെങ്കിൽ ആപ്പ് പരിശോധിക്കുന്നത് കോഡ് സോളിഡ് ആണെന്നും സാധ്യമായ എല്ലാ സാഹചര്യങ്ങളും നിങ്ങൾ കവർ ചെയ്തിട്ടുണ്ടെന്നും ഉറപ്പാക്കുന്നു.
എല്ലാത്തിനുമുപരി, നിങ്ങളുടെ ഉപയോക്താവിന് അത് ലഭിച്ചതിന് ശേഷം കോഡിൽ ഒരു ബഗ് ഉണ്ടെന്ന് മനസ്സിലാക്കാൻ മാത്രം എന്തെങ്കിലും വികസിപ്പിക്കുന്നതിന് മണിക്കൂറുകൾ ചെലവഴിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നില്ല. നിങ്ങളുടെ ജോലിയിൽ നിങ്ങൾ തൃപ്തനായാൽ, മുന്നോട്ട് പോയി അത് വർക്ക്സ്പേസ് ലാബ്സ് സൈറ്റിൽ പ്രസിദ്ധീകരിക്കുക.
നിങ്ങൾക്ക് ഒന്നുകിൽ പ്രസിദ്ധീകരിച്ച ആഡ്-ഓൺ അല്ലെങ്കിൽ ആപ്പ് നേരിട്ട് അപ്ലോഡ് ചെയ്യാം അല്ലെങ്കിൽ Google ഡ്രൈവിലെ ഒരു പകർപ്പിലേക്ക് ലിങ്ക് ചെയ്യാം.
നിങ്ങളുടെ അഭിപ്രായങ്ങൾ രേഖപ്പെടുത്തുക