`

cordova打包js项目,生成android运行文件

阅读更多

cordova的安装和配置,

请参看《linux中俺安装配置cordovahttp://zy-email1991.iteye.com/admin/blogs/2097183

打包js项目:

1:使用终端进入项目根目录,运行命令

 

grunt build
 此时会在项目根目录下生成一个dist文件夹

 

2:创建cordova工程:在要创建工程的目录下,运行命令

 

cordova create [文件夹名称]  com.moode.sms.client  [项目名称]
 文件夹名称和项目名称中间部分的路径是可以自定义的
 
3:将js项目中dist文件夹中的所有文件复制到cordova工程文件夹的www文件夹中

 

4:添加android平台:使用终端进入cordova工程文件夹根目录下,运行命令

cordova platform add android

此时会在cordova工程根目录下的platforms文件夹下生成一个android文件夹

 

 

5:在cordova跟路径下,执行

cordova build

 在platforms/android/ant-build下就可以找到已经打包好的apk文件了,直接拷贝到手机上就可以安装了

 

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    Cordova打包ios平台

    2. **添加 iOS 平台**: 运行 `cordova platform add ios` 命令,这会为项目生成一个 Xcode 工程。 ``` cd myApp cordova platform add ios ``` **四、配置 Xcode 项目** 1. **打开 Xcode 项目**: 在项目根目录下...

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

    通过运行`cordova create`命令,指定项目ID、名称和目标平台(例如,Android)。接着,将Sencha Touch应用的源代码复制到Cordova项目的`www`目录。 4. **配置Cordova**:在Cordova项目的`config.xml`文件中,你可以...

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

    Vue.js+Cordova 开发H5混合应用是一种常见的技术栈,用于构建可以运行在移动设备上的应用程序,特别是Android平台。这种技术结合了Vue.js的前端框架优势和Cordova的跨平台能力,使得开发者可以用Web技术(HTML、CSS...

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

    总结来说,将Vue.js应用打包成Android APK涉及到多个步骤,包括安装必要的工具,创建Cordova项目,添加Android平台,进行测试,以及处理可能出现的错误。理解这些步骤和解决常见问题的方法对于成功打包和部署至关...

    用Cordova打包Vue项目的方法步骤

    6. 添加目标平台并构建:使用Cordova CLI将目标平台添加到项目中,例如Android或iOS。添加后,通过Cordova CLI命令构建项目。构建成功后,可以得到对应的平台可执行文件或者APK文件,这些文件可以用于设备上安装。 ...

    cordova+html5=android app

    7. **打包发布**:当应用开发完成并经过充分测试后,使用`cordova build`命令生成APK文件,然后可以签名并上传到Google Play Store或其他分发渠道。 ### 结合Cordova与HTML5的优势 1. **跨平台兼容**:同一份代码...

    phonegap/cordova 案例android版本

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

    cordova android

    4. **构建与运行**:通过`cordova build android`命令编译项目,然后使用`cordova run android`将应用部署到Android设备或模拟器上。 ### Cordova插件 Cordova的扩展能力主要依赖于插件。开发者可以使用`cordova ...

    cordova将h5打包成apk的流程

    3. **添加Android平台支持**:为了能够生成Android APK文件,需要向项目添加对Android平台的支持。执行以下命令: ```bash cordova platform add android --save ``` `--save`选项表示将平台配置保存到`config....

    cordova生成android的settings.gradle配置module(csdn)————程序.pdf

    ### Cordova生成Android的settings.gradle配置Module解析 #### 一、引言 在跨平台开发领域,Cordova作为一款开源框架,允许开发者使用HTML、CSS和JavaScript等Web技术来构建移动应用。对于Android平台,Cordova会...

    教你用Cordova打包Vue项目的方法

    在本教程中,我们将详细介绍如何使用Cordova来打包Vue项目,将你的Vue应用转化为可安装的Android应用程序。 Cordova是一个开源框架,它允许开发者使用Web技术(如HTML、CSS和JavaScript)构建原生移动应用。Vue.js...

    通过cordova将vue项目打包为webapp的方法

    在项目目录下,使用命令`cordova platform add android`添加Android平台支持,这样Cordova才会创建一个Android项目,并生成一个测试版本的APK文件。 4. 构建Vue项目并复制文件: 在Vue项目中,使用`npm run build...

    cordova调用Android关于服务的插件示例

    本插件示例展示了如何在Cordova应用中调用Android服务,通过AIDL(Android Interface Definition Language)进行通信,并将服务打包为一个单独的jar文件。 首先,理解Cordova插件机制至关重要。Cordova插件是连接...

    Cordova+Vue实现Android-APP开发

    Vue-Cordova插件可以帮助开发者利用Vue.js控制手机硬件,实现如文件存储、地理定位、拍照等更多高级功能。 ##### 安装Vue-Cordova插件 1. **安装插件** 在Vue项目的根目录下安装所需插件,例如用于获取设备信息的...

    [Cordova]Cordova包裝html51

    Egg Chen分享的这个话题是关于如何使用Cordova打包HTML5项目。 1. **安装Cordova** 在开始之前,确保你的开发环境已经准备好了Node.js。你可以从官方网站下载并安装。接下来,通过命令行工具(如终端或命令提示符...

    ReaderApp:cordova+vue项目生成apk

    包名 项目名添加androidcordova platform add android修改vue项目安装vue-cordovanpm install vue-cordova --save在main.js里面添加import VueCorvova from 'vue-cordova'Vue.use(VueCorvova)修改index.html在index....

    windows平台Cordova的安装和app打包.docx

    假设您打算为目标设备是 Android 的应用进行打包,可以在项目根目录下执行: ``` cordova platform add android ``` 除了 Android,还可以添加其他平台支持,如: - Windows: `cordova platform add windows` - WP8:...

    phoneGap(cordova)开发步骤代码

    将`lib/android`目录下的`cordova-2.6.0.js`文件复制到项目中的`assets/www`目录下,这个目录将作为应用的Web内容根目录。同时,将`cordova-2.6.0.jar`文件复制到项目的`libs`目录,以便在编译时链接PhoneGap库。 ...

    Vue仿网易云音乐移动版可通过cordova直接打包成apk

    6. 使用Cordova命令行工具运行`cordova build android`命令生成APK。 7. 安装生成的APK到Android设备或模拟器上进行测试。 此项目中的“vue-music-h5-master”可能是项目的源代码仓库名称,包含所有Vue应用的源代码...

Global site tag (gtag.js) - Google Analytics