Nhúng nội dung 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ợ

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

Nhúng nội dung bằng WebView

API WebView cho phép nhà phát triển truy cập vào các chức năng của một trình duyệt thu nhỏ để hiển thị nội dung trên web trong ứng dụng của bạn. Điều này cho phép bạn cung cấp trải nghiệm dựa trên web dưới dạng một phần cốt lõi hoặc phần hỗ trợ trong ứng dụng của mình, như trong Hình 1.

Ứ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 1. 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).

WebView có thể làm gì?

Sau đây là những việc bạn có thể làm với WebView trong ứng dụng của mình:

Nhúng web: WebView được tích hợp vào giao diện người dùng của ứng dụng dưới dạng một thành phần, tương tự như nút hoặc trường văn bản.

Tải nội dung: WebView có thể tải nội dung web từ nhiều nguồn:

  • URL từ xa: Có thể tìm nạp và hiển thị các trang web trên Internet, giống như một trình duyệt thông thường.
  • Tệp cục bộ: Nó có thể tải các tệp HTML, CSS và JavaScript được lưu trữ trong tài nguyên của ứng dụng.
  • Nội dung được tạo động: Ứng dụng có thể tạo nội dung HTML ngay lập tức và truyền nội dung đó vào WebView.

Kết xuất: WebView sử dụng công cụ trình duyệt của riêng mình để phân tích cú pháp và kết xuất HTML, CSS và JavaScript, hiển thị trang web kết quả trong khu vực được chỉ định trong giao diện người dùng của ứng dụng.

Thực thi JavaScript: WebView có thể thực thi mã JavaScript trong ngữ cảnh của trang web đã tải. Điều này cho phép các hoạt động tương tác và nội dung cập nhật động trong WebView.

Tương tác với ứng dụng gốc: Đây là điểm mà WebView trở nên mạnh mẽ hơn. Thao tác này cho phép giao tiếp hai chiều giữa trang web và ứng dụng.

  • JavaScript sang mã gốc: Mã JavaScript chạy trong WebView có thể gọi các API máy chủ của ứng dụng, cho phép truy cập vào các tính năng của thiết bị như camera, GPS hoặc cảm biến.
  • Từ gốc đến JavaScript: Ứng dụng cũng có thể chèn mã JavaScript vào WebView, thao tác nội dung của trang web hoặc phản hồi các sự kiện do trang web kích hoạt.

WebView khác với một trình duyệt thông thường như Chrome ở điểm nào?

WebView là một thành phần có khả năng tuỳ chỉnh cao, cung cấp chức năng cốt lõi của một cửa sổ vào web. Không giống như trình duyệt (cung cấp phần lớn thanh điều hướng và các nhu cầu khác của người dùng để điều hướng trên web một cách rộng rãi hơn), trải nghiệm tổng thể của WebView được định hình bởi thiết kế và mục đích của ứng dụng.

Để hiểu rõ hơn về sự khác biệt giữa WebView và các trình duyệt tiêu chuẩn, hãy xem phần giải thích sau:

Giao diện người dùng: WebView được dùng để hiển thị nội dung trên web và không có tiêu đề hoặc giao diện người dùng riêng như hầu hết các trình duyệt phổ biến khác (nút trang chủ, thanh URL, chế độ điều hướng, chế độ cài đặt, v.v.)

Tính năng: Nhiều trình duyệt đã tích hợp các tính năng bổ sung để tăng cường trải nghiệm duyệt web, chẳng hạn như dấu trang, quyền hoặc nhật ký.

Bản cập nhật: Vì Android WebView là một dịch vụ hệ thống trên Android, nên các bản cập nhật sẽ được đẩy và tích hợp vào các ứng dụng một cách tự động hằng tháng. Các trình duyệt dựa vào bản cập nhật ứng dụng tương ứng, sau đó người dùng cuối sẽ áp dụng bản cập nhật đó trên thiết bị của họ.

Bắt đầu từ đâu?

Để biết thông tin về cách sử dụng WebView trong ứng dụng, hãy xem bài viết Tạo ứng dụng web trong WebView.

Tài nguyên khác

Để phát triển các trang web cho thiết bị chạy Android bằng cách sử dụng các đối tượng WebView hoặc Thẻ tuỳ chỉnh, hãy xem các tài liệu sau: