మీ యాప్‌కు నోటిఫికేషన్‌లు ఎలా జోడించాలి: ఇన్-యాప్, ఇమెయిల్ మరియు పుష్

వెబ్ యాప్‌కు నోటిఫికేషన్‌లు జోడించడానికి, ఇన్-యాప్ నోటిఫికేషన్‌లతో ప్రారంభించండి: మీ డేటాబేస్‌లో నోటిఫికేషన్‌ల పట్టిక మరియు చదవని అంశాలను చూపే బెల్ ఐకాన్. ప్రజలు దూరంగా ఉన్నప్పుడు తెలుసుకోవాల్సిన విషయాల కోసం, ఇమెయిల్ ప్రొవైడర్ ద్వారా ఇమెయిల్ జోడించండి, మరియు సమయానుసారమైన హెచ్చరికలు నిజంగా ముఖ్యమైనప్పుడు మాత్రమే వెబ్ పుష్ జోడించండి, ఎందుకంటే దానికి సర్వీస్ వర్కర్, వినియోగదారు అనుమతి మరియు ఐఫోన్‌లో యాప్ హోమ్ స్క్రీన్‌కు సేవ్ అయి ఉండటం అవసరం. మీరు ఏ ఛానల్స్ ఉపయోగించినా, ప్రతి నోటిఫికేషన్‌ను ఒకే చోట సర్వర్‌లో సృష్టించండి మరియు వినియోగదారులు ఏమి అందుకోవాలో ఎంచుకోనివ్వండి.

ఈ గైడ్ ఛానల్‌లను పోలుస్తుంది, ఒక సరళమైన ఆర్కిటెక్చర్ చూపుతుంది, మరియు AI యాప్ బిల్డర్‌తో ఉపయోగించగల ప్రాంప్ట్‌లు ఇస్తుంది.

ప్రధాన ఛానల్‌ల పోలిక

చాలా యాప్‌లకు ఇన్-యాప్ మరియు ఇమెయిల్ రెండూ అవసరం. సమయం నిజంగా ముఖ్యమైనప్పుడు — బుకింగ్ రిమైండర్ లేదా సిద్ధమైన ఆర్డర్ వంటివి — పుష్ మరియు SMS విలువైనవి.

నోటిఫికేషన్ వ్యవస్థ ఎలా కలిసి పనిచేస్తుంది

దీన్ని సరళంగా మరియు కేంద్రీకృతంగా ఉంచండి:

1. ఏదో జరుగుతుంది. వ్యాఖ్య పోస్ట్ అవుతుంది, చెల్లింపు విఫలమవుతుంది, బుకింగ్ రేపు ఉంది.
2. మీ సర్వర్ ఒక ఫంక్షన్‌ను పిలుస్తుంది, ఉదాహరణకు notify(user, type, data).
3. ఆ ఫంక్షన్ వినియోగదారు ప్రాధాన్యతలను తనిఖీ చేసి notifications పట్టికలో (బెల్ కోసం) ఒక వరుసను వ్రాస్తుంది.
4. తర్వాత ఆ రకానికి వినియోగదారు ఆన్ చేసిన ఇతర ఛానల్‌లకు పంపుతుంది: మీ ప్రొవైడర్ ద్వారా ఇమెయిల్, Push API ద్వారా పుష్.
5. ఫ్రంటెండ్ చదవని నోటిఫికేషన్‌లను చూపుతుంది మరియు తెరిచినప్పుడు వాటిని చదివినవిగా గుర్తిస్తుంది.

ఒకే ఎంట్రీ పాయింట్ ఉండటం వల్ల, కోడ్‌బేస్ అంతా వెతకకుండానే ఛానల్ జోడించవచ్చు, టెక్స్ట్ మార్చవచ్చు, లేదా ప్రాధాన్యతలను గౌరవించవచ్చు.

ఏమి నిల్వ చేయాలి

నోటిఫికేషన్‌ల పట్టికకు సాధారణంగా ఇవి అవసరం: యూజర్ ID, రకం (ఉదాహరణకు comment_reply), చిన్న శీర్షిక మరియు సందేశం, సంబంధిత పేజీకి లింక్, సృష్టించిన సమయం, మరియు చదివిన సమయం. ప్రత్యేక ప్రాధాన్యతల పట్టిక ప్రతి వినియోగదారు ప్రతి రకానికి ఏ ఛానల్స్ కావాలో నిల్వ చేస్తుంది.

కొత్త నోటిఫికేషన్‌లు చూపడం

• పేజీ చూసినప్పుడు లోడ్ చేసి ప్రతి 30–60 సెకన్లకు పోల్ చేయండి. సరళమైనది మరియు నమ్మదగినది.
• రియల్-టైమ్ అప్‌డేట్‌లు WebSockets లేదా server-sent events తో తక్షణంగా అనిపిస్తాయి కానీ మరిన్ని భాగాలు జోడిస్తాయి. తక్షణ అప్‌డేట్‌లు నిజంగా ముఖ్యమైతే తప్ప పోలింగ్‌తో ప్రారంభించండి.

ఇమెయిల్ నోటిఫికేషన్‌లు

ఇమెయిల్‌కు పంపే ప్రొవైడర్ మరియు ధృవీకరించబడిన డొమైన్ అవసరం; వివరాలు మీ యాప్ నుండి ఇమెయిల్‌లు ఎలా పంపాలి లో ఉన్నాయి. నోటిఫికేషన్‌ల కోసం ప్రత్యేకంగా:

• సర్వర్ నుండి పంపండి, బ్రౌజర్‌లో ఎప్పుడూ ప్రొవైడర్ కీ ఉంచవద్దు.
• వరుస ఈవెంట్‌లను బ్యాచ్ చేయండి. ఒకే ఇమెయిల్‌లో "3 కొత్త వ్యాఖ్యలు" మూడు ఇమెయిళ్ల కంటే మెరుగు.
• తక్కువ ప్రాధాన్యత కార్యకలాపం కోసం రోజువారీ లేదా వారపు డైజెస్ట్ ఇవ్వండి.
• అవసరం లేని ఇమెయిల్‌లో అన్‌సబ్‌స్క్రైబ్ లేదా ప్రాధాన్యతల లింక్ చేర్చండి. మార్కెటింగ్ ఇమెయిల్ నియమాలు దేశాన్ని బట్టి మారతాయి; మీకు ఏది వర్తిస్తుందో తనిఖీ చేయండి.

వెబ్ పుష్ నోటిఫికేషన్‌లు

వెబ్ పుష్ మీ సైట్‌కు యాప్ నోటిఫికేషన్‌ల వలె కనిపించే హెచ్చరికలు పంపడానికి అనుమతిస్తుంది. MDN యొక్క Push API డాక్యుమెంటేషన్ ప్రకారం, ఇది ఇలా పనిచేస్తుంది:

1. మీ సైట్ ఒక సర్వీస్ వర్కర్ను నమోదు చేస్తుంది, అంటే బ్రౌజర్ నేపథ్యంలో నడపగల స్క్రిప్ట్.
2. వినియోగదారు అంగీకరించిన తర్వాత, సర్వీస్ వర్కర్ PushManager.subscribe() ద్వారా సబ్‌స్క్రైబ్ అవుతుంది. బ్రౌజర్ ఎండ్‌పాయింట్ మరియు ఎన్‌క్రిప్షన్ కీలతో ఒక సబ్‌స్క్రిప్షన్ను తిరిగి ఇస్తుంది.
3. మీ సర్వర్ ఆ సబ్‌స్క్రిప్షన్‌ను నిల్వ చేసి, ఏదైనా జరిగినప్పుడు ఎండ్‌పాయింట్‌కు సందేశం పంపుతుంది, సాధారణంగా VAPID కీలతో సంతకం చేసి (మీ సర్వర్‌ను గుర్తించే కీ జత).
4. మీ పేజీ తెరిచి లేకపోయినా, బ్రౌజర్ మీ సర్వీస్ వర్కర్‌ను ప్రారంభిస్తుంది, అది నోటిఫికేషన్ చూపిస్తుంది.

ఎండ్‌పాయింట్ రహస్యంగా ఉంచాలని MDN కూడా గమనిస్తుంది, ఎందుకంటే దాని గురించి తెలిస్తే ఆ వినియోగదారుకు సందేశాలు పంపవచ్చు.

ఐఫోన్ మరియు ఐప్యాడ్

WebKit iOS మరియు iPadOS 16.4 లో వెబ్ యాప్‌ల కోసం Web Pushను జోడించింది, దాని ప్రకటనలో రెండు షరతులతో: సైట్ హోమ్ స్క్రీన్‌కు జోడించబడాలి, మరియు అనుమతి వినియోగదారు చర్యకు ప్రతిస్పందనగా అడగాలి, ఉదాహరణకు సబ్‌స్క్రైబ్ బటన్ ట్యాప్ చేయడం. కాబట్టి ఐఫోన్‌లో, పుష్ మీ వెబ్ యాప్‌ను ఇన్‌స్టాల్ చేసిన వినియోగదారులకు మాత్రమే చేరుతుంది. వెబ్ యాప్ ఇన్‌స్టాల్ చేయడం అంటే ఏమిటో తెలుసుకోవడానికి నేటివ్ vs ప్రోగ్రెసివ్ వెబ్ యాప్‌లు చూడండి.

అనుమతి సరిగ్గా అడగడం

మొదటి సందర్శనలోనే అడగవద్దు. ముందుగా ప్రయోజనాన్ని వివరించండి ("మీ తరగతికి ఒక గంట ముందు రిమైండర్ పొందండి"), తర్వాత వినియోగదారు బటన్ ట్యాప్ చేసినప్పుడు బ్రౌజర్ ప్రాంప్ట్ చూపండి. ఎవరైనా తిరస్కరిస్తే, బ్రౌజర్ మళ్లీ అడగడానికి అనుమతించకపోవచ్చు, కాబట్టి ముందస్తు ప్రాంప్ట్ వారిని శాశ్వతంగా కోల్పోయేలా చేయవచ్చు.

షెడ్యూల్ చేసిన నోటిఫికేషన్‌లకు ట్రిగ్గర్ అవసరం

"24 గంటల ముందు రిమైండర్" లేదా "ప్రతి సోమవారం వారపు సారాంశం" షెడ్యూల్ ప్రకారం నడవడానికి ఏదో అవసరం. అది నేపథ్య-జాబ్ సమస్య, దాని గురించి బ్యాక్‌గ్రౌండ్ జాబ్‌లను ఎలా నడపాలి లో ఉంది. ఒక సాధారణ పద్ధతి: బాహ్య షెడ్యూలర్ ప్రతి కొన్ని నిమిషాలకు రక్షిత ఎండ్‌పాయింట్‌ను పిలుస్తుంది, మరియు ఆ ఎండ్‌పాయింట్ సమయం వచ్చిన వాటిని పంపుతుంది.

మీ AI బిల్డర్‌కు ఇవ్వాల్సిన ప్రాంప్ట్‌లు

ఇన్-యాప్‌తో ప్రారంభించండి:

ఇన్-యాప్ నోటిఫికేషన్‌లు జోడించండి. notifications పట్టిక సృష్టించండి (user, type, title, body, link, created_at, read_at). ప్రతి ఫీచర్ కాల్ చేసే సర్వర్ ఫంక్షన్ notify(userId, type, data) జోడించండి. హెడర్‌లో చదవని సంఖ్యతో బెల్ ఐకాన్, తాజా 20 జాబితాతో డ్రాప్‌డౌన్, మరియు "అన్నీ చదివినట్లు గుర్తించు" బటన్ చూపండి. ప్రతి 60 సెకన్లకు కొత్త వాటి కోసం పోల్ చేయండి.

తర్వాత ప్రాధాన్యతలు మరియు ఇమెయిల్:

నోటిఫికేషన్ సెట్టింగ్‌లు జోడించండి: ప్రతి రకానికి (వ్యాఖ్య సమాధానాలు, ప్రస్తావనలు, బిల్లింగ్), వినియోగదారు in-app, email, రెండూ లేదా ఏదీ కాదు అని ఎంచుకోవచ్చు. notify() ఈ ప్రాధాన్యతలను గౌరవించాలి. సర్వర్‌లో మాత్రమే ఉన్న [ENV_NAME] సీక్రెట్ ఉపయోగించి [PROVIDER] ద్వారా ఇమెయిల్ పంపండి. ఒక వినియోగదారుకు 15 నిమిషాలకు ఒకటి కంటే ఎక్కువ ఇమెయిల్ రాకుండా వ్యాఖ్య ఇమెయిళ్లను గుంపు చేయండి.

అవసరమైతే, తర్వాత పుష్:

ఐచ్ఛిక వెబ్ పుష్ జోడించండి. సర్వీస్ వర్కర్‌ను నమోదు చేయండి, VAPID కీలను రూపొందించి ప్రైవేట్ కీని సీక్రెట్‌గా నిల్వ చేయండి. సెట్టింగ్‌లలో "Enable notifications" బటన్ జోడించండి, అది క్లిక్ చేసినప్పుడు మాత్రమే అనుమతి అడగాలి. ప్రతి వినియోగదారు మరియు పరికరానికి సబ్‌స్క్రిప్షన్‌ను నిల్వ చేయండి, వినియోగదారు ఎంచుకున్నప్పుడు notify() నుండి పుష్‌లు పంపండి, మరియు పుష్ సేవ గడువు ముగిసినట్లు నివేదించిన సబ్‌స్క్రిప్షన్‌లను తొలగించండి.

సాధారణ తప్పులు

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

చెక్‌లిస్ట్

• ప్రతిచోటా ఉపయోగించే ఒకే సర్వర్-సైడ్ notify() ఫంక్షన్
• చదివిన స్థితితో నోటిఫికేషన్‌ల పట్టిక, మరియు చదవని సంఖ్యతో బెల్
• ప్రతి రకానికి ఛానల్ ప్రాధాన్యతలు, notify() గౌరవిస్తుంది
• ధృవీకరించబడిన డొమైన్‌తో సర్వర్ నుండి పంపిన ఇమెయిల్; వరుస ఈవెంట్‌లకు డైజెస్ట్ లేదా గుంపు
• వినియోగదారు చర్య తర్వాత మాత్రమే, వివరణతో పుష్ అనుమతి అడగబడుతుంది
• డెస్క్‌టాప్‌లో మరియు యాప్ హోమ్ స్క్రీన్‌కు జోడించిన ఐఫోన్‌లో పుష్ పరీక్షించబడింది
• గడువు ముగిసిన పుష్ సబ్‌స్క్రిప్షన్‌లు తొలగించబడ్డాయి
• పుష్ లేదా ఇమెయిల్ ప్రివ్యూలలో సున్నితమైన కంటెంట్ లేదు
• షెడ్యూల్ చేసిన రిమైండర్‌లకు నమ్మదగిన ట్రిగ్గర్ ఉంది

Mythex లో నోటిఫికేషన్‌లు

మీరు నిర్మించే యాప్‌ల కోసం Mythex లో అంతర్నిర్మిత ఇమెయిల్ లేదా పుష్ సేవ లేదు, కాబట్టి మీ స్వంత ఇమెయిల్ ప్రొవైడర్‌ను తీసుకువస్తారు మరియు మీ స్వంత పుష్ కీలను రూపొందించి, ప్రాజెక్ట్ సీక్రెట్‌లుగా నిల్వ చేస్తారు. ఇన్-యాప్ భాగానికి ప్రాజెక్ట్ డేటాబేస్ మాత్రమే అవసరం, మీరు అడిగినప్పుడు Mythex దాన్ని జోడిస్తుంది. పైన ఉన్నవంటి ప్రాంప్ట్‌లతో నిర్మించండి, Previewలో బెల్ మరియు ఇమెయిల్‌లను పరీక్షించండి, మరియు ప్రచురించిన మీ URL పై పుష్‌ను పరీక్షించండి, ఎందుకంటే సర్వీస్ వర్కర్‌లు మరియు పుష్‌కు నిజమైన HTTPS చిరునామా అవసరం. డాక్స్ రెసిపీ యాప్ నుండి ఇమెయిల్ పంపండి లో ప్రారంభ ప్రాంప్ట్ ఉంది. Mythex షెడ్యూల్ చేసిన జాబ్‌లను డాక్యుమెంట్ చేయదు, కాబట్టి బ్యాక్‌గ్రౌండ్ జాబ్‌లను ఎలా నడపాలి లో వివరించిన విధంగా బాహ్య ట్రిగ్గర్‌తో సమయ-ఆధారిత రిమైండర్‌లు ప్లాన్ చేయండి.

ప్రశ్నలు