ỨNG DỤNG PWA – GÓC CỦA TIỄN

Chào mọi người,

Trước đây mình từng có ý định sẽ phát triển riêng một ứng dụng di động (App) cho website. Tuy nhiên, có lẽ kế hoạch này sẽ phải đợi thêm một thời gian nữa.

Từ đầu năm 2026 đến giờ, ngoài công việc chính ở công ty, mình còn đang thực hiện thêm một vài dự án cá nhân khác. Vì vậy mỗi ngày mình chỉ tranh thủ được khoảng 1 tiếng để vừa code/ edit truyện. Quỹ thời gian khá ít nên hiện tại mình muốn ưu tiên hoàn thiện website trước để mọi người có trải nghiệm ổn định nhất.

Dù vậy, mình biết rất nhiều bạn thường đọc truyện bằng điện thoại và đã quen với cảm giác mở ứng dụng thay vì phải vào trình duyệt mỗi lần. Vì thế mình đã bổ sung PWA (Progressive Web App) cho website.

Nói đơn giản thì PWA không phải là một ứng dụng tải từ CH Play hay App Store, nhưng sau khi cài đặt, trải nghiệm sử dụng sẽ gần giống như một app thật.

PWA có những lợi ích gì?

Sau khi cài đặt thành công, bạn sẽ có:

1/ Mở nhanh như ứng dụng

Website sẽ có biểu tượng (icon) ngay trên màn hình chính điện thoại hoặc Desktop. Chỉ cần chạm vào icon là có thể vào đọc truyện ngay, không cần mở trình duyệt rồi nhập địa chỉ website.

2/ Khởi động nhanh hơn

Sau lần truy cập đầu tiên, các tài nguyên cần thiết sẽ được lưu lại để những lần mở sau tải nhanh và mượt hơn.

3/ Giao diện giống ứng dụng

PWA hoạt động ở chế độ toàn màn hình hoặc gần như toàn màn hình (tùy thiết bị), giúp trải nghiệm liền mạch hơn so với mở website thông thường.

4/ Luôn đồng bộ dữ liệu

Mọi dữ liệu đều lấy trực tiếp từ website nên:

• Không cần đăng ký tài khoản mới.
• Không ảnh hưởng đến tài khoản hiện tại.
• Truyện, bình luận, lịch sử đọc, thông báo... luôn được cập nhật giống như khi truy cập trên web.

5/ Hỗ trợ nhận thông báo

Nếu bạn cho phép nhận thông báo, website có thể gửi thông báo khi có những nội dung quan trọng như:

• Chương mới.
• Thông báo từ hệ thống.
• Các sự kiện hoặc cập nhật mới trong tương lai.

(Bạn hoàn toàn có thể bật hoặc tắt thông báo bất cứ lúc nào trong phần Tài khoản.)

Hướng dẫn cài đặt

Android (Chrome, Edge...)

Bước 1

Mở website bằng trình duyệt Chrome.

Bước 2

Nhấn biểu tượng ⋮ (ba chấm) hoặc nút Chia sẻ ở cạnh thanh địa chỉ.

Bước 3

Chọn Xem thêm (View more)

Bước 4

Chọn: Cài đặt ứng dụng (Install app)

hoặc Thêm vào màn hình chính (Add to Home Screen)

(Tên có thể hơi khác nhau tùy phiên bản trình duyệt.)

Bước 5

Nhấn Cài đặt hoặc Thêm để hoàn tất.

Sau khi cài đặt xong, ngoài màn hình chính sẽ xuất hiện biểu tượng của Góc Của Tiễn, từ giờ chỉ cần chạm vào icon là có thể đọc truyện ngay.

iPhone / iPad (Safari)

1. Mở website bằng Safari.
2. Nhấn nút Chia sẻ (Share).
3. Chọn Thêm vào Màn hình chính (Add to Home Screen).
4. Nhấn Thêm (Add) để hoàn tất.

Máy tính (Chrome, Edge...)

Khi truy cập website, nếu trình duyệt hỗ trợ PWA, bạn sẽ thấy biểu tượng Cài đặt ứng dụng ở cạnh thanh địa chỉ.

Chỉ cần nhấn Install là website sẽ hoạt động như một ứng dụng độc lập trên máy tính.

Một vài lưu ý

• PWA không phải ứng dụng tải từ CH Play hoặc App Store.
• Không chiếm nhiều dung lượng như app thông thường.
• Muốn gỡ chỉ cần xóa biểu tượng ứng dụng là được.
• Dữ liệu tài khoản vẫn được đồng bộ với website như bình thường.
• Nếu sau này website có thêm tính năng mới, PWA cũng sẽ tự cập nhật mà bạn không cần cài lại.

P/S

Mình vốn không giỏi về thiết kế giao diện nên phần PWA hiện tại nhìn vẫn còn khá đơn giản. Ngay cả mấy ảnh hướng dẫn bên trên mình cũng chỉ làm tạm bợ bằng Paint nên nhìn hơi không chuyên nghiệp. Mong mọi người thông cảm.  

Hy vọng sau khi hoàn thành phần PWA này mình có thể quay lại tập trung edit truyện nhiều hơn. Thật ra mình cũng thèm ngồi đọc truyện lắm, nhưng dòng đời đưa đẩy nên mấy tháng nay toàn ngồi... viết code.

Tiễn