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数据库从入门到精通-单行函数 在数据库中,为了方便用户的数据开发,往往会提供一系列的支持函数 ...
随机推荐
- day 14 装饰器
装饰器:装饰,装修,房子就可以住,如果装修,不影响你住,而且体验更加,让你生活中增加了很多功能:洗澡,看电视,沙发.器:工具.开放封闭原则:开放:对代码的拓展开放的, 更新地图,加新枪,等等.封闭:对 ...
- 曹工说Spring Boot源码(5)-- 怎么从properties文件读取bean
写在前面的话 相关背景及资源: 曹工说Spring Boot源码(1)-- Bean Definition到底是什么,附spring思维导图分享 曹工说Spring Boot源码(2)-- Bean ...
- jmeter的三种参数化方法
JMeter的三种参数化方式包括: 1.用户参数 2.函数助手 3.CSV Data Set Config 一.用户参数 位置:添加-前置处理器-用户参数 操作:可添加多个变量或者参数 二.函数助手 ...
- nginx服务报403错误的解决方法
1.可能是文件权限问题,看一下网站所在的文件夹权限,用户组和用户名是否属于www:www,因为nginx.conf顶头写的是user www:www
- 关于IDEA中@Autowired 注解报错~图文
例如鼠标放上去会报错如下: Could not autowire. No beans of 'StudentMapper' type found. less... (Ctrl+F1) Inspecti ...
- 爬虫之request相关请求
一.解析json格式数据 (1) # (1)解析json 对象数据 # import requests # 返回的数据进行解析 # response = requests.get('http://ht ...
- PHP WEB 引擎缓存加速优化
PHP 缓存加速器介绍 操作码缓存 请求一个 PHP 程序时,PHP 引擎会解析程序,并且将编译码作为特定操作码.这是要执行的代 码的一种二进制表示形式.随后,此操作码有 PHP 引擎执行并丢弃.操作 ...
- 005-使用smtp发送邮件报警
创建监控项: 如果有两个触发条件则中间用 and 连接,or等 此上 触发器已经创建好了,但是触发器的动作还需要去定义: 默认动作是停用的需要手动打开:
- Linux下单机部署ELK日志收集、分析环境
一.ELK简介 ELK是elastic 公司旗下三款产品ElasticSearch .Logstash .Kibana的首字母组合,主要用于日志收集.分析与报表展示. ELK Stack包含:Elas ...
- opencv-python用原图和mask实现抠图
1.先上图 原图:test1.png mask图:test-mask.png 结果图:mask.png 2.代码部分 import cv2 from PIL import Image import n ...