Oracle JET 框架能开发 window, Android, ios 的 WebApp 。主要使用 Codova 来进行开发。
简单使用 Oracle JET 开发 Android webapp。
1.安装 Cordova
npm install -g cordova
2.安装 Android 工具(调试)
其中的一些 Eclipse , Android studio 开发平台都不是必须的。配置环境变量等详细操作参考 http://blog.csdn.net/dr_neo/article/details/49870587
1)安装 JDK 。在 JAVA 官网上下载。http://www.oracle.com/technetwork/java/javase/downloads/index.html 。安装完成后配置环境变量
2)下载一个 SDK Tools 。可以在 http://www.androiddevtools.cn/ 下载
3)在解压后的文件下,运行 SDK Manager.exe 。安装必须的包,可以直接安装自动默认勾选的。例外还需选在一个 Android 版本下载。安装完成后配置环境变量。
4)创建一个 AVD 给之后调试使用。
3.选择一个 oralejet 模板进行开发。使用模板可以省去配置时间。
三个模板选择:
推荐使用第二或第三个。第一个 basic 在使用 router 的时候会出现错误。可能是 cordova 配置问题。没有深入研究。
1)命令行输入:
yo oraclejet:hybrid app --appname="myapp" --appid="com.app.myapp" --template=navbar --platform=android
参数说明:
app : 需要安装的文件夹
--appname: 应用名称在设备上的名字
--template: 选择的模板
--appid: 应用程序 ID 。以反向域输入。未指定则默认为 org.oraclejet.app (app 为文件夹名称)
--platform: 平台名称。可以是 ios ,windows, android 。(可以使用 --platforms 同时创建多个,以逗号分隔)
2)创建完成后按正常 Web 开发
3)使用 Grunt 构建
命令行输入
grunt build --platform=android --theme=themename
参数说明:
--platform: 构建的平台
--theme: 使用的主题(CSS)
4)使用 Grunt 服务(可实时加载)
命令行输入
grunt serve --platform=android --theme=themename --destination=emulator:AVD
参数说明:
--platform: 构建的平台
--theme: 使用的主题
--destination: 指定运行服务的目标。使用 emulator 模拟器运行调试 emulator:AVD AVD 为模拟器名称。
使用 browser 浏览器中显示调试 browser:chrome chrome 为浏览器名称
5)添加 Cordova 插件。
使用 Cordova 时可能需要添加 Cordova 插件使用相机等功能,在命令行输入 Cordova plugin add plugin-name 即可添加。同时,在 SDK 上需要安装 Android Support Repository 。打开 SDK Manager 选择即可安装。
4.构建发行版本
完成 webapp 开发后。需要构建发行版本才能使用。
1)创建一个 buildConfig.json 文件。
示例:
{ "andoid": { "debug": { "keystore": "../android.keystore", //keystore位置 "storePassword": "android", "alias": "mykey1", "password": "password", "keystoreType": "" }, "release": { "keystore": "../android", //keystore位置 "storePassword": "", "alias": "mykey2", "password": "password", "keystoreType": "" } } }
这里还需要创建一个 keystore 文件
命令行输入:
keytool -genkey -v -keystore android.keystore -keyalg RSA -keysize 2048 -validity 10000 -alias my-alias
再按提示输入密码等就创建完成。
2)构建开发版本
命令行输入:
grunt build:release --platform=android --theme=themename --build-config=path/buildConfig.json
构建完成后可以在 app/hybrid/platforms/android/build/outputs/apk 文件夹下找到 apk 文件。其中 android-debug.apk 为调试版本, android-release.apk为发行版本。release 版本可以用 android 手机下载使用。
release 版本因为直接应用在手机端,会出现一些调试中没有出现的问题。可以使用 grunt serve 测试(不能实时重载)
命令行输入:
grunt serve:release --platform=android --theme=themename --build-config=path/buildConfig.json
会自动调用 AVD 显示。如果出现 BUG 可以先在命令行输入 adb logcat 可以查看 AVD 使用信息。错误会显示在上面。