Oracle JET mobile 入门使用
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 使用信息。错误会显示在上面。
Oracle JET mobile 入门使用的更多相关文章
- Oracle JET mobile cordove navigator.app对象
在使用 Oracle JET 开发 webapp 时,会使用到 ojrouter ,ojrouter 默认含有历史记录推送功能.在调试 Android 时会发现返回键总是返回到上一次浏览记录(App ...
- Oracle JET 起步
Oracle JET介绍 Oracle JET是一个用于经验丰富的JavaScript开发人员构建客户端的基于JavaScript的应用程序的工具包.(抱歉本人对JavaScript绝对是从零开始) ...
- Oracle JET(二)Oracle JET使用
Oracle JET 开发分为 Web 应用程序开发和移动应用程序开发(WebApp). Oracle JET Web 应用程序开发入门: 使用方法三种: 使用 Oracle JET Yeoman 生 ...
- JQuery Mobile入门——设置后退按钮文字(转)
http://www.tuicool.com/articles/AZnYVz JQuery Mobile入门——设置后退按钮文字 时间 2013-01-09 20:24:28 CSDN博客原文 h ...
- jQuery Mobile 入门基础教程
jQuery Mobile是jQuery在手机上和平板设备上的版本.jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架. jQue ...
- Oracle数据库基础入门《二》Oracle内存结构
Oracle数据库基础入门<二>Oracle内存结构 Oracle 的内存由系统全局区(System Global Area,简称 SGA)和程序全局区(Program Global Ar ...
- Oracle数据库基础入门《一》Oracle服务器的构成
Oracle数据库基础入门<一>Oracle服务器的构成 Oracle 服务器是一个具有高性能和高可靠性面向对象关系型数据库管理系统,也是一 个高效的 SQL 语句执行环境. Oracle ...
- Oracle 基础知识入门
前记: 近来项目用到Oracle数据库,大学学了点,后面基本忘记得差不多了,虽然基本语法跟sql 差不多,但是oracle知识是非常多的. 这里简单说点基础知识,希望后面补上更多的关于ORacle知识 ...
- Oracle数据库从入门到精通 单行函数问题
视频课程:李兴华 Oracle从入门到精通视频课程 学习者:阳光罗诺 视频来源:51CTO学院 Oracle数据库从入门到精通-单行函数 在数据库中,为了方便用户的数据开发,往往会提供一系列的支持函数 ...
随机推荐
- mac系统homebrew安装mysql
homebrew 安装 mysql homebrew 是 macOS 缺失的软件包管理器,譬如可以下载 mysql.redis.wget 等等.操作系统:macOS High Sierra Versi ...
- C#获取主机信息
获取主机信息 最近需要做一个配合集控系统收集各个终端设备的一些信息,大致需要收集终端设备的硬件信息,CPU.内存以及硬盘使用率等信息.网上查看了一番,使用WMI来获取这些信息是最方便的.实现代码如下: ...
- Spring Boot缓存注解@Cacheable、@CacheEvict、@CachePut使用
从3.1开始,Spring引入了对Cache的支持.其使用方法和原理都类似于Spring对事务管理的支持.Spring Cache是作用在方法上的,其核心思想是这样的:当我们在调用一个缓存方法时会把该 ...
- xampp配置多域名
重要的事情: 前提: vhost.conf被引入 修改两个文件,文件所在路径,看图片上sublime编辑器,hosts和vhost.conf配置的域名必须一致 参考文档:http://blog.csd ...
- Android判断是debug还是release模式
1.当有些功能不希望在release模式实现时,但是debug模式又需要的时候,就可以对当前版本模式进行判断.如是debug模式则日志输出级别设置为Level.DEBUG,release模式设置为Le ...
- install - 复制文件并设置属性
SYNOPSIS[总览] install [options] [-s] [--strip] source dest install [options] [-s] [--strip] source... ...
- ceph对接openstack
一.使用rbd方式提供存储如下数据: (1)image(glance):保存glanc中的image: (2)volume(cinder)存储:保存cinder的volume:保存创建虚拟机时选择创建 ...
- gcc编译动态链接库
以下是windows环境下用gcc编译动态链接库的尝试过程. 环境准备 编译使用的MinGW,64位的官网可以找到下载地址. 项目建立及代码编写 在任意地方新建一个目录,保存这个项目,然后新建一个c源 ...
- 牛客练习赛26 D xor序列 (线性基)
链接:https://ac.nowcoder.com/acm/contest/180/D 来源:牛客网 xor序列 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 262144K,其他 ...
- express中app和router的区别
var app = express(); var router = express.Router(); 以上二者的区别是什么,什么时候用哪个最合适? 区别看下面的例子: app.js var ex ...