Câu trả lời ngắn. Có, bạn có thể phát triển ứng dụng bằng HTML/CSS/Javascript. Tham gia hai Hướng dẫn về WebView và gọi cho tôi vào buổi sáng
Câu trả lời dài. Nếu bạn muốn viết ứng dụng cho Android sử dụng HTML/CSS/Javascript, ít nhất bạn sẽ phải tạo trình bao bọc WebView gốc. Điều này tương đối dễ thực hiện -- trừ khi bạn muốn kết nối với các chức năng gốc, chẳng hạn như gia tốc kế, máy ảnh hoặc thậm chí là Tin nhắn bánh mì nướng [các tin nhắn nhỏ bật lên khi có điều gì đó xảy ra]
Truy cập phần cứng và phần mềm gốc thông qua chế độ xem web yêu cầu bạn phải viết JavascriptAdapter [có sẵn trong Android 2+] và xác định một số phương thức Javascript tùy chỉnh trong JavascriptAdapter. Các phương thức đó ánh xạ tới một hàm java, KHÔNG có quyền truy cập vào các cơ sở hệ điều hành gốc
Các khung như Appcelerator và PhoneGap thực hiện chính xác điều này, ngoại trừ việc chúng đã viết các hàm javascript cho bạn, vì vậy nó giúp bạn không phải tự viết các hàm đó
Theo nghĩa đó, nếu bạn định viết một ứng dụng cho Android bằng HTML/CSS/Javascript, bạn nên sử dụng một khung. Nếu không, bạn đang tự làm công việc đó
Apache Cordova là một khung phát triển di động mã nguồn mở. Nó cho phép bạn sử dụng các công nghệ web tiêu chuẩn như HTML5, CSS3 và JavaScript để phát triển đa nền tảng, tránh ngôn ngữ phát triển gốc của từng nền tảng di động. Các ứng dụng thực thi trong các trình bao bọc được nhắm mục tiêu cho từng nền tảng và dựa vào các ràng buộc API tuân thủ tiêu chuẩn để truy cập vào cảm biến, dữ liệu và trạng thái mạng của từng thiết bị. ”
Nếu bạn muốn tìm hiểu cách phát triển ứng dụng Di động Android & iOS bằng HTML, CSS, JS & Apache Cordova thì hãy đăng ký khóa học của tôi tại đây với mức giảm giá 90%
Apache Cordova - Xây dựng ứng dụng di động lai với HTML CSS & JS
Trong bài đăng trên blog này, tôi sẽ chỉ cho bạn cách Tạo Dự án Cordova đầu tiên cho Android, iOS, Trình duyệt và Máy tính để bàn bằng HTML, CSS và JavaScript
Theo Đa nền tảng, chúng tôi muốn nói rằng cơ sở mã ứng dụng có thể được viết một lần bằng HTML5, CSS3 & JavaScript và nó có thể chạy trên nhiều nền tảng di động mục tiêu như Android, iOS, Windows, Firefox, Ubuntu mobile
Cộng đồng phát triển web đã liên tục đổi mới và với sự phát triển gần đây của các khung như Angular, IONIC, jQuery và React, các ứng dụng web truyền thống giờ đây gần như không thể phân biệt được với các ứng dụng dành riêng cho nền tảng gốc của chúng về mặt chức năng
Apache Cordova có thể được mở rộng với các plug-in gốc, cho phép các nhà phát triển thêm nhiều chức năng hơn có thể được gọi từ JavaScript, làm cho nó giao tiếp trực tiếp giữa lớp gốc và trang HTML5. Các plugin này cho phép truy cập vào gia tốc kế, máy ảnh, la bàn, hệ thống tệp, micrô, v.v. của thiết bị
Tuy nhiên, việc sử dụng các công nghệ dựa trên Web khiến một số ứng dụng Apache Cordova chạy chậm hơn so với các ứng dụng gốc có chức năng tương tự
Và điều quan trọng nhất là. Cordova là nguồn mở và miễn phí. Đây là cách bắt đầu với Apache Cordova
Sử dụng Apache Cordova nếu bạn là- nhà phát triển di động và muốn mở rộng ứng dụng trên nhiều nền tảng mà không cần phải triển khai lại ứng dụng đó bằng ngôn ngữ và bộ công cụ của từng nền tảng
- một nhà phát triển web và muốn triển khai một ứng dụng web được đóng gói để phân phối trong các cổng cửa hàng ứng dụng khác nhau
- nhà phát triển di động quan tâm đến việc trộn các thành phần ứng dụng gốc với WebView [cửa sổ trình duyệt đặc biệt] có thể truy cập API cấp thiết bị hoặc nếu bạn muốn phát triển giao diện plugin giữa các thành phần gốc và WebView
Nếu bạn muốn xem và học hỏi từ video thì bạn phải xem trên YouTube và cũng đăng ký kênh YouTube “Học tập thấm nhuần” để có hướng dẫn trong tương lai
Trước khi tạo Ứng dụng Cordova mới, có một vài điều kiện tiên quyết và bạn phải cài đặt phần mềm này
*Nút. js [npm đi kèm với Node. js] [ https. //nodejs. org/en/ ]
*Cordova [sau khi cài đặt nút. js, bạn có thể cài đặt cordova thông qua dòng lệnh hoặc thiết bị đầu cuối bằng cách sử dụng lệnh sau “npm install -g cordova“] [ https. //cordova. apache. org/#getstarted ]
Bước 1. Tạo một ứng dụng Cordova mới
cordova tạo thông tin DeviceInfo. androidabcd. thông tin thiết bị DeviceInfoSample
Sau khi tạo ứng dụng mới, hãy chuyển đến thư mục dự án Cordova
Thông tin thiết bị cd
Bước 2. Thêm nền tảng Android
nền tảng cordova thêm android@latest
Bước 3. Thêm plugin lấy thông tin thiết bị
plugin cordova thêm thiết bị cordova-plugin
Bằng cách sử dụng plugin này, bạn sẽ nhận được thông tin thiết bị sau
- thiết bị. dây thừng
- thiết bị. kiểu mẫu
- thiết bị. nền tảng
- thiết bị. uuid
- thiết bị. phiên bản
- thiết bị. nhà chế tạo
- thiết bị. là ảo
- thiết bị. nối tiếp
Bước 4. Mở mã trong Visual Studio Code Editor
Nếu bạn chưa cài đặt mã phòng thu hình ảnh thì hãy tải xuống và cài đặt từ đây. https. //mã số. Visual Studio. com/
Bạn có thể mở dự án Cordova từ dòng lệnh hoặc thiết bị đầu cuối bằng cách nhập mã ”. ” [dấu cách mã] hoặc bạn có thể trực tiếp kéo và thả dự án vào mã phòng thu trực quan
Bước 5. Chỉnh sửa chỉ mục. html trong thư mục www
Bước 6. Chỉnh sửa chỉ mục. js trong thư mục www
Bước 7. Chỉnh sửa chỉ mục. css trong thư mục www
Bước 8. Chuẩn bị dự án Cordova
Sau khi chỉnh sửa mã nguồn trong thư mục www, bạn phải chuẩn bị mã để nó có thể phân phối cho tất cả các nền tảng bạn đã thêm. để chuẩn bị mã nguồn gõ lệnh sau trong dòng lệnh hoặc thiết bị đầu cuối
chuẩn bị cordova
Bước 9. Xây dựng dự án Cordova
Khi bạn xây dựng dự án Cordova của mình, bạn sẽ nhận thấy rằng nó sẽ tạo Tệp APK và bạn có thể cài đặt thủ công trong mọi thiết bị Android. Hoặc nếu bạn muốn cài đặt ứng dụng bằng dòng lệnh thì hãy xem bước tiếp theo