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": ""
        }
    }  
}        

赞赏

长按二维码向我转账

受苹果公司新规定影响，微信 iOS 版的赞赏功能被关闭，可通过二维码转账支持公众号。

微信扫一扫
关注该公众号