- Các thao tác cơ bản 3
4.2.2 Ứng dụng trên android
Tạo ra code cordova project cho từng hệ điều hành di động
- Tạo thƣ mục để chứa mã nguồn ứng dụng Clicker bằng cách chạy dòng lệnh sau trong cmd:
$ cordova create clicker com.bh.clicker Clicker
Tham số thứ nhất clicker là thƣ mục sẽ đƣợc tạo ra để chứa mã nguồn. Tham số thứ hai com.bh.clicker sẽ là package của project nơi chứa mã nguồn. Tham số thứ 3 Clicker là tên của project.
- Thêm platform cho cordova project: Thêm android platform
$ cd clicker
$ cordova platform add android
- Build ứng dụng cho từng platform: Cho android platform
$ cordova build android
Thêm các plugin cho Clicker cordova project
Mở cmd để add các plugin
- Tạo thƣ mục plugin trong thƣ mục android/assets/www bằng trình console:
$ cordova plugin add org.apache.cordova.console
- Thêm vào plugin quản lý thiết bị
$ cordova plugin add org.apache.cordova.device
- Với những plugin không đƣợc đăng ký tại registry.cordova.io nhƣng đƣợc lƣu trữ tại git repository phải chỉ ra đƣợc URL tƣơng ứng
Học viên: Lê Thị Hoàng Anh _ Lớp 13B CNTT1 85
$cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap- Plugin.git
$cordova plugin add https://github.com/phonegap-build/PushPlugin.git
$ cordova plugin add https://github.com/tonyhursh/gapfile.git
$cordova plugin add https://github.com/brodysoft/Cordova-SQLitePlugin.git
Truy cập file trên thiết bị (File API)
$cordova plugin add https://github.com/apache/cordova-plugin-file.git
$cordova plugin add https://github.com/apache/cordova-plugin-file-transfer.git
Cảnh báo rung
$cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin- vibration.git
Kết nối mạng
$cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin- network-information.git
- Để kết nối facebook chúng ta cần down về FacebookLib bằng cách gõ lệnh sau vào cmd:
$ cordova plugin add https://github.com/phonegap/phonegap-facebook- plugin.git --variable APP_ID="1538674579716109" --variable APP_NAME="ClickerV2"
Sau khi chạy lệnh trên sẽ tạo thƣ mục
com.phonegap.plugins.facebookconnect/FacebookLib nằm trong thƣ mục platforms/android của Clicker cordova project. Import thƣ mục này vào eclipse sau đó chọn build project.
Tạo GWT-Phonegap project cho hệ điều hành android (Ứng dụng Clicker cho android)
Học viên: Lê Thị Hoàng Anh _ Lớp 13B CNTT1 86
- Biên dịch Clicker GWT project để lấy các file mã nguồn trong thƣ mục war. Sau khi biên dịch xong copy các thƣ mục clicker, CSS, data, images, js vào thƣ mục clicker/platform/android/assets/www của Clicker cordova project.
- Import project vào eclipse: Chọn import project vào eclipse -> chọn đƣờng dẫn project là clicker/platforms/android
- Nhấn chuột phải vào project chọn properties ->resource-> Resource filter xóa hết các mục trong Exclude all
- Mở file index.html trong thƣ mục assets/www của project vừa add vào eclipse sửa bằng cách thêm các link CSS và javascript sau:
<link type="text/css" rel="stylesheet" href="css/index.css">
<link type="text/css" rel="stylesheet" href="css/newstyle.css">
<script type="text/javascript" language="javascript" src="js/aws- sdk.min.js"></script>
<script type="text/javascript" language="javascript"
src="js/pdf.js"></script>
<script type="text/javascript" language="javascript"
src="js/pdf.worker.js"></script>
<script type="text/javascript" language="javascript"
src="js/download.js"></script>
<script type="text/javascript" language="javascript"
src="clicker/clicker.nocache.js"></script>
<script type="text/javascript" language="javascript" src="js/base64- binary.js"></script>
<script type="text/javascript" language="javascript"
src="js/UpFileS3New.js"></script>
4.2.3 Ứng dụng trên web
Bƣớc 1: Đăng ký tài khoản trên Google App Engine Xem link hƣớng dẫn sau:
Học viên: Lê Thị Hoàng Anh _ Lớp 13B CNTT1 87
https://sites.google.com/site/gdevelopercodelabs/app-engine/creating-your-app-engine- account
Bƣớc 2: Deloy ứng dụng Clicker GWT
Đăng nhập vào tài khoản google từ eclipse. Chọn deloy ứng dụng lên GAE nhƣ sau:
Thiết lập ID cho ứng dụng:
Kết quả link chạy ứng dụng:
http://v1-dot-leanhclickerv2.appspot.com/