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

主要使用:

 移动端:ionic、cordova

 后端:CoreThink

一、安装

1.安装node.js

2.安装git

3.安装ionic & cordova:

命令行输入:npminstall –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\tools.jar;

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

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

注:这里是添加了jdk\bin、jdk\jre\bin、sdk\tools、sdk\build-tools、sdk\platform-tools的路径,互相以英文分号隔开

8.创建项目:

命令行cd进入任何你喜欢的目录,ionic startAnyNameYouLikeblank,如果一切顺利,就会在你指定的目录新建一个你喜欢的名字的文件夹,并在里面初始化一个ionic项目。

9.添加平台

进入刚才新建的项目的目录,命令行输入ionic platform add android

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

三、测试项目

1.进入项目目录,ionic build android编译项目

2.测试项目的方法:

桌面浏览器测试法:ionic serve

模拟器测试法:这个比较烦,而且运行慢,破机子卡到爆,一直没成功,所以略

手机浏览测试法:http://ionicframework.com/docs/guide/testing.html自己看吧,略

手机测试法:连上数据线,打开开发者选项,执行ionic run android

四、编写项目

http://ionicframework.com/docs/guide/building.html英文太多,翻译不出来

五、发布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

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

参考网址:

http://ionicframework.com/docs/guide/preface.html

https://cordova.apache.org/docs/en/latest/guide/cli/index.html#link-3

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

https://developer.apple.com/ios/download/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,284评论 25 708
  • 一.准备工作:下载安装 Node.js (npm依赖包)JDK (Java开发工具包,即Java Dev...
    谢大见阅读 705评论 2 3
  • 以后想找一个什么样的男人,这几乎是每个女生想过的问题,,我们女大学生也不例外, 刚有人问完这个问题,小玲毫不犹豫的...
    白水沉阅读 1,244评论 0 1
  • 你以为这样就结束了吗 远远没有 哈哈哈 青岛的海风很大 夜色很美 外国小哥很热情 很开心 这是我理想的“艽野” 最...
    艽艽艽艽阅读 531评论 9 7
  • 设想这样一个情境:面对问题X,算力不限的证明方(Prover)试图通过轮流问答来说服算力等同于概率性图灵机的验证...
    十酒三阅读 933评论 12 7