PhoneGap: bản chất, tính năng và tạo ứng dụng trên nền tảng Adobe

PhoneGap là gì?

PhoneGap là một nền tảng phát triển ứng dụng di động, được tạo ra ban đầu bởi Nitobi Software vào năm 2009. Năm 2011, Adobe mua lại Nitobi và phát hành PhoneGap như một sản phẩm thương mại, chuyển phần lõi framework cho Apache Software Foundation dưới tên Cordova.

Lịch sử và sự phát triển

PhoneGap được tạo ra tại hội nghị iPhoneDevCamp năm 2008, nơi các nhà phát triển Nitobi Software trình diễn công nghệ bọc ứng dụng web trong một vùng chứa gốc. Phiên bản công khai đầu tiên ra mắt năm 2009 và ngay lập tức thu hút sự chú ý của cộng đồng nhà phát triển web đang tìm cách thâm nhập thị trường di động mà không cần học Objective-C.

Cải tiến chính của PhoneGap là các nhà phát triển có thể sử dụng công nghệ web quen thuộc — HTML, CSS và JavaScript — để tạo ứng dụng cài đặt trên thiết bị thông qua cửa hàng ứng dụng và có quyền truy cập vào các tính năng gốc: máy ảnh, GPS, danh bạ và gia tốc kế.

Theo Adobe Developer Relations (2015), vào thời kỳ đỉnh cao, hơn 600 nghìn nhà phát triển trên toàn thế giới đã sử dụng PhoneGap. Nền tảng này đặc biệt phổ biến trong các studio web và freelancer muốn mở rộng danh mục đầu tư với các dự án di động mà không cần thuê kỹ sư iOS và Android.

Sự khác biệt giữa PhoneGap và Apache Cordova

Sự khác biệt chính giữa PhoneGap và Apache Cordova nằm ở mô hình phân phối và các dịch vụ bổ sung. Cordova là một framework mã nguồn mở thuần túy do Apache Foundation quản lý, trong khi PhoneGap là bản phân phối thương mại với các tính năng độc quyền của Adobe.

Lợi thế chính và sự khác biệt thương mại quan trọng của PhoneGap so với Apache Cordova là dịch vụ PhoneGap Build, đảm nhận giai đoạn biên dịch. Nhà phát triển tải tệp nguồn lên máy chủ Adobe, chọn nền tảng mục tiêu và nhận tệp nhị phân sẵn sàng mà không cần cài đặt Android SDK, Xcode hay các công cụ xây dựng liên quan.

Ngoài ra, PhoneGap bao gồm tích hợp với Adobe Creative Cloud, cho phép nhà thiết kế xuất bố cục từ Photoshop trực tiếp vào cấu trúc dự án PhoneGap. Tính năng này được ưa chuộng trong các nhóm nhỏ không có nhà phát triển di động chuyên trách.

PhoneGap Build: xây dựng ứng dụng trên đám mây

PhoneGap Build là dịch vụ web của Adobe biên dịch mã nguồn ứng dụng PhoneGap/Cordova thành tệp cài đặt cho iOS (.ipa), Android (.apk), Windows Phone (.xap) và các nền tảng khác. Người dùng không cần cài đặt SDK của hệ điều hành mục tiêu trên máy tính của mình.

Quy trình xây dựng gồm ba bước: nhà phát triển lưu trữ dự án (hoặc chỉ vào kho Git), tải lên build.phonegap.com và chọn nền tảng. Trong vài phút, máy chủ trả về tệp nhị phân sẵn sàng để tải lên cửa hàng ứng dụng.

PhoneGap Build hỗ trợ hai loại đăng ký: miễn phí (tối đa 2 ứng dụng, xây dựng công khai) và trả phí (tối đa 25 ứng dụng, xây dựng riêng tư, biểu tượng và chứng chỉ tùy chỉnh). Đối với iOS, cần có chứng chỉ ký của Apple Developer Program mà người dùng tải lên tài khoản cá nhân. Cơ chế của Build rất đơn giản: người dùng gửi tệp ZIP hoặc chỉ vào kho Git, máy chủ tự động xác định nền tảng và trả về tệp nhị phân sẵn sàng qua bảng điều khiển.

Theo Adobe Blog (2017), hơn 500 nghìn bản dựng đã đi qua PhoneGap Build mỗi tháng. Dịch vụ này đặc biệt phổ biến trong các cơ sở giáo dục và hackathon nơi người tham gia không có quyền truy cập vào cơ sở hạ tầng Mac. Các nhà phát triển cũng sử dụng Build để trình diễn nguyên mẫu cho khách hàng trực tiếp trên thiết bị mà không cần thiết lập môi trường.

Ví dụ mã và thiết lập PhoneGap

Cấu trúc dự án PhoneGap giống hệt Cordova. Điểm khác biệt duy nhất là trong tệp cấu hình config.xml, nơi thêm phần tử chỉ định phiên bản PhoneGap và mã định danh ứng dụng Adobe.

<?xml version='1.0' encoding='utf-8'?>
<widget id='com.adobe.phonegap.app'
        version='1.0.0'
        xmlns='http://www.w3.org/ns/widgets'
        xmlns:gap='http://phonegap.com/ns/1.0'>
    <name>PhoneGapApp</name>
    <description>
        Ứng dụng PhoneGap
    </description>
    <gap:platform name='ios' />
    <gap:platform name='android' />
    <gap:plugin name='cordova-plugin-camera' />
    <gap:config platform='ios' min-version='13.0' />
</widget>

Tệp cấu hình này xác định ứng dụng hỗ trợ iOS và Android, chỉ định phiên bản tối thiểu iOS 13 và bao gồm plugin máy ảnh. Khi tải lên PhoneGap Build, máy chủ tự động nhận ra các cài đặt này và xây dựng dự án với các phụ thuộc cần thiết.

Ví dụ mã JavaScript cơ bản xử lý sự kiện thiết bị sẵn sàng và gọi hộp thoại gốc:

document.addEventListener('deviceready', function() {
  console.log('PhoneGap sẵn sàng làm việc');

  document.getElementById('btnAlert')
    .addEventListener('click', function() {
      navigator.notification.alert(
        'Xin chào từ PhoneGap!',
        function() { console.log('OK'); },
        'Tin nhắn',
        'Đóng'
      );
    });
});

Sự kiện deviceready là điểm vào bắt buộc trong tất cả ứng dụng PhoneGap và Cordova. Không có sự kiện này, các lệnh gọi API gốc sẽ không hoạt động vì cầu nối chưa được khởi tạo. Sau khi sẵn sàng, tất cả plugin đều khả dụng, bao gồm notification.alert cho cửa sổ hộp thoại gốc.

Ưu điểm và nhược điểm của PhoneGap

PhoneGap có một số ưu điểm khiến nó trở nên phổ biến vào giữa những năm 2010, nhưng cũng có những hạn chế dẫn đến sự suy giảm thị phần sau năm 2018.

Điểm mạnh

Ưu điểm chính của PhoneGap là rào cản gia nhập thấp cho nhà phát triển web. HTML, CSS và JavaScript là những công nghệ mà bất kỳ chuyên gia frontend nào cũng thành thạo, cho phép các studio phát triển web nhanh chóng tham gia thị trường ứng dụng di động mà không cần thuê kỹ sư iOS và Android.

Dịch vụ đám mây PhoneGap Build đã giải quyết vấn đề cơ sở hạ tầng: nhóm Windows có thể xây dựng ứng dụng iOS mà không cần mua Mac. Điều này rất quan trọng đối với các startup có ngân sách thiết bị hạn chế.

Điểm yếu

Nhược điểm chính của PhoneGap là hiệu suất. WebView chậm hơn các framework UI gốc, đặc biệt với hoạt ảnh phức tạp, danh sách lớn và xử lý đồ họa. Theo thử nghiệm HTML5Rocks (2016), hiển thị danh sách 1000 mục mất 200–400 ms trong PhoneGap so với 16–30 ms trong ứng dụng gốc.

Các hạn chế bổ sung bao gồm phụ thuộc vào phiên bản WebView trên thiết bị người dùng, vấn đề gỡ lỗi plugin gốc và thiếu quyền truy cập vào API iOS và Android mới cho đến khi plugin Cordova tương ứng được phát hành.

PhoneGap hôm nay: hỗ trợ và di chuyển

Năm 2020, Adobe thông báo ngừng hỗ trợ PhoneGap và PhoneGap Build. Công ty đã chuyển giao các phát triển cho cộng đồng với khuyến nghị chuyển sang Apache Cordova hoặc Capacitor. PhoneGap Build đã bị đóng cửa và việc xây dựng trên đám mây không còn khả dụng.

Đối với các dự án PhoneGap hiện có, nên di chuyển sang Capacitor — đây là con đường trực tiếp với thay đổi mã tối thiểu. Chỉ cần thay thế tập lệnh khởi tạo và cập nhật cấu hình. Tất cả mã JavaScript và mẫu HTML vẫn không thay đổi vì Capacitor sử dụng cùng nguyên tắc cầu nối.

Một lựa chọn khác là chuyển trực tiếp sang Apache Cordova. Điều này yêu cầu cài đặt nền tảng cục bộ qua CLI và thiết lập bản dựng cục bộ, nhưng bảo toàn hoàn toàn khả năng tương thích với plugin hiện có và kiến trúc ứng dụng.

Mặc dù đã đóng cửa, tầm quan trọng lịch sử của PhoneGap khó có thể đánh giá quá cao. Chính PhoneGap đã chứng minh cho thị trường thấy rằng công nghệ web có thể là nền tảng cho ứng dụng di động, mở đường cho các framework lai và đa nền tảng hiện đại. Khái niệm xây dựng đám mây, lần đầu tiên được triển khai trong PhoneGap Build, sau đó đã được Ionic Appflow, Visual Studio App Center và các dịch vụ tích hợp liên tục khác cho dự án di động áp dụng.

Các quyết định kiến trúc của PhoneGap — cầu nối qua WebView, hệ thống plugin và cấu hình qua config.xml — đã trở thành tiêu chuẩn thực tế cho phát triển lai. Ngay cả trong các dự án Capacitor hiện đại, di sản của PhoneGap vẫn hiện hữu: cùng nguyên tắc làm việc với plugin và quy trình xây dựng tương tự.

Đối với nhà phát triển duy trì các dự án PhoneGap cũ, kỹ năng chính là hiểu cầu nối plugin và khả năng thích ứng plugin với các phiên bản Android và iOS hiện đại. Nếu không có điều này, việc cập nhật ứng dụng để đáp ứng yêu cầu mới của cửa hàng trở nên bất khả thi do quyền hệ thống lỗi thời.