Аппдаа мэдэгдэл нэмэх хэрхэн вэ: апп доторх, имэйл ба push

Вэб аппд мэдэгдэл нэмэхийн тулд апп дотор мэдэгдэл-ээс эхэл: өгөгдлийн сан дахь мэдэгдлийн хүснэгт, уншаагүй зүйлийг харуулах хонхны дүрс. Хүмүүс таныг байхгүй үед мэдэх ёстой зүйлд имэйл нэм, имэйл үйлчилгээ ашиглан. Харин web push-ийг зөвхөн цаг алдахгүй сэрэмжлүүлэг чухал үед нэм, учир нь энэ нь service worker, хэрэглэгчийн зөвшөөрөл, iPhone дээр аппыг Home Screen-д хадгалах шаардлагатай. Ямар суваг ашигласан ч мэдэгдлийг нэг газар, серверт үүсгэж, хэрэглэгчид өөрсдөө юу хүлээн авахаа сонгох боломжийг өг.

Энэ гарын авлага сувгуудыг харьцуулж, энгийн архитектурыг харуулж, AI app builder-т ашиглах запрууд өгнө.

Гол сувгуудыг харьцуулах

Ихэнх апп апп доторх болон имэйлийг хамт ашигладаг. Push болон SMS нь цаг хугацаа үнэхээр чухал үед, жишээ нь захиалгын сануулга эсвэл бэлэн болсон захиалга, л зохино.

Мэдэгдлийн систем хэрхэн нийлдэг вэ

Энгийн бөгөөд төвлөрсөн байлгана:

1. Ямар нэг зүйл тохиолдоно. Сэтгэгдэл бичигдэнэ, төлбөр амжилтгүй болно, захиалга маргааш байна.
2. Таны сервер нэг функц дуудна, жишээ нь notify(user, type, data).
3. Тэр функц хэрэглэгчийн тохиргоог шалгаж, notifications хүснэгтэд мөр бичнэ (хонхны төлөө).
4. Дараа нь тухайн төрлийн мэдэгдлийг асаасан бусад сувагт илгээнэ: имэйлийг таны үйлчилгээ үзүүлэгчээр, push-ийг Push API-аар.
5. Фронтэнд уншаагүй мэдэгдлийг харуулж, нээхэд уншсан гэж тэмдэглэнэ.

Нэг нэвтрэх цэг байвал суваг нэмэх, мессежийн текстийг өөрчлөх, хэрэглэгчийн тохиргоог дагах нь кодын бүх хэсгийг хайхгүйгээр боломжтой.

Юуг хадгалах вэ

Мэдэгдлийн хүснэгтэд ихэвчлэн: хэрэглэгчийн ID, төрөл (жишээ нь comment_reply), богино гарчиг ба агуулга, холбогдох хуудасны линк, үүсгэсэн цаг, уншсан цаг хэрэгтэй. Тусдаа тохиргооны хүснэгт нь хэрэглэгч төрөл бүрт аль сувгийг хүсэж байгааг хадгална.

Шинэ мэдэгдлийг харуулах нь

• Хуудас нээгдэх үед ачаалах, 30–60 секунд тутамд шалгах (poll). Энгийн бөгөөд найдвартай.
• Бодит цагийн шинэчлэл WebSocket эсвэл server-sent events-ээр мөн шууд мэт санагдана, гэхдээ хөдөлгөөнт хэсэг нэмнэ. Шууд шинэчлэл чухал биш бол poll-оор эхэл.

Имэйл мэдэгдэл

Имэйлд илгээх үйлчилгээ болон баталгаажсан домэйн хэрэгтэй; дэлгэрэнгүйг аппаасаа имэйл илгээх хуудаснаас үзнэ үү. Мэдэгдлийн хувьд:

• Серверээс илгээ, браузерт үйлчилгээний түлхүүр хэзээ ч бүү тавь.
• Олон удаа болдог үйл явдлуудыг багцлаарай. "3 шинэ сэтгэгдэл" гэж нэг имэйл гурван имэйлээс илүү сайн.
• Чухал биш үйл ажиллагаанд өдрийн эсвэл долоо хоногийн дайжест санал болго.
• Чухал биш имэйлд тохиргоо эсвэл захиалгаас татгалзах линк нэм. Маркетингийн имэйлийн дүрэм улс бүрт өөр байдаг; таны хувьд ямар дүрэм хамаарахыг шалга.

Web push мэдэгдэл

Web push нь таны сайтад апп-ын мэдэгдэл шиг харагдах сэрэмжлүүлэг илгээх боломж өгнө. MDN-ийн Push API баримтын дагуу энэ нь ингэж ажилладаг:

1. Таны сайт service worker бүртгэнэ — хөтөч арын горимд ажиллуулж чаддаг скрипт.
2. Хэрэглэгч зөвшөөрсний дараа service worker PushManager.subscribe()-ээр бүртгүүлнэ. Хөтөч endpoint болон шифрлэлтийн түлхүүртэй subscription буцаана.
3. Таны сервер тэр subscription-ийг хадгалж, ямар нэг зүйл болоход endpoint руу мессеж илгээнэ, ихэвчлэн VAPID түлхүүрээр гарын үсэг зурсан (таны серверийг таних түлхүүрийн хос).
4. Хөтөч таны service worker-ийг эхлүүлнэ, тэр нь хуудас нээлттэй биш байсан ч мэдэгдлийг харуулна.

MDN мөн endpoint-ийг нууцлах ёстойг анхааруулдаг, учир нь түүнийг мэдэх нь тухайн хэрэглэгч рүү мессеж илгээх хангалттай нөхцөл юм.

iPhone ба iPad

WebKit iOS болон iPadOS 16.4-өөс эхлэн вэб аппуудад Web Push нэмсэн, мэдэгдлийн нийтлэлд дурдсан хоёр нөхцөлтэй: сайтыг Home Screen-д нэмсэн байх ёстой, мөн зөвшөөрлийг хэрэглэгчийн үйлдлийн хариуд — Subscribe товчлуур дээр дарсны дараа — асуух ёстой. Иймд iPhone дээр push зөвхөн вэб аппаа суулгасан хэрэглэгчдэд хүрнэ. Вэб апп суулгах гэдэг юу болохыг уугуул апп ба прогрессив вэб апп хуудаснаас харна уу.

Зөвшөөрөл зөв асуух нь

Анх зочлох үед асуу гэж бүү хий. Эхлээд давуу талыг тайлбарла ("Хичээлээсээ нэг цагийн өмнө сануулга авах"), дараа нь хэрэглэгч товчлуур дарах үед хөтчийн асуултыг харуул. Хэрэв хэн нэгэн татгалзвал хөтөч дахин асуулт гаргахыг зөвшөөрөхгүй байж магадгүй, тиймээс цаг нь бус асуулт хэрэглэгчийг бүр мөнх алдаж болно.

Товлосон мэдэгдэлд тригер хэрэгтэй

"24 цагийн өмнө сануулга" эсвэл "Даваа бүр долоо хоногийн тойм" гэдэгт товлосон ажил хэрэгтэй. Энэ нь арын ажлын асуудал бөгөөд арын ажлыг хэрхэн ажиллуулах хуудсанд тайлбарласан. Түгээмэл загвар: гадаад товлогч хамгаалагдсан endpoint-ийг хэдэн минут тутамд дуудаж, тэр endpoint хугацаа нь болсон бүх зүйлийг илгээнэ.

AI builder-т өгөх запрууд

Эхлээд апп доторх мэдэгдлээр эхэл:

Апп доторх мэдэгдэл нэм. notifications хүснэгт үүсгэ (user, type, title, body, link, created_at, read_at). Бүх функц дууддаг notify(userId, type, data) серверийн функц нэм. Толгойд уншаагүй тооны хонхны дүрс, хамгийн сүүлийн 20-ийн dropdown, "Бүгдийг уншсан гэж тэмдэглэх" товчлуур нэм. 60 секунд тутамд шинэ мэдэгдэл шалга.

Дараа нь тохиргоо ба имэйл:

Мэдэгдлийн тохиргоо нэм: төрөл бүрт (сэтгэгдлийн хариу, дурдалт, биллинг) хэрэглэгч апп доторх, имэйл, хоёуланд нь, эсвэл огт алийг нь сонгох боломжтой байг. notify() эдгээрийг дагах ёстой. [PROVIDER]-ээр имэйл илгээ, [ENV_NAME] нууц мэдээллийг зөвхөн серверт ашигла. Сэтгэгдлийн имэйлүүдийг бүлэглэж, нэг хэрэглэгчид 15 минутад хамгийн ихдээ нэг имэйл очдог болго.

Дараа нь push, хэрэв хэрэгтэй бол:

Сонгомжтой web push нэм. Service worker бүртгэ, VAPID түлхүүр үүсгэж, хувийн түлхүүрийг нууц мэдээлэл болгон хадгал. Тохиргоонд "Мэдэгдэл идэвхжүүлэх" товчлуур нэм, зөвшөөрөл зөвхөн товчлуур дарсан үед асуугдана. Subscription бүрийг хэрэглэгч ба төхөөрөмж тус бүрээр хадгал, хэрэглэгч сонгосон үед notify()-оос push илгээ, push үйлчилгээ хугацаа дууссан гэж мэдэгдсэн subscription-уудыг устга.

Түгээмэл алдаанууд

• Мэдэгдэл код даяар тараагдсан. Функц бүр имэйлээ өөрөөр илгээж, тохиргоо үл тоомсорддог. Нэг notify() функц ашигла.
• Push зөвшөөрлийг хуудас ачаалахад асуух. Ихэнх хүн татгалздаг бөгөөд дахин боломж олдохгүй байж магадгүй.
• Тохиргоо байхгүй. Чимээ шуугантай сэрэмжлүүлгээ унтрааж чадахгүй хэрэглэгчид бүгдийг нь унтраадаг эсвэл явдаг.
• Браузераас илгээх. Имэйл ба push-ийн түлхүүрүүд серверт байх ёстой.
• Хугацаа дууссан push subscription-уудыг цэвэрлээгүй. Хугацаа дууссан subscription-ууд хуримтлагдаж, илгээлтийг үрдэг.
• Мэдэгдлийн текстэд нууц мэдээлэл. Түгжигдсэн дэлгэцэд харагддаг. "Танд шинэ мессеж байна" гэж бичих нь мессежийн агуулгаас илүү аюулгүй.
• Юу илгээснийг бүртгэхгүй байх. Хэрэглэгч "имэйл авсангүй" гэвэл провайдерийн мессежийн ID-тай лог нь шалтгааныг олоход тусална.

Жагсаалт

• Серверт нэг notify() функц бүх газар ашиглагдсан
• Уншсан төлөвтэй мэдэгдлийн хүснэгт, уншаагүй тоотой хонх
• Төрөл бүрийн сувгийн тохиргоо, notify() дагадаг
• Имэйл серверээс, баталгаажсан домэйнээр илгээгддэг; олон удаа болдог үйл явдлыг дайжест эсвэл бүлэглэлтээр
• Push зөвшөөрлийг зөвхөн хэрэглэгчийн үйлдлийн дараа, тайлбартай асуудаг
• Push-ийг компьютер дээр болон Home Screen-д нэмсэн iPhone дээр туршсан
• Хугацаа дууссан push subscription-уудыг устгадаг
• Push эсвэл имэйлийн урьдчилан харагдах хэсэгт нууц агуулга байхгүй
• Товлосон сануулгад найдвартай тригер байдаг

Mythex дээрх мэдэгдэл

Mythex таны бүтээсэн аппд имэйл эсвэл push үйлчилгээ суулгаж өгдөггүй, тиймээс өөрийн имэйл үйлчилгээ үзүүлэгчийг авч ирж, push түлхүүрээ өөрөө үүсгэн төслийн нууц мэдээлэл болгон хадгална. Апп доторх хэсэгт зөвхөн таныг асуусан үед Mythex нэмдэг төслийн өгөгдлийн сан хэрэгтэй. Дээрх запрууд ашиглан бүтээж, хонх болон имэйлийг Preview дээр туршаарай; service worker болон push жинхэнэ HTTPS хаягтай байх ёстой тул push-ийг нийтэлсэн URL дээр туршаарай. Docs-ийн аппаасаа имэйл илгээх жор эхлэх запртай. Mythex товлосон ажлыг баримтжуулаагүй, тиймээс цаг товлосон сануулгыг арын ажлыг хэрхэн ажиллуулах хуудсанд тайлбарласнаар гадаад тригертэй төлөвлө.

Асуултууд