`
tiantian-yuqing
  • 浏览: 23408 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

web工程生成android应用:android-sdk和cordova配置

阅读更多
   1.首先需要下载android-sdk-linux,官网上都有
http://developer.android.com/sdk/index.html。拷也可以。当然,最好是从官网下载,拷的话最好拷压缩包,否则会出现一些莫名其妙的问题。
下载完了以后就需要配置:首先在终端输入
sudo gedit /etc/profile   //打开profile文件
  然后在文件最后添加两行代码
export ANDROID_HOME=/home/****/android-sdk-linux
export PATH=$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools:$PATH   ///***为你的计算机名,我默认你把android-sdk-linux放在主目录下

修改后保存,同时记得一定要source.在终端输入
source /etc/profile

   2.配置完后检测安装是否正确,输入
android -v
,会弹出Android Sdk Manager,等它自动更新完毕就好了.如果出现权限不够的提示,就在终端输入:
chmod -R +x android-sdk-linux


   如果安装出现问题,有可能是你的java-7-openjdk的配置有问题,输入
sudo find / | grep jni_md.h  //查看java安装目录

  如:
  /usr/lib/jvm/java-7-openjdk-amd64/include/jni_md.h
  /usr/lib/jvm/java-7-openjdk-amd64/include/linux/jni_md.h
输入
sudo gedit /etc/profile  查看你配置的java-7-openjdk的环境

如:
export JAVA_HOME=/usr/lib/jvm/java-7-openjdk-amd64(这里修改为你的  java版本)  注:版本不同的话android就会出问题
export PATH=$JAVA_HOME/bin:$PATH  
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/  tools.jar  


   3.把plugin文件夹(本博客的最下方,可下载)放在scripts下,然后在index.html中添加以下脚本
	<script src="scripts/plugins/underscore.js"></script>
        <script src="scripts/plugins/lib/cordova/cordova-2.1.0.js"></script>
        <script src="scripts/plugins/lib/angular-mobile/mobile-nav.min.js"></script>
        <script src="scripts/plugins/lib/zepto/zepto.js"></script>
        <script src="scripts/plugins/lib/infrastructure/native.js"></script>
        <script src="scripts/plugins/lib/jt-logic.js/conditions.js"></script>
        <script src="scripts/plugins/lib/jt-logic.js/relations.js"></script>
        <script src="scripts/plugins/lib/jt-logic.js/would.js"></script>
        <script src="scripts/plugins/lib/jt-notify.js/notify.js"></script>
        <script src="scripts/plugins/lib/jt/jt.js"></script>
        <script src="scripts/plugins/lib/jt/JTObject.js"></script>
        <script src="scripts/plugins/mobile.js"></script>
	<!--以上js引用放在自己的app.js上面,优先加载-->

   4.android应用需要用到cordova来对程序进行封装。
        首先要确保自己已经安装有:git,nodejs,android-sdk
        接着只需要执行以下几步:
   安装cordova
npm install -g cordova //不需要sudo 

如果已经安装yeoman就不需要再执行下面两条指令了
sudo npm install -g yeoman     
sudo npm install -g generator-angular  

   然后是创建文件夹:
mkdir my-workspace  
cd my-workspace     
cordova create demo com.company.demo "DemoApp" 
cd demo // demo 为你的([文件夹名称])DemoApp为你的[项目名称] 都可以自己更改 
cordova platform add android  //添加android平台
mkdir webapp && cd webapp  //创建并打开webapp文件夹
yo angular webapp     ///(第一个N,其他的都为YES)
  


   在原工程里打开终端输入 grunt --force(安装dist dist为工程所有的文件打包)
    rm -rf ../www/*   //删除www文件夹下的内容  
    cp -rf dist/* ../www/   //复制dist文件夹下的内容到www文件夹下  
    cd ..  //回到 demo文件夹
    cordova build    //生成apk文件  

   此时,apk的文件可以在platforms/android/ant-build/中找到*debug.apk,可以复制到手机上安装调试,看看手机上运行的效果。也可以在连上手机设备后运行 adb install platforms/android/ant-build/*debug.apk  或者在文件platforms/android/ant-build下,输入
$ adb install DemoApp-debug.apk(打开目录,直接install)


   以后每次修改工程后想再生成apk文件,只需要在工程的根目录下 
grunt --force
  生成dist文件,把dist文件夹下的内容(注意是文件夹下的内容,不是dist文件夹)复制到到www文件夹下(删除www里面有来的文件)  再回到 demo文件夹 
cordova build    //生成apk文件  
这样就可以啦
分享到:
评论

相关推荐

    sencha-touch + cordova(PhoneGap)使用adt-eclipse打包实例

    Sencha Touch 和 Cordova(PhoneGap)是两个在移动应用开发中广泛使用的框架。Sencha Touch 是一个专门用于创建触屏设备上的富交互应用的JavaScript库,提供了丰富的UI组件和强大的数据管理功能。Cordova(PhoneGap...

    Android-Cordova插件-用于播放海康监控视频

    - 初始化插件:在新目录下运行`cordova plugin add .`,这会生成必要的配置文件,如`plugin.xml`。 3. **编写插件代码** - 在`plugin.xml`中定义插件ID和JavaScript接口。 - 创建`src/android`目录,并在其中...

    android 第三方webview cordova的集成使用

    5. **构建应用**:运行`cordova build android`命令,Cordova会生成一个Android Studio可识别的项目结构。导入到Android Studio进行进一步开发。 6. **编写HTML/JS代码**:在项目的`www`目录下,编写你的应用界面和...

    ionic调试环境安装(windows系统)

    本文档将详细介绍如何在Windows系统上安装Ionic调试环境,包括必要的前置条件如JDK的安装配置、Android SDK的安装及配置,以及最后Cordova和Ionic本身的安装。 #### 二、安装配置步骤 ##### 1. JDK安装与配置 **...

    cordova 配置eclipse的android 开发

    总之,通过正确配置 Eclipse 和 Cordova,你可以利用熟悉的 Web 技术高效地开发 Android 应用,同时享受到跨平台开发的优势。在实际操作中,可能会遇到一些问题,但随着对 Cordova 和 Eclipse 更深入的理解,这些...

    android studio搭建Cordova环境

    Cordova通过将这些Web应用程序封装在原生应用壳中,使它们能够在iOS、Android和其他平台运行。以下是一个详细的步骤指南,涵盖了如何在Android Studio中配置Cordova环境以及可能遇到的问题及其解决方案。 首先,...

    Vue.js+Cordova开发H5混合应用(以Android为例,附说明文档和工程)

    7. **打包发布**:当应用开发完成并测试无误后,使用`cordova build android`命令生成APK,然后通过Google Play或其他分发渠道发布应用。 通过"Vue.js+Cordova开发H5混合应用(以Android为例).docx"这份文档,...

    phonegap/cordova 案例android版本

    执行“cordova run android”命令会启动构建过程,编译你的Web应用并将其与Cordova框架集成,生成一个可以在Android设备上运行的APK。 在开始之前,你需要确保已安装Node.js、Cordova和Android SDK。使用npm(Node ...

    cordova工程,包含所有插件

    开发者只需拥有相应的开发环境(如Android SDK和Java Development Kit),就可以通过命令行工具(如Cordova CLI)或者集成开发环境(IDE,如Android Studio)来编译和运行应用。 7. **文件结构**:虽然没有列出具体...

    Brother_Printer_Cordova_Plugin:支持 Brother 打印机 SDK 的 Cordova 插件

    而Brother_Printer_Cordova_Plugin则是专门为Cordova框架设计的一个插件,它使得开发者能够利用JavaScript语言,在Android和iOS平台上方便地调用Brother打印机SDK,从而实现移动设备与Brother打印机的无缝对接。...

    cordova+html5=android app

    1. **环境配置**:首先,你需要安装Android Studio,设置Android SDK,并配置Cordova的开发环境。这包括安装Node.js,使用npm(Node包管理器)安装Cordova,以及配置Android开发所需的环境变量。 2. **创建项目**:...

    web打包apk

    本文将详细介绍如何使用Cordova框架将Web应用打包成Android APK文件。 #### 二、准备工作 在开始之前,确保已经安装了以下软件环境: 1. **Java JDK**: Java开发工具包是必不可少的,因为它提供了编译、运行Java...

    Curso-mobile-cordova:Autoglass公司举办的课程

    1. **安装和配置Cordova环境**:包括安装Node.js、Cordova CLI和平台SDK(Android Studio或Xcode)。 2. **创建Cordova项目**:使用`cordova create`命令初始化新项目,并设置config.xml中的配置项。 3. **添加平台...

    [Cordova]Cordova包裝html51

    Cordova通过将这些Web技术封装在原生应用中,使其能够访问设备的功能,如摄像头、GPS、联系人列表等,从而打破了Web应用与原生应用之间的界限。Egg Chen分享的这个话题是关于如何使用Cordova打包HTML5项目。 1. **...

    Sencha在Android上的应用入门

    总之,Sencha在Android上的应用开发涉及安装和配置各种工具,创建和配置项目,以及利用其丰富的UI组件和数据管理功能。通过不断实践和学习,你将能够充分利用Sencha Touch的力量,为Android用户创建出色的移动应用。

    cordova 插件的封装

    Cordova 是一个开源移动开发框架,它允许开发者使用 HTML、CSS 和 JavaScript 这些 Web 技术来构建跨平台的移动应用。Ionic 是基于 AngularJS 构建的一个开源框架,专为混合应用设计,能够提供优秀的用户界面组件库...

    ionic手机APP开发从入门到精通,环境搭建到创建自己的APP

    本文将详细介绍如何从零开始搭建Ionic开发环境,直至创建出第一个iOS和Android应用。 #### 二、基础环境需求 **操作系统:** - **Windows:** 7及以上64位操作系统。 **开发工具:** - **Node.js:** 版本要求为...

    解决cordova+vue 项目打包成APK应用遇到的问题

    在开发移动应用时,有时需要将前端框架如Vue与Cordova结合,以便将Web应用打包成原生的Android APK。本篇文章将详细讲解如何解决在使用Cordova和Vue.js进行项目打包过程中可能遇到的问题。 首先,我们需要确保开发...

    phonegap cordova简明环境配置入门文档

    通过上述步骤,可以成功配置PhoneGap/Cordova开发环境,并开始进行Android应用的开发和调试工作。随着移动应用开发的不断推进,这些配置和设置方法也会有所更新,因此开发者应及时关注PhoneGap/Cordova的官方文档或...

    CordovaTest:通过Cordova默认案例生成的Android项目源码-源码通

    4. **platforms**目录:包含了针对不同平台(如Android、iOS)的原生项目代码,Cordova会根据这些平台的SDK构建应用。 5. **plugins**目录:安装的Cordova插件的源码和配置信息。 6. **platform.xml**和**plugin.xml...

Global site tag (gtag.js) - Google Analytics