Sử dụng nội dung web trong ứng dụng Android

Android cho phép bạn, với tư cách là nhà phát triển, khai thác sức mạnh của web trong các ứng dụng của mình, nhờ đó, bạn có thể hưởng lợi từ tính linh hoạt và hiệu quả khi có thể hiển thị một số loại nội dung.

Điều này cho phép bạn tích hợp liền mạch nội dung web hiện có vào ứng dụng Android gốc, chẳng hạn như để hiển thị nguồn cấp tin tức, hướng dẫn tương tác, quảng cáo hoặc thậm chí lưu trữ một trò chơi nhỏ mà không cần xây dựng mọi thứ từ đầu. Hãy coi đây là một cửa sổ kết nối với Internet ngay trong ứng dụng của bạn. Có 2 cách để nhúng nội dung web vào ứng dụng:

  • WebView: Thành phần này hiển thị nội dung web mà bạn kiểm soát nội tuyến ở nơi bạn muốn có mức độ linh hoạt cao trong việc tuỳ chỉnh hoặc cập nhật giao diện người dùng.
  • Thẻ tuỳ chỉnh: Trải nghiệm duyệt web đầy đủ trong ứng dụng do trình duyệt mặc định của người dùng cung cấp (xem phần hỗ trợ trình duyệt) khi người dùng nhấp vào một đường liên kết và bạn muốn giữ họ trong ứng dụng thay vì chuyển sang một trình duyệt bên ngoài, với phần lớn trải nghiệm duyệt web có sẵn.
Ứng dụng Android mở ra Google Play, trong đó khung hiển thị web chính được đánh dấu bằng một hộp màu đỏ. Thẻ tuỳ chỉnh mở ra trang web Android For Developers, được đánh dấu bằng một hộp màu đỏ.
Hình 1. WebView (bên trái) và Thẻ tuỳ chỉnh (bên phải) được đánh dấu bằng màu đỏ.

Tại sao nên nhúng nội dung trên web?

  • Hiệu quả: Sử dụng lại mã hiện có trên trang web của bạn. Xây dựng dựa trên các công nghệ và nội dung hiện có trên web.
  • Tích hợp: Tận dụng nội dung bên ngoài của các nhà cung cấp bên thứ ba, chẳng hạn như Nội dung nghe nhìn, Quảng cáo, trong ứng dụng của bạn.
  • Tính linh hoạt: Cập nhật nội dung một cách linh động mà không bị giới hạn trong giao diện người dùng được xác định trước hoặc không cần phát hành bản cập nhật ứng dụng.

Khi nào nên sử dụng nội dung trên web?

Có 3 trường hợp sử dụng chính để sử dụng Web trong ứng dụng Android:

1. Nhúng nội dung trên web vào ứng dụng của bạn dưới dạng nội dung chính hoặc nội dung hỗ trợ: Sử dụng WebView

  • Hiển thị nội dung web của riêng bạn dưới dạng nội dung chính khi bạn muốn có mức độ linh hoạt cao trong việc tuỳ chỉnh hoặc cập nhật giao diện người dùng.
  • Hiển thị nội dung khác như quảng cáo, điều khoản và quy định pháp lý hoặc nội dung khác của bên thứ ba dưới dạng nội tuyến hoặc dưới dạng cửa sổ trong trải nghiệm ứng dụng của bạn.
Ứng dụng Android mở ra Google Play, trong đó khung hiển thị web chính được đánh dấu bằng một hộp màu đỏ Ứng dụng Android mở ra với văn bản hỗ trợ bên trong một hộp màu đỏ.
Hình 2. Nội dung web được nhúng trong ứng dụng bằng WebView làm nội dung chính (bên trái) và nội dung hỗ trợ (bên phải).

2. Duyệt web trong ứng dụng bằng Thẻ tuỳ chỉnh hoặc WebView cho các trường hợp sử dụng nâng cao hơn

  • Mang đến trải nghiệm duyệt web đầy đủ trong ứng dụng khi người dùng nhấp vào một đường liên kết và bạn muốn giữ họ trong ứng dụng thay vì chuyển sang một trình duyệt bên ngoài.
    • Lưu ý: Đối với các thiết bị có màn hình lớn như máy tính bảng và thiết bị có thể gập lại, có thêm các lựa chọn để giúp ứng dụng tận dụng không gian bổ sung:
    • Các ứng dụng có thể mở đường liên kết trên web ở chế độ chia đôi màn hình bằng cách khởi chạy một trải nghiệm nhiều cửa sổ liền kề. Điều này cho phép người dùng thực hiện nhiều việc cùng lúc giữa ứng dụng của bạn và một trình duyệt. HOẶC
    • Thẻ tuỳ chỉnh có một lựa chọn bảng điều khiển bên có thể mở trong cùng một tác vụ, nhưng bên cạnh nội dung ứng dụng hiện có của bạn.
  • Thẻ tuỳ chỉnh được hỗ trợ bởi trình duyệt mặc định của người dùng, đối với những trình duyệt hỗ trợ Thẻ tuỳ chỉnh.
    • Mặc dù có thể sử dụng WebView và mang đến trải nghiệm duyệt web trong ứng dụng có khả năng tuỳ chỉnh cao, nhưng bạn nên dùng Thẻ tuỳ chỉnh để có trải nghiệm duyệt web sẵn có và chuyển đổi liền mạch khi người dùng muốn mở một đường liên kết trên web trong trình duyệt.
Trang web có đường liên kết trong ứng dụng trong hộp màu đỏ ở bên trái và trình duyệt trong ứng dụng xuất hiện ở bên phải.
Hình 3. Nhấp vào một đường liên kết trong ứng dụng (bên trái) và mở một trình duyệt trong ứng dụng (bên phải).

3. Luồng đăng nhập hoặc xác thực trong ứng dụng của bạn

Phương pháp được Android đề xuất là tạo quy trình đăng nhập hoặc xác thực bằng Trình quản lý thông tin xác thực. Nếu bạn thấy mình vẫn cần sử dụng Embedded Web cho những trải nghiệm này, hãy tham khảo hướng dẫn sau:

  • Một số ứng dụng sử dụng WebView để cung cấp quy trình đăng nhập cho người dùng, bao gồm cả việc sử dụng tên người dùng và khoá truy cập (hoặc mật khẩu) dành riêng cho ứng dụng của bạn. Điều này cho phép nhà phát triển hợp nhất các quy trình xác thực trên nhiều nền tảng.
  • Khi liên kết đến một nhà cung cấp danh tính hoặc trải nghiệm đăng nhập của bên thứ ba, chẳng hạn như "Đăng nhập bằng…", bạn nên sử dụng Thẻ tuỳ chỉnh. Việc chạy Thẻ tuỳ chỉnh đảm bảo thông tin đăng nhập của người dùng vẫn được bảo vệ và tách biệt với trang web của bên thứ ba.

Để biết thêm thông tin về cách tận dụng WebView để xác thực, hãy xem bài viết Xác thực người dùng bằng WebView. Để biết cách chạy Thẻ tuỳ chỉnh, hãy xem phần Tổng quan về Thẻ tuỳ chỉnh trên Android.

Trường đăng nhập trong ứng dụng có WebView ở bên trái. Đăng nhập qua bên thứ ba bằng Thẻ tuỳ chỉnh ở bên phải.
Hình 4. Trường đăng nhập trong ứng dụng (bên trái) và một trường đăng nhập qua bên thứ ba được mở trong Thẻ tuỳ chỉnh (bên phải).