-
使用Ionic框架进行混合开发的APP
资源介绍
1 简介
1、Native APP（原生）
2、Hybrid APP（混合）
3、React Native
Hybrid App按网页语言与程序语言的混合，通常分为三种类型：多View混合型，单View混合型，Web主体型。
2 技术
2.1 技术选型
Ionic
2.1.1 Ionic介绍
Ionic是一款基于Angular、Cordova的强大的HTML5移动应用开发框架，可以快速创建一个跨平台的移动医用。可以快速开发移动APP、移动WEB页面、微信公众平台应用，混合APP WEB页面。
2.1.2 Ionic和cordova、Angular关系
Ionic = cordova + Angular + ionic Css
Ionic 是完全基于谷歌的 Angular 框架，在 Angular 基础上面做了一些封装，让我们可以更快速和容易的开发移动的项目。Ionic 调用原生的功能是基于 Cordova,Cordova 提供了使用JavaScript 调用 Native 功能，ionic 自己也封装了一套漂亮的 CSS UI 库。
2.1.3 开发工具
Visual Studio Code
2.1.4 管理工具
Git
2.2 环境搭建
2.2.1 概述
2.2.2 JDK
2.2.2.1 版本
jdk1.8
2.2.2.2 配置
JAVA_HOME
PATH
CLASSPATH
2.2.3 Apache ant
2.2.3.1 版本
1.9.12
2.2.3.2 解压
2.2.3.3 配置
ANT_HOME: D:\android\apache-ant-1.10.4
Path: %ANT_HOME%\bin
2.2.3.4 查看安装版本
ant –v
2.2.4 android SDK
2.2.4.1 版本
r24.4.1
2.2.4.2 配置
ANDROID_SDK_HOME: D:\Android\android-sdk-windows
Path:%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools
2.2.4.3 SDK
通过SDK Manager下载相关的版本
2.2.4.4 查看信息
android -h
2.2.5 node.js
2.2.5.1 版本
8.11.3
2.2.5.2 安装
2.2.5.3 查看版本
node –v
npm -v
2.2.6 npm/cnpm
2.2.6.1 安装npm
nodejs已经集成了npm
2.2.6.2 安装 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.2.7 cordova
2.2.7.1 版本
8.0.0
2.2.7.2 安装
npm install -g cordova
可以使用cnpm代替npm
cnpm install -g cordova ionic
2.2.7.3 查看版本
cordova -v
2.2.8 ionic
2.2.8.1 版本
3.20.0
2.2.8.2 安装
npm install –g ionic
可以使用cnpm代替npm
cnpm install -g cordova ionic
2.2.8.3 查看版本
ionic –v
2.2.8.4 查看信息
ionic info
3 项目
3.1 创建
3.1.1 新建
3.1.2 启动
3.1.3 打包
3.1.3.1 添加
3.1.3.2 生产release版apk（签名后安装）
3.1.3.3 生成debug版apk
3.1.4 签名
3.1.4.1 生成签名文件
keytool -genkey -v -keystore testapp.keystore -alias testapp.keystore -keyalg RSA -validity 20000
3.1.4.2 apk签名
jarsigner -verbose -keystore testapp.keystore -signedjar app-release-signed.apk app-release-unsigned.apk testapp.keystore
3.1.5 安装
安卓手机安装使用