珂珂的个人博客 - 一个程序猿的个人网站

cordova使用

      好早以前就知道html5可以开发APP,最近在开发一个自用APP的时候,界面不满意,写原生代码确实很麻烦,就再研究下html5来做。以前一直没搞明白cordova、Ionic、React、PhoneGap、Vue、Nodejs、Angular等之间的关系,只觉得写非正常html代码就没去研究,今天终于明白一些了。Ionic是基于Angular的前端UI框架与后端没有关系,不过Ionic后来扩展了Cordova。  Cordova是从PhoneGap中抽离出来的一个调用设备API的中间件,他们是基于nodejs 的,我是这样理解的。    本来有JAVA功底,而不擅长前端所以纯HTML否决了,还是选择混合开发,最后决定还是采用Cordova 来做。

网上如是说

    1)首先安装nodejs,安装好后就有 npm了,

    2)安装JAVA SDK 就不说了,一路next就行

    3)可是在安装npm install -g cordova ionic 的时候报错module_not_found 错误,最后找到是因为以前安装过nodejs版本而刚才恰好安装到了同一个目录导致node_modules 目录下有其他版本文件,删掉整           个nodejs安装目录后卸载nodejs 再重新安装问题解决。在npm的时候可能速度会比较慢,npm config set registry https://registry.npm.taobao.org 设置成淘宝镜像。

    4)然后创建Cordova项目:cordova create demo com.kecq.demo

        demo:项目名称

        com.kecq.demo: 包名

    5)然后cd demo

    6)cordova platform add android    这里又报错,看错误很明显是找不到android命令,将android SDK文件夹下的tools路径加入到PATH环境变量,如 D:\Android\sdk\tools   

    7)编译项目cordova build    这里仍然报错,看错误信息是gradle的,网上说是手动下载一个,我想Android Studio不是有吗,于是打开Android Stuido查看

      

以为就是4.1 于是把项目下demo\platforms\android的build.gradle  的classpath 'com.android.tools.build:gradle:3.0.0'  改成4.1 仍然报错.....后来随便打开一个项目查看build.gradle 是3.0.1 于是改成这个果然可以。编译成功后会在这个目录demo\platforms\android\app\build\outputs\apk\debug 生成一个apk

8)导入到Android Studio

有的说是选择android,我的是说选择build.gradle,我选的后者不知有啥区别。


   我以为在打开的项目中点导入会自动把Cordova加入进来,不过却是打开另一个Android Studio,那么我们需要把以前的项目的代码文件粘贴过来,只粘贴java和res文件夹提示是否覆盖选择不覆盖,比较两个文件的差异,再把AndroidManifest.xml 改成以前的,然后点Build菜单下的Make Project,会提示出错android.view.View和android.webkit.WebView转换之类的,这时需要把以前app的build.gradle 中的部分代码加入进来,注意是Module:app 那个,红色框中是以前的



上一篇:个人代码全部开源

下一篇:Ionic 的Android项目加入原生代码


0 评论

查看所有评论

给个评论吧