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数据库从入门到精通-单行函数 在数据库中,为了方便用户的数据开发,往往会提供一系列的支持函数 ...
随机推荐
- Javaweb实训-宠物医院-社区宠物医院的页面样式
/* CSS Document */ /* 对于CSS来说 每一个元素默认的margin和padding就是0px.但是不同的浏览器会有一个默认的浏览器样式修改默认的marg ...
- 关于encodeURI() 踩的坑
情景: 列表页跳转详情页,需要把列表页的数据带到详情页直接展示,思路是在路径后面加?传参,然后再在详情页获取url的参数. 为了以防中文乱码什么的所以先试用encodeURI转码再decodeURI解 ...
- 利用aopc创建schema失败
执行neo4j-graph-algorithms的例子,运行以下代码报错: CALL apoc.schema.assert( {Category:['name']}, {Business:['id'] ...
- [Next] 二.next.js之组件
next.js 中的组件 next.js 里面的组件(页面)就是 react 里面的组件. 功能组件 在项目之中一个功能组件的创建 , 他可以和父组件放到一个文件里,也可以单独创建一个文件存放组件. ...
- jQuery jsonp跨域请求详解
跨域的安全限制都是对浏览器端来说的,服务器端是不存在跨域安全限制的. 浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互. 如果协议,端口和主机对于两个页面是相同的,则两个页面具 ...
- 枚举java语言中的修饰符组合
package model; /*22:37 2019/7/20*/ /* top class的修饰符组合 abstract final public 2 * 2 * 2 warning: abstr ...
- 81. Search in Rotated Sorted Array II (JAVA)
Suppose an array sorted in ascending order is rotated at some pivot unknown to you beforehand. (i.e. ...
- zabbix布置mysql主从监控
一.下载安装zabbix服务器端 网址:https://www.cnblogs.com/carriezhangyan/p/10818513.html 二.下载安装zabbix客户端,客户端上要有mys ...
- Sublime Text2 常用快捷键总结
Ctrl+Tab 当前窗口中的标签页切换 Ctrl+Shift+D 复制光标所在整行,插入在该行之前 Ctrl+Shift+K 删除整行 Ctrl+Shift+/ 注释已选择内容 Ctrl+Shift ...
- java poi 操作
Java POI 操作Excel(读取/写入) https://www.cnblogs.com/dzpykj/p/8417738.html Java操作Excel之Poi基本操作 https://my ...