懂得：如何快速地开发一款 Android App？

guozhiwei

　　就是大部分功能和市场上主流的类似的，但是人家又不开源的，怎么快速找到模板，然后修改？西安APP定制http://www.jiujieseo.cn/西安量子悦动（）一直致力于西安网站建设服务,提供网站建设、小程序开发、软件开发等一系列服务,欢迎来电咨询合作!

　　【硬广时间】网站APP小程序规划开发相关需求、公众号裂变增粉需求欢迎联系微信：Jonzhq

　　2019.11.1更新：

　　测试机需先使用数据线连接电脑并开启开发者模式，各机型开启开发者模式方法不一这里就不一一赘述了，请自行百度。在开发者选项中打开USB调试并允许USB安装，此时在Hbuilder上的运行->运行到手机或模拟器便会出现手机信息，选择第一个选项，稍作等待即可开始在真机上调试

　　和安卓机调试一样，数据线连接，开启开发者模式，但是苹果手机调试需要在电脑安装iTunes 软件，安装完成后打开iTunes，此时手机会弹出授权，需要点击授权否则Hbuilder无法识别苹果手机。此时运行里就会出现手机选项。第一次调试的手机还需要在手机的设置->通用->设备管理里信任HBuilder

　　打包前可以打开manifest.json文件对项目的图标、名称、API进行配置，点击菜单栏里的发行选择对应的打包选项

　　两点注意：

　　安卓的图标要使用背景透明的图片，不然打包的图标会有背景应用使用了哪些模块需要在APP模块权限配置中勾选对应的配置

　　点击打包即可完成。

　　1、首先需要给H5端解析一个二级域名，请自行前往域名服务商解析，这里以阿里云为例：

　　使用HBuilder将项目打包H5页面

　　3、打包完成后在Hbuilder的控制台会返回H5包的本地地址，打开文件夹

　　4、将h5这个文件夹上传到服务器上

　　5、在服务器上配置第一步解析好的二级域名的nginx，nginx配置的目录是：/home/ly/nginx_config

　　nginx配置修改完成后需要重启nginx使配置生效。此时我们就可以使用二级域名访问H5端页面了。

　　我们的目标是用户访问主域名时如果是移动端访问直接跳转到H5端此时需要一小段js代码即可完成此功能，只需要在Home/View/Wap/Public/layout.html里加上

　　<script>window.location.href=https://www.zhihu.com/question/28606284/answer/'http://h5.55ij.com';</script>，这样当页面访问移动端页面时网站会先执行layout.html里面的这一句网页跳转，从而完成此功能。

　　2019.8.15更新:

　　近期我们通过uniapp+零云这条方案开发了很多APP，这套方案最大的好处是可以同步编译出小程序+H5+APP，但需要注意的是开发过程中要尽可能用兼容三端的组件等。具体细节回头单开一贴记录。

　　2017.4.28更新:

　　零云新的非原生APP方案特性关键词：

　　1、SAP单页应用（没有刷新，客户端靠路由实现UI更新，原生app天生就是，而H5app通过这一概念来模仿原生的体验）

　　2、Vue

　　3、Framework7

　　4、webpack（webpack是用来打包管理整个js的，典型的他可以把es6写的语法转换成es5，因为es6太新了很多浏览器都来不及支持，这样现状就是很多项目开发用高级标准，实际使用要转换成低标准以获取浏览器兼容）

　　5、es6（es6给js带来了模块化功能，ecmascript是js的标准，es5之后标准可以说是给js带来了翻天覆地改进）

　　6、sass（赋予了css缺少的先天性功能，比如变量  继承这些动态语言才有的特性，less和sass要编译成css才能使用）

　　7、MVVM  双向数据绑定（主要是用来解决大型js项目越来越难维护控制，比如价格受到各种红包优惠券折扣计算，谁都想去改数据，不一致的可能性大为严重）

　　8、虚拟Dom

　　总结：和ionic全套对比一下：

　　1、ionic=cordova+ionic自己的ui+sass+angular

　　2、零云新的非原生app的方案=cordova+f7ui+sass+vue

　　2017.4.28之前答案：

　　非原生App开发的基本步骤（以安卓端为例）

　　主要使用：

　　移动端：ionic、cordova

　　后端：CoreThink

　　注：这是我司一位美女研发顺手整理过的一份概要流程，希望多少能帮到题主，如果有不合理或者错误的地方欢迎反馈给我，官网：CoreThink－最好用的开源免费WEB产品开发框架，qq:1270686837，这个流程可以非常快地同时产出iOS&Android两端非原生APP。

　　2016.5.27更新一下，现在我们常用的两条路线是：1、CoreThink + dcloud + framework7 + cors；2、Ionic+Cordova+ CoreThink。这两条路线都不错，不过Cordova是阿帕奇基金会维护的产品，质量要比其他同类产品都要好一些，这个我们在实际开发过程中有比较深的感触。

　　一、安装

　　1.安装node.js

　　2.安装git

　　3.安装ionic

　　& cordova：

　　命令行输入：npm

　　install –g cordova ionic

　　注：-g表示全局安装，也可以进入指定的目录安装，但这里推荐全局安装，安装后的目录为C:/users/Administrator/AppData/Roaming/npm/node_modules

　　4.安装Java

　　JDK

　　5.安装Apache

　　Ant

　　6.安装Android

　　SDK（从这里开始后面基本以android为例，ios类似）

　　7.设置环境变量：

　　①打开计算机->系统属性->高级系统设置->环境变量

　　②在系统变量中新建ANDROID_HOME变量，变量值为sdk所在目录

　　③新建CLASSPATH变量，变量值为.;%JAVA_HOME%\\lib\\dt.jar;%JAVA_HOME%\\lib\        ools.jar;

　　④新建JAVA_HOME变量，变量值为jdk所在目录

　　⑤编辑系统变量中的path变量，不要删原来的变量值，在原值后面添加   ;%JAVA_HOME%\\bin;%JAVA_HOME%\\jre\\bin;%ANDROID_HOME%\        ools;%ANDROID_HOME%\\build-tools;%ANDROID_HOME%\\platform-tools

　　注：这里是添加了jdk\\bin、jdk\\jre\\bin、sdk\        ools

　　、sdk\\build-tools、sdk\\platform-tools的路径，互相以英文分号隔开

　　8.创建项目：

　　命令行cd进入任何你喜欢的目录，ionic

　　start AnyNameYouLike blank，如果一切顺利，就会在你指定的目录新建一个你喜欢的名字的文件夹，并在里面初始化一个ionic项目。

　　9.添加平台

　　进入刚才新建的项目的目录，命令行输入ionic

　　platform add android

　　二、在项目目录中有一个www的文件夹，里面的文件有html，js，css等，可随意编写，在platform中的www文件最好不要动它。

　　三、测试项目

　　1.进入项目目录，ionic

　　build android编译项目

　　2.测试项目的方法：

　　桌面浏览器测试法：ionic

　　serve

　　模拟器测试法：这个比较烦，而且运行慢，略

　　手机浏览测试法：Testing your app自己看吧，略

　　手机测试法：连上数据线，打开开发者选项，执行ionic

　　run android

　　四、编写项目

　　Building out your app英文太多，翻译不出来

　　五、发布app，前面的准备就是为了这一步了

　　1.执行cordova plugin rm cordova-plugin-console，这一步是Before we deploy, we should take

　　care to adjust plugins needed during development that should not be in

　　production mode.

　　2.执行 cordova build --release

　　android，在platforms/android/build/outputs/apk，中会出现***-release-unsigned.apk，最前面取决于取了什么名字

　　3.使用keytool打包私有密钥：执行keytool -genkey -v -keystore

　　my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity

　　10000

　　4.给没有签名的apk签名：执行jarsigner -verbose -sigalg SHA1withRSA -digestalg

　　SHA1 -keystore my-release-key.keystore HelloWorld-release-unsigned.apk

　　alias_name

　　5.最后一步，执行zipalign -v 4 HelloWorld-release-unsigned.apk HelloWorld.apk

　　六、基本步骤到此结束，可能会出现各种报错的情况，只能具体问题具体分析了，

　　参考网址：

　　Welcome to Ionic

　　The Command-Line Interface

　　http://developer.android.com/sdk/installing/adding-packages.html

　　Download - iOS

　　CoreThink－最好用的开源免费WEB产品开发框架