thảo luận Về Push Notification cho PWA (Progressive Web Application)

alovtc · 29/11/23

Lâu em mới quay lại code tí. Do không biết làm mobile app (React, Flutter, Ionic...) nên chỉ xài Javascript :LOL:

. Bác nào làm cái này rồi chỉ e với, em muốn đẩy tin nhắn từ web app lên tất cả các tk đang login được chọn trên mobile. Làm hoài chỉ push lên màn hình desktop chứ mobile không nhận được tin nhắn.

P/S: Các bác có giải pháp khác về push notification từ web app lên mobile device không ạ ?

bacXiu2408 · 29/11/23

dùng firebase đi bác

alovtc · 29/11/23

bacXiu2408 đã nói:
dùng firebase đi bác

e đang dùng Firebase mà nó ko báo trên điện thoại

buonnguqua10 · 29/11/23

alovtc đã nói:
e đang dùng Firebase mà nó ko báo trên điện thoại

Đòi Request permission chưa ?

js13kGames: Make PWAs re-engageable using Notifications and Push APIs - Progressive web apps | MDN

Having the ability to cache the contents of an app to work offline is a great feature. Allowing the user to install the web app on their device is even better. But instead of relying only on user actions, we can do more, using push messages and notifications to automatically re-engage and...

developer.mozilla.org

alovtc · 29/11/23

buonnguqua10 đã nói:
Đòi Request permission chưa ?

js13kGames: Make PWAs re-engageable using Notifications and Push APIs - Progressive web apps | MDN

Having the ability to cache the contents of an app to work offline is a great feature. Allowing the user to install the web app on their device is even better. But instead of relying only on user actions, we can do more, using push messages and notifications to automatically re-engage and...

developer.mozilla.org

Làm hết rồi bác ơi, nó chỉ notification trên máy tính. Còn đt im re, dù đã Allow Notification

vi_tieu_bao · 29/11/23

chấm hóng, bác có share app với code đc ko

huyndx · 29/11/23

Android trên 12 phải tự request post notification permission (viết bằng code android native) mình dùng firebase native viết code thông báo luôn cho tiện luôn cho tiện. Lúc gởi firebase message thì gởi notify payload thì đỡ code thông báo. Còn gởi data payload thì phải code thông báo trong firebase service.
Tự tìm hiểu

alovtc · 29/11/23

vi_tieu_bao đã nói:
chấm hóng, bác có share app với code đc ko

e ko có app bác ơi, vì ko biết làm. Chỉ làm web app rồi cấu hình manifest lại: https://app.kintech.asia

alovtc · 29/11/23

huyndx đã nói:
Android trên 12 phải tự request post notification permission (viết bằng code android native) mình dùng firebase native viết code thông báo luôn cho tiện luôn cho tiện. Lúc gởi firebase message thì gởi notify payload thì đỡ code thông báo. Còn gởi data payload thì phải code thông báo trong firebase service.
Tự tìm hiểu

Thanks fen đã góp ý. Cơ mà cảm thấy còn rối hơn đọc docs với coi youtube nữa.

kikokiko00 · 29/11/23

Bạn đẩy code lên git rồi đẩy link qua đây thì còn dễ debug hộ. Chứ hỏi sơ sơ thế này khó bắt bệnh lắm

alovtc · 29/11/23

kikokiko00 đã nói:
Bạn đẩy code lên git rồi đẩy link qua đây thì còn dễ debug hộ. Chứ hỏi sơ sơ thế này khó bắt bệnh lắm

Cái push notification này mình mới dừng ở việc test mấy cái share trên mạng. Do test chưa được nên chưa đẩy vô code.
Bác nào từng làm mình xin cái demo để test thử cũng được.

kikokiko00 · 29/11/23

alovtc đã nói:
Cái push notification này mình mới dừng ở việc test mấy cái share trên mạng. Do test chưa được nên chưa đẩy vô code.
Bác nào từng làm mình xin cái demo để test thử cũng được.

Thế thì bạn phải chịu khó debug kĩ rồi hãy lên đây hỏi. Ít nhất thì cũng có kiến thức kinh nghiệm sơ sơ thì sẽ dễ ra vấn đề hơn. Nhiều ông cứ làm theo hướng dẫn ko chạy được lại chưa tìm hiểu kĩ đã hỏi loạn lên thì rất khó giúp. Mình nghĩ bạn ko giống mấy ông này

buonnguqua10 · 29/11/23

huyndx đã nói:
Android trên 12 phải tự request post notification permission (viết bằng code android native) mình dùng firebase native viết code thông báo luôn cho tiện luôn cho tiện. Lúc gởi firebase message thì gởi notify payload thì đỡ code thông báo. Còn gởi data payload thì phải code thông báo trong firebase service.
Tự tìm hiểu

Hắn viết web PWA bằng JS, chứ có phải viết app Android Native đâu :shame:

alovtc · 29/11/23

kikokiko00 đã nói:
Thế thì bạn phải chịu khó debug kĩ rồi hãy lên đây hỏi. Ít nhất thì cũng có kiến thức kinh nghiệm sơ sơ thì sẽ dễ ra vấn đề hơn. Nhiều ông cứ làm theo hướng dẫn ko chạy được lại chưa tìm hiểu kĩ đã hỏi loạn lên thì rất khó giúp. Mình nghĩ bạn ko giống mấy ông này

Nghĩ sao cũng được, mình ko quan trọng lắm. Mò nó ko ra nên hỏi thôi: GitHub - gauntface/simple-push-demo: A simple example of use push notifications on the web using Service Workers (https://github.com/gauntface/simple-push-demo)

Simple Push Demo

simple-push-demo.vercel.app

asdfg6543 · 29/11/23

. Đặt gạch hóng. Dự án cũ cũng dùng firebase

kikokiko00 · 29/11/23

Lâu ko code phần này nhưng nhớ là mobile push và web push là 2 app khác nhau. Quan trọng là bạn lắm được bản chất và biết cách debug thì sẽ dễ khoanh vùng hơn. Bản chất của cơ chế này sẽ có 2 step. Bước đầu tiên là connect đến app và register được device token. Bước thứ 2 là server sẽ push data bằng token device đã đăng ký từ trước. Nên bạn cần đặt log để track xem nó đang stuck ở bước nào. Trên mobile còn có 1 cái đặc biệt là phải biết đặt log ở backgroud process. Xem thử xem data có bắn về background process ko nhé

kikokiko00 · 29/11/23

Trên google services cũng có phần bắn test data từ app về mobile. Bạn check thử xem có data bắn về background process ko để khoanh vùng vấn đề nhé

huyndx · 29/11/23

buonnguqua10 đã nói:
Hắn viết web PWA bằng JS, chứ có phải viết app Android Native đâu

À tại bảo Mobile tưởng làm Flutter Native. Mobile web push thì rất trên trời dưới đất. Không hỗ trợ Edge, IOS. Chrome Mobile và Samsung, Firefox thì okie nhưng lâu lâu webservice vẫn bị tắt không push được nên ít người dùng. Code nó y chang push firebase trên pc thôi. Có lỗi thì debug, bên mobile hàm tạo thông báo nó khác thì phải.

ngaho030599 · 29/11/23

alovtc đã nói:
e đang dùng Firebase mà nó ko báo trên điện thoại

Bác dùng android hay ios, ios phải bản 16.14 trở lên nhé và turn on notification api trong setting

alovtc · 30/11/23

ngaho030599 đã nói:
Bác dùng android hay ios, ios phải bản 16.14 trở lên nhé và turn on notification api trong setting

e test trên android bác ạ.

thảo luận Về Push Notification cho PWA (Progressive Web Application)

Member

Junior Member

Member

Member

Member

Senior Member

Senior Member

Member

Member

Senior Member

Member

Senior Member

Member

Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Member

Chủ đề tương tự

Thống kê chủ đề

Chia sẻ trang này