Cordova打包教程

这篇博客介绍了如何使用Electron和Cordova进行跨平台应用开发,包括设置环境变量、配置Android和iOS环境、执行打包命令以及修改应用图标。还提供了遇到问题时的解决方案,如清理缓存以减小APK大小,并展示了如何为不同平台打包。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

https://www.electronjs.org/
https://www.w3cschool.cn/electronmanual/

electron-packager   https://www.cnblogs.com/luzhanshi/p/11045096.html


http://cordova.axuer.com/


http://t.zoukankan.com/chun321-p-9804868.html
配置android环境    https://www.jianshu.com/p/fc29e4144dbd      https://www.cnblogs.com/xiadewang/p/7820377.html
配置ios环境     https://segmentfault.com/a/1190000022878577

 %JAVA_HOME%\bin

%JAVA_HOME%\jre\bin

 C:\Program Files (x86)\Common Files\Oracle\Java\javapath

E:\gradle-4.10.2-all\gradle-4.10.2\bin

//打包命令

https://www.jianshu.com/p/fc29e4144dbd

先执行全局安装,

npm install -g cordova

再生成文件夹

cd到你想要创建项目的文件夹,cordova create是创建项目的命令,hello为本地文件夹名称,com.example.hello为项目id,HelloWorld为最后app的名称

cordova create hello com.example.hello HelloWorld

给你的App添加目标平台,现在我们添加android'平台,并确保他们保存在了config.xml中

cordova platform add android --save

运行cordova run android进行打包

//打包的时候图片不能是png格式!!!

//清理缓存减小apk的大小: cordova clean

//更改打包的图标

cordova打包APP更改图标_行行_出状元的博客-CSDN博客_cordova换图标

//同时打两个包

因为congif.xml之中的widget id="com.example.hello01" 不一样 所以会报错

以下是解决方法:

在重新更改名字的时候需要rm一下安卓的包  再add一次  改一次需要重复操作一次

cordova platform rm android

cordova platform add android

// debug调试工具

移动端H5控制台调试(手机web页面控制台调试)_手机端控制台-CSDN博客

//固定gradle的路径

下载gradle

修改固定gradle路径:
D:\zhy\zhy_study\cordova-quick-packaging-master\platforms\android\cordova\lib\builders\ProjectBuilder

搜索services  https://services.gradle.org/distributions/

//修改gradel路径
                // var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'https\\://services.gradle.org/distributions/gradle-4.10.3-all.zip';
                // var gradleWrapperPropertiesPath = path.join(self.root, 'gradle', 'wrapper', 'gradle-wrapper.properties');
                // shell.chmod('u+w', gradleWrapperPropertiesPath);
                // shell.sed('-i', distributionUrlRegex, 'distributionUrl=' + distributionUrl, gradleWrapperPropertiesPath);
                var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'file:///D:/zhy/zhy_study/gradle-4.10.3-all.zip';
                var gradleWrapperPropertiesPath = path.join(self.root, 'gradle', 'wrapper', 'gradle-wrapper.properties');
                shell.chmod('u+w', gradleWrapperPropertiesPath);
                shell.sed('-i', distributionUrlRegex, 'distributionUrl=' + distributionUrl, gradleWrapperPropertiesPath);

### 使用 Cordova 进行应用打包教程 #### 1. 安装环境准备 为了能够成功使用 Cordova 执行应用打包操作,首先需要确保开发环境中已经正确配置了 Node.js 和 npm。可以通过以下命令验证其是否已安装并可用: ```bash node -v && npm -v ``` 如果尚未安装,则需先完成安装过程[^1]。 接着,通过 npm 命令全局安装 Cordova 工具链: ```bash npm install -g cordova ``` 这一步会将 Cordova 的核心工具集下载至系统的全局路径中,并允许后续直接调用 `cordova` 命令[^2]。 对于离线场景下的安装需求,可以按照引用中的描述方法手动迁移所需的依赖文件到目标机器上相应目录内实现功能支持[^1]。 #### 2. 创建项目结构 初始化一个新的 Cordova 应用程序实例可通过如下指令达成: ```bash cordova create MyApp com.example.myapp MyAppName ``` 其中参数分别代表项目的根目录名称、反向域名风格的应用 ID 及显示名[^3]。 进入新建的工作区之后加载必要的平台插件组件比如 Android 平台的支持模块: ```bash cd MyApp cordova platform add android ``` #### 3. 配置构建选项 有时可能会遇到特定版本兼容性问题或者网络连接异常情况导致失败的情况,例如 Gradle 版本冲突错误提示类似于 “Test of distribution url...failed.” 此类现象时可尝试指定自定义分发链接解决办法之一即修改本地 properties 文件设定固定地址替代默认在线获取方式处理此类状况[^3]: 编辑位于 `.cordova/lib/android/cordova/<version>/framework/project.properties` 中加入下面一行内容覆盖原有设置: ```properties android.gradle=local:///path/to/offline/gradle-<specific_version>-bin.zip ``` 另外还可以利用 CLI 参数形式临时调整当前 session 下的行为表现如强制指派确切版次号减少不确定性干扰因素影响成功率提升效率效果更佳些样例演示如下所示: ```bash cordova build android -- --gradle-distribution-url=https://example.com/path/to/local_gradle_distribution.zip --gradle-version=<compatible_version> ``` #### 4. 构建与运行测试 最后阶段便是实际执行编译流程生成最终产物APK文件供进一步发布用途所用了: ```bash cordova build android ``` 完成后可以在 platforms/android/app/build/outputs/apk/debug 路径找到初步成果用于调试检验目的[^2]. 要模拟器或真机预览查看效果的话只需简单追加 run 动作即可自动完成整个链条动作序列直至展示界面为止: ```bash cordova run android ``` --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值