നിങ്ങളുടെ ആപ്പിൽ നോട്ടിഫിക്കേഷനുകൾ ചേർക്കുന്നത് എങ്ങനെ: ആപ്പിനുള്ളിൽ, ഇമെയിൽ, പുഷ്

വെബ് ആപ്പിൽ നോട്ടിഫിക്കേഷനുകൾ ചേർക്കാൻ, ആപ്പിനുള്ളിലെ നോട്ടിഫിക്കേഷനുകളിൽ തുടങ്ങുക: ഒരു നോട്ടിഫിക്കേഷൻ ടേബിളും വായിക്കാത്തവ കാണിക്കുന്ന ഒരു ബെൽ ഐക്കണും. ആളുകൾ അകലെയായിരിക്കുമ്പോൾ അറിയേണ്ട കാര്യങ്ങൾക്ക് ഇമെയിൽ ഒരു ഇമെയിൽ ദാതാവ് വഴി ചേർക്കുക, സമയോചിതമായ അലേർട്ടുകൾ പ്രധാനമാകുമ്പോൾ മാത്രം വെബ് പുഷ് ചേർക്കുക — അതിന് ഒരു സർവീസ് വർക്കർ, ഉപയോക്താവിന്റെ അനുമതി, iPhone-ൽ ആപ്പ് ഹോം സ്ക്രീനിൽ സേവ് ചെയ്യൽ എന്നിവ വേണം. ഏത് ചാനലുകൾ ഉപയോഗിച്ചാലും, എല്ലാ നോട്ടിഫിക്കേഷനും സെർവറിൽ ഒരിടത്ത് സൃഷ്ടിക്കുക, ഏതൊക്കെ ലഭിക്കണമെന്ന് ഉപയോക്താക്കൾക്ക് തിരഞ്ഞെടുക്കാൻ അനുവദിക്കുക.

ഈ ഗൈഡ് ചാനലുകൾ താരതമ്യം ചെയ്യുന്നു, ഒരു ലളിതമായ ആർക്കിടെക്ചർ കാണിക്കുന്നു, AI ആപ്പ് ബിൽഡറിനൊപ്പം ഉപയോഗിക്കാവുന്ന പ്രോംപ്റ്റുകൾ നൽകുന്നു.

പ്രധാന ചാനലുകളുടെ താരതമ്യം

മിക്ക ആപ്പുകൾക്കും ആപ്പിനുള്ളിലും ഇമെയിലും വേണം. ബുക്കിംഗ് ഓർമ്മപ്പെടുത്തൽ അല്ലെങ്കിൽ ഓർഡർ തയ്യാറായി എന്ന അറിയിപ്പ് പോലെ സമയം ശരിക്കും പ്രധാനമാകുമ്പോൾ മാത്രം പുഷും SMS-ഉം മൂല്യമുള്ളതാകുന്നു.

ഒരു നോട്ടിഫിക്കേഷൻ സിസ്റ്റം എങ്ങനെ ചേരുന്നു

ലളിതവും കേന്ദ്രീകൃതവുമാക്കി വെക്കുക:

1. എന്തോ സംഭവിക്കുന്നു. ഒരു കമന്റ് പോസ്റ്റ് ചെയ്യപ്പെടുന്നു, പേയ്മെന്റ് പരാജയപ്പെടുന്നു, ഒരു ബുക്കിംഗ് നാളെയാണ്.
2. നിങ്ങളുടെ സെർവർ ഒരു ഫംഗ്ഷൻ വിളിക്കുന്നു, ഉദാഹരണത്തിന് notify(user, type, data).
3. ആ ഫംഗ്ഷൻ ഉപയോക്താവിന്റെ മുൻഗണനകൾ പരിശോധിച്ച് notifications ടേബിളിൽ (ബെല്ലിന്) ഒരു വരി എഴുതുന്നു.
4. പിന്നെ ഉപയോക്താവ് ഓൺ ചെയ്ത മറ്റ് ചാനലുകളിലേക്ക് അയക്കുന്നു ആ തരത്തിന്: നിങ്ങളുടെ ദാതാവ് വഴി ഇമെയിൽ, Push API വഴി പുഷ്.
5. ഫ്രണ്ടെൻഡ് വായിക്കാത്ത നോട്ടിഫിക്കേഷനുകൾ കാണിക്കുന്നു, തുറക്കുമ്പോൾ വായിച്ചതായി അടയാളപ്പെടുത്തുന്നു.

ഒരൊറ്റ എൻട്രി പോയിന്റ് ഉള്ളതിനാൽ, ചാനൽ ചേർക്കാനോ വാചകം മാറ്റാനോ മുൻഗണനകൾ പാലിക്കാനോ കോഡ്ബേസ് മുഴുവൻ തിരയേണ്ടതില്ല.

സംഭരിക്കേണ്ടത്

ഒരു നോട്ടിഫിക്കേഷൻ ടേബിളിൽ സാധാരണയായി ഇവ വേണം: user ID, തരം (ഉദാഹരണത്തിന് comment_reply), ഒരു ചെറിയ ശീർഷകവും ബോഡിയും, ബന്ധപ്പെട്ട പേജിലേക്കുള്ള ലിങ്ക്, സൃഷ്ടിച്ച സമയം, വായിച്ച സമയം. ഓരോ തരത്തിനും ഓരോ ഉപയോക്താവ് ഏത് ചാനലുകൾ വേണമെന്ന് ഒരു പ്രത്യേക മുൻഗണനാ ടേബിൾ സൂക്ഷിക്കുന്നു.

പുതിയ നോട്ടിഫിക്കേഷനുകൾ കാണിക്കൽ

• പേജ് കാണുമ്പോൾ ലോഡ് ചെയ്ത് ഓരോ 30–60 സെക്കൻഡിലും പോൾ ചെയ്യുക. ലളിതവും വിശ്വസനീയവും.
• WebSockets അല്ലെങ്കിൽ server-sent events വഴി തത്സമയ അപ്ഡേറ്റുകൾ തൽക്ഷണമായി തോന്നും, പക്ഷേ കൂടുതൽ ഭാഗങ്ങൾ ചേർക്കുന്നു. തൽക്ഷണ അപ്ഡേറ്റുകൾ പ്രധാനമല്ലെങ്കിൽ പോളിംഗിൽ തുടങ്ങുക.

ഇമെയിൽ നോട്ടിഫിക്കേഷനുകൾ

ഇമെയിലിന് ഒരു അയയ്ക്കൽ ദാതാവും പരിശോധിച്ച ഡൊമെയ്‌നും വേണം; വിശദാംശങ്ങൾ നിങ്ങളുടെ ആപ്പിൽ നിന്ന് ഇമെയിൽ എങ്ങനെ അയക്കാം എന്നതിൽ ഉണ്ട്. നോട്ടിഫിക്കേഷനുകൾക്കായി പ്രത്യേകമായി:

• സെർവറിൽ നിന്ന് അയക്കുക, ഒരിക്കലും ദാതാവിന്റെ കീ ബ്രൗസറിൽ വെച്ചല്ല.
• ഇടവിടാതെ വരുന്ന ഇവന്റുകൾ ഒന്നാക്കുക. ഒറ്റ ഇമെയിലിൽ "3 new comments" മൂന്ന് ഇമെയിലുകളേക്കാൾ നല്ലത്.
• കുറഞ്ഞ മുൻഗണനയുള്ള പ്രവർത്തനത്തിന് ദിവസേനയോ ആഴ്ചതോറുമോ ഉള്ള ഡൈജെസ്റ്റ് വാഗ്ദാനം ചെയ്യുക.
• അത്യാവശ്യമല്ലാത്ത ഇമെയിലിൽ അൺസബ്സ്ക്രൈബ് അല്ലെങ്കിൽ മുൻഗണനാ ലിങ്ക് ഉൾപ്പെടുത്തുക. മാർക്കറ്റിംഗ് ഇമെയിലിനുള്ള നിയമങ്ങൾ രാജ്യമനുസരിച്ച് വ്യത്യസ്തമാണ്; നിങ്ങൾക്ക് ബാധകമായത് പരിശോധിക്കുക.

വെബ് പുഷ് നോട്ടിഫിക്കേഷനുകൾ

വെബ് പുഷ് നിങ്ങളുടെ സൈറ്റിന് ആപ്പ് നോട്ടിഫിക്കേഷനുകൾ പോലെ തോന്നുന്ന അലേർട്ടുകൾ അയക്കാൻ അനുവദിക്കുന്നു. MDN-ന്റെ Push API ഡോക്യുമെന്റേഷൻ പ്രകാരം ഇത് ഇങ്ങനെ പ്രവർത്തിക്കുന്നു:

1. നിങ്ങളുടെ സൈറ്റ് ഒരു സർവീസ് വർക്കർ രജിസ്റ്റർ ചെയ്യുന്നു, ബ്രൗസറിന് പശ്ചാത്തലത്തിൽ പ്രവർത്തിപ്പിക്കാവുന്ന ഒരു സ്ക്രിപ്റ്റ്.
2. ഉപയോക്താവ് സമ്മതിച്ച ശേഷം, സർവീസ് വർക്കർ PushManager.subscribe() വഴി സബ്സ്ക്രൈബ് ചെയ്യുന്നു. ബ്രൗസർ ഒരു endpoint-ഉം encryption keys-ഉം അടങ്ങിയ സബ്സ്ക്രിപ്ഷൻ തിരികെ നൽകുന്നു.
3. നിങ്ങളുടെ സെർവർ ആ സബ്സ്ക്രിപ്ഷൻ സംഭരിക്കുന്നു, എന്തെങ്കിലും സംഭവിക്കുമ്പോൾ endpoint-ലേക്ക് ഒരു സന്ദേശം അയക്കുന്നു, സാധാരണയായി VAPID കീകൾ (നിങ്ങളുടെ സെർവറിനെ തിരിച്ചറിയുന്ന ഒരു കീ ജോഡി) ഉപയോഗിച്ച് ഒപ്പിട്ടത്.
4. പേജ് തുറന്നിട്ടില്ലെങ്കിലും ബ്രൗസർ നിങ്ങളുടെ സർവീസ് വർക്കർ ആരംഭിക്കുന്നു, അത് നോട്ടിഫിക്കേഷൻ കാണിക്കുന്നു.

Endpoint രഹസ്യമായി സൂക്ഷിക്കണമെന്നും MDN പറയുന്നു, കാരണം അത് അറിഞ്ഞാൽ ആ ഉപയോക്താവിന് സന്ദേശങ്ങൾ അയക്കാൻ മതിയാകും.

iPhone, iPad

iOS, iPadOS 16.4 മുതൽ വെബ് ആപ്പുകൾക്ക് WebKit Web Push ചേർത്തു; അതിന്റെ പ്രഖ്യാപനത്തിലെ രണ്ട് വ്യവസ്ഥകൾ: സൈറ്റ് ഹോം സ്ക്രീനിൽ ചേർത്തിരിക്കണം, അനുമതി ഒരു ഉപയോക്തൃ പ്രവർത്തനത്തിന് പ്രതികരണമായി ചോദിക്കണം, ഉദാഹരണത്തിന് Subscribe ബട്ടൺ ടാപ്പ് ചെയ്യുമ്പോൾ. അതിനാൽ iPhone-ൽ, വെബ് ആപ്പ് ഇൻസ്റ്റാൾ ചെയ്ത ഉപയോക്താക്കളിൽ മാത്രമേ പുഷ് എത്തൂ. വെബ് ആപ്പ് ഇൻസ്റ്റാൾ ചെയ്യുന്നതിന്റെ അർത്ഥത്തിന് നേറ്റീവ് vs പ്രോഗ്രസ്സീവ് വെബ് ആപ്പുകൾ കാണുക.

അനുമതി നന്നായി ചോദിക്കൽ

ആദ്യ സന്ദർശനത്തിൽ ചോദിക്കരുത്. ആദ്യം പ്രയോജനം വിശദീകരിക്കുക ("ക്ലാസിന് ഒരു മണിക്കൂർ മുമ്പ് ഒരു ഓർമ്മപ്പെടുത്തൽ നേടൂ"), എന്നിട്ട് ഉപയോക്താവ് ഒരു ബട്ടൺ ടാപ്പ് ചെയ്യുമ്പോൾ ബ്രൗസർ പ്രോംപ്റ്റ് കാണിക്കുക. ആരെങ്കിലും നിരസിച്ചാൽ, ബ്രൗസർ പിന്നീട് ചോദിക്കാൻ അനുവദിച്ചേക്കില്ല, അതിനാൽ അകാലത്തിലുള്ള പ്രോംപ്റ്റ് ഒരാളെ എന്നേക്കുമായി നഷ്ടപ്പെടുത്താം.

ഷെഡ്യൂൾ ചെയ്ത നോട്ടിഫിക്കേഷനുകൾക്ക് ഒരു ട്രിഗർ വേണം

"24 മണിക്കൂർ മുമ്പുള്ള ഓർമ്മപ്പെടുത്തൽ" അല്ലെങ്കിൽ "എല്ലാ തിങ്കളാഴ്ചയും ആഴ്ചതോറുമുള്ള സംഗ്രഹം" എന്നിവയ്ക്ക് ഷെഡ്യൂളിൽ പ്രവർത്തിക്കാൻ എന്തെങ്കിലും വേണം. അത് ഒരു ബാക്ക്ഗ്രൗണ്ട്-ജോബ് പ്രശ്നമാണ്, ബാക്ക്ഗ്രൗണ്ട് ജോബുകൾ എങ്ങനെ പ്രവർത്തിപ്പിക്കാം എന്നതിൽ വിശദീകരിച്ചിട്ടുണ്ട്. ഒരു സാധാരണ പാറ്റേൺ: ഒരു ബാഹ്യ ഷെഡ്യൂളർ ഓരോ കുറച്ച് മിനിറ്റിലും സംരക്ഷിത endpoint വിളിക്കുന്നു, ആ endpoint ഇപ്പോൾ അയക്കേണ്ടതെന്തോ അയക്കുന്നു.

AI ബിൽഡറിന് നൽകാനുള്ള പ്രോംപ്റ്റുകൾ

ആപ്പിനുള്ളിലെ ഭാഗത്ത് തുടങ്ങുക:

ആപ്പിനുള്ളിലെ നോട്ടിഫിക്കേഷനുകൾ ചേർക്കുക. notifications ടേബിൾ ഉണ്ടാക്കുക (user, type, title, body, link, created_at, read_at). എല്ലാ ഫീച്ചറും വിളിക്കുന്ന ഒരു സെർവർ ഫംഗ്ഷൻ notify(userId, type, data) ചേർക്കുക. ഹെഡറിൽ വായിക്കാത്ത എണ്ണത്തോടെ ഒരു ബെൽ ഐക്കൺ കാണിക്കുക, ഏറ്റവും പുതിയ 20 എണ്ണമുള്ള ഒരു ഡ്രോപ്പ്ഡൗൺ, "എല്ലാം വായിച്ചതായി അടയാളപ്പെടുത്തുക" ബട്ടൺ. ഓരോ 60 സെക്കൻഡിലും പുതിയവയ്ക്കായി പോൾ ചെയ്യുക.

പിന്നെ മുൻഗണനകളും ഇമെയിലും:

നോട്ടിഫിക്കേഷൻ സെറ്റിംഗ്സ് ചേർക്കുക: ഓരോ തരത്തിനും (കമന്റ് മറുപടികൾ, മെൻഷനുകൾ, ബില്ലിംഗ്) ഉപയോക്താവിന് ആപ്പിനുള്ളിൽ, ഇമെയിൽ, രണ്ടും, അല്ലെങ്കിൽ ഒന്നുമില്ല എന്ന് തിരഞ്ഞെടുക്കാം. notify() ഇവ പാലിക്കണം. [PROVIDER] വഴി ഇമെയിൽ അയക്കുക, സെർവറിൽ മാത്രം [ENV_NAME] എന്ന സീക്രറ്റ് ഉപയോഗിച്ച്. കമന്റ് ഇമെയിലുകൾ ഗ്രൂപ്പ് ചെയ്യുക, ഒരു ഉപയോക്താവിന് 15 മിനിറ്റിൽ പരമാവധി ഒരു ഇമെയിൽ മാത്രം.

പിന്നെ പുഷ്, ആവശ്യമെങ്കിൽ:

ഓപ്ഷണൽ വെബ് പുഷ് ചേർക്കുക. ഒരു സർവീസ് വർക്കർ രജിസ്റ്റർ ചെയ്യുക, VAPID കീകൾ ഉണ്ടാക്കി സ്വകാര്യ കീ ഒരു സീക്രറ്റായി സൂക്ഷിക്കുക. സെറ്റിംഗ്സിൽ "Enable notifications" ബട്ടൺ ചേർക്കുക, അത് ക്ലിക്ക് ചെയ്യുമ്പോൾ മാത്രം അനുമതി ചോദിക്കട്ടെ. ഓരോ സബ്സ്ക്രിപ്ഷനും ഉപയോക്താവിനും ഉപകരണത്തിനും വേണ്ടി സംഭരിക്കുക, ഉപയോക്താവ് ഓപ്റ്റ് ഇൻ ചെയ്തിട്ടുണ്ടെങ്കിൽ notify()-ൽ നിന്ന് പുഷുകൾ അയക്കുക, പുഷ് സേവനം കാലഹരണപ്പെട്ടതായി റിപ്പോർട്ട് ചെയ്യുന്ന സബ്സ്ക്രിപ്ഷനുകൾ ഇല്ലാതാക്കുക.

സാധാരണ തെറ്റുകൾ

• നോട്ടിഫിക്കേഷനുകൾ കോഡിലുടനീളം ചിതറിക്കിടക്കുന്നത്. ഓരോ ഫീച്ചറും ഇമെയിൽ വ്യത്യസ്തമായി അയക്കുന്നു, മുൻഗണനകൾ അവഗണിക്കപ്പെടുന്നു. ഒരൊറ്റ notify() ഫംഗ്ഷൻ ഉപയോഗിക്കുക.
• പേജ് ലോഡിൽ തന്നെ പുഷ് അനുമതി ചോദിക്കുന്നത്. മിക്കവരും നിരസിക്കും, മറ്റൊരു അവസരം കിട്ടിയേക്കില്ല.
• മുൻഗണനകൾ ഇല്ലാത്തത്. ശല്യപ്പെടുത്തുന്ന അലേർട്ടുകൾ ഓഫാക്കാൻ കഴിയാത്ത ഉപയോക്താക്കൾ എല്ലാം ഓഫാക്കും, അല്ലെങ്കിൽ പോകും.
• ബ്രൗസറിൽ നിന്ന് അയക്കുന്നത്. ഇമെയിൽ, പുഷ് കീകൾ സെർവറിലാണ് വേണ്ടത്.
• കാലഹരണപ്പെട്ട പുഷ് സബ്സ്ക്രിപ്ഷനുകൾ വൃത്തിയാക്കാത്തത്. കാലഹരണപ്പെട്ടവ കൂടിക്കൂടി അയക്കലുകൾ പാഴാക്കുന്നു.
• നോട്ടിഫിക്കേഷൻ ടെക്സ്റ്റിൽ സെൻസിറ്റീവ് വിവരങ്ങൾ. ലോക്ക് സ്ക്രീനുകളിൽ ഇത് കാണിക്കും. "You have a new message" എന്നത് സന്ദേശം തന്നെയെക്കാൾ സുരക്ഷിതമാണ്.
• എന്ത് അയച്ചു എന്നതിന് രേഖയില്ലാത്തത്. "എനിക്ക് ഇമെയിൽ കിട്ടിയില്ല" എന്ന് ഉപയോക്താവ് പറയുമ്പോൾ, ദാതാവിന്റെ സന്ദേശ IDകളുള്ള ലോഗുകൾ കാരണം കണ്ടെത്താൻ സഹായിക്കും.

ചെക്ക്‌ലിസ്റ്റ്

• എല്ലായിടത്തും ഉപയോഗിക്കുന്ന ഒരു സെർവർ-സൈഡ് notify() ഫംഗ്ഷൻ
• വായിച്ച നിലയുള്ള notifications ടേബിളും വായിക്കാത്ത എണ്ണമുള്ള ബെല്ലും
• ഓരോ തരത്തിനും ചാനൽ മുൻഗണനകൾ, notify() പാലിക്കുന്നത്
• ഇമെയിൽ സെർവറിൽ നിന്ന്, പരിശോധിച്ച ഡൊമെയ്‌നോടെ; ഇടവിട്ടുള്ള സംഭവങ്ങൾക്ക് ഡൈജെസ്റ്റ് അല്ലെങ്കിൽ ഗ്രൂപ്പിംഗ്
• ഒരു ഉപയോക്തൃ പ്രവർത്തനത്തിന് ശേഷം മാത്രം, വിശദീകരണത്തോടെ പുഷ് അനുമതി ചോദിക്കുന്നു
• ഡെസ്ക്ടോപ്പിലും iPhone-ൽ ആപ്പ് ഹോം സ്ക്രീനിൽ ചേർത്തും പുഷ് പരീക്ഷിച്ചു
• കാലഹരണപ്പെട്ട പുഷ് സബ്സ്ക്രിപ്ഷനുകൾ നീക്കം ചെയ്തു
• പുഷിലോ ഇമെയിൽ പ്രിവ്യൂവിലോ സെൻസിറ്റീവ് ഉള്ളടക്കം ഇല്ല
• ഷെഡ്യൂൾ ചെയ്ത ഓർമ്മപ്പെടുത്തലുകൾക്ക് വിശ്വസനീയമായ ഒരു ട്രിഗർ ഉണ്ട്

Mythex-ലെ നോട്ടിഫിക്കേഷനുകൾ

Mythex നിങ്ങൾ നിർമ്മിക്കുന്ന ആപ്പുകൾക്കായി അന്തർനിർമിത ഇമെയിൽ അല്ലെങ്കിൽ പുഷ് സേവനം നൽകുന്നില്ല, അതിനാൽ നിങ്ങളുടെ സ്വന്തം ഇമെയിൽ ദാതാവിനെ കൊണ്ടുവരണം, സ്വന്തം പുഷ് കീകൾ ഉണ്ടാക്കി പ്രോജക്റ്റ് സീക്രറ്റുകളായി സൂക്ഷിക്കണം. ആപ്പിനുള്ളിലെ ഭാഗത്തിന് പ്രോജക്റ്റിന്റെ ഡേറ്റാബേസ് മാത്രം മതി, അത് നിങ്ങൾ ആവശ്യപ്പെടുമ്പോൾ Mythex ചേർക്കുന്നു. മുകളിലുള്ളത് പോലുള്ള പ്രോംപ്റ്റുകൾ ഉപയോഗിച്ച് നിർമ്മിക്കുക, ബെല്ലും ഇമെയിലുകളും Preview-ൽ പരീക്ഷിക്കുക, പുഷ് നിങ്ങളുടെ പ്രസിദ്ധീകരിച്ച URL-ൽ പരീക്ഷിക്കുക, കാരണം സർവീസ് വർക്കറുകൾക്കും പുഷിനും യഥാർത്ഥ HTTPS വിലാസം വേണം. ഇമെയിൽ അയക്കൽ ഡോക്സ് റെസിപ്പിയിൽ ഒരു തുടക്ക പ്രോംപ്റ്റ് ഉണ്ട്. Mythex ഷെഡ്യൂൾ ചെയ്ത ജോബുകൾ ഡോക്യുമെന്റ് ചെയ്തിട്ടില്ല, അതിനാൽ സമയബന്ധിതമായ ഓർമ്മപ്പെടുത്തലുകൾ ബാക്ക്ഗ്രൗണ്ട് ജോബുകൾ എങ്ങനെ പ്രവർത്തിപ്പിക്കാം എന്നതിൽ പറഞ്ഞതുപോലെ ഒരു ബാഹ്യ ട്രിഗർ ഉപയോഗിച്ച് ആസൂത്രണം ചെയ്യുക.

ചോദ്യങ്ങൾ