XenForo 2.3 & PWA: Biến diễn đàn thành App & "Phủ sóng" thông báo đẩy trên iOS

[PVS]

XenForo 2.3 & PWA: Biến diễn đàn thành App & "Phủ sóng" thông báo đẩy trên iOS

Đã bao lâu rồi bạn mơ ước thành viên nhận được thông báo "Ting ting" trên iPhone mỗi khi có người trả lời bài viết của họ? Trước đây, điều này là bất khả thi nếu không có App riêng. Nhưng với XenForo 2.3, cuộc chơi đã thay đổi.

​

1. PWA trên XenForo 2.3 là gì?​

PWA (Progressive Web App) là công nghệ cho phép website hoạt động như một ứng dụng thực thụ (Native App).
Trong XenForo, đội ngũ phát triển đã tích hợp sẵn khả năng tạo Web App Manifest và Service Worker. Điều này có nghĩa là:

• Người dùng có thể cài đặt diễn đàn của bạn lên điện thoại/máy tính.
• Diễn đàn sẽ xuất hiện với icon riêng trên màn hình chính.
• Khi mở ra, nó chạy full màn hình, ẩn đi thanh địa chỉ của trình duyệt (Chrome/Safari), tạo cảm giác "App" chuyên nghiệp.

2. Bước ngoặt lớn: Push Notification trên iOS (iPhone/iPad)​

Đây là thay đổi giá trị nhất. Trước đây, Push Notification chỉ hoạt động trên Android và Desktop (Chrome/Edge). Người dùng iPhone bị "ra rìa".

Tuy nhiên, với XenForo 2.3 kết hợp cùng bản cập nhật iOS 16.4+ của Apple, diễn đàn của bạn giờ đây có thể gửi thông báo đẩy tới iPhone.

Điều kiện bắt buộc: Người dùng iPhone phải thực hiện thao tác "Add to Home Screen" (Thêm vào màn hình chính). Sau khi thêm, họ sẽ được hệ thống hỏi "Bạn có muốn nhận thông báo không?", và khi đồng ý, Badge (số đỏ trên icon) và thông báo sẽ hoạt động hệt như Zalo hay Facebook.

3. Admin cần cấu hình gì? (Hướng dẫn chính xác)​

Trên XenForo 2.3, bạn không cần cài thêm Add-on. Hãy truy cập:
Admin Control Panel -> Setup -> PWA setup

Tại đây, bạn cần đảm bảo các yếu tố sau để PWA hoạt động chuẩn:

1. Short title: Tên hiển thị dưới icon App (nên để ngắn gọn, dưới 12 ký tự).
2. Theme color: Màu sắc chủ đạo của thanh trạng thái điện thoại khi mở App.
3. Icons: Đây là phần quan trọng nhất. Bạn cần upload đủ 2 kích thước icon chuẩn: 192x192 px và 512x512 px.
   (Lưu ý: Icon phải rõ nét, định dạng PNG để hiển thị đẹp trên màn hình Retina của Apple).
4. HTTPS: Bắt buộc. Service Worker của PWA chỉ chạy trên giao thức bảo mật HTTPS.

4. Chiến lược giáo dục người dùng​

Tính năng này rất hay nhưng người dùng iPhone thường không biết cách dùng (vì họ quen tải App trên Store). Bạn nên tạo một thông báo (Notice) hiển thị riêng cho trình duyệt Safari trên iOS với hướng dẫn:

"Để trải nghiệm diễn đàn nhanh hơn và nhận thông báo khi có người trả lời: Hãy nhấn vào nút Chia sẻ (Share) ở dưới trình duyệt Safari -> Chọn Thêm vào MH chính (Add to Home Screen)."

5. Kết luận​

Với XenForo 2.3, ranh giới giữa Website và App đã bị xóa nhòa. Bạn không cần tốn hàng nghìn đô la để thuê code App Mobile nữa. Hãy tận dụng PWA để giữ chân thành viên và kéo họ quay lại diễn đàn thông qua những thông báo đẩy kịp thời.

VNXF.VN​

 

Bài viết chỉ thể hiện quan điểm cá nhân của tác giả và mang tính tham khảo. Chúng tôi không chịu trách nhiệm cho bất kỳ rủi ro nào phát sinh từ việc sử dụng thông tin trong bài viết.