Cordova框架的使用（一）

最新推荐文章于 2024-03-18 23:36:24 发布

性感菠萝头

最新推荐文章于 2024-03-18 23:36:24 发布

阅读量4.7k

点赞数 1

文章标签： android cordova

本文链接：https://blog.csdn.net/wljs17/article/details/122858824

版权

Cordova概述

Cordova 是用于使用HTML，CSS和JS构建移动应用的平台。具体说明可以去查看官方文档。该博客是基于window系统使用的。

用Cordova构建和运行App，需要配置好当前使用的环境，以安卓为例：

需要的	举例
JDK	JDK8或者最新的版本
Android SDK	直接下载SDK或者通过Android studio下载
Node.js	https://nodejs.org/zh-cn/

设置环境变量（官方文档的描述如下）：

将JAVA_HOME环境变量设置为 JDK 安装的位置；
将ANDROID_SDK_ROOT环境变量设置为您的 Android SDK 安装位置；
还建议您将 Android SDK 的cmdline-tools/latest/bin,emulator 和platform-tools目录添加到您的PATH；
对于 apksigner 和 zipalign，build-tools还必须将 Android SDK 添加到您的PATH；

node.js是javascript的一种运行环境，是一个服务器端的javascript的解释器。安装完Node.js后可以通过以下命令查看安装版本：

通过命令node --version  可查看nodejs版本；
通过命令npm --version  可查看npm版本；

打开终端依次输入以下命令进行安装：

执行命令安装cordova：
npm install -g cordova

执行命令安装插件管理器：
npm install -g plugman

安装完毕后可以通过以下命令查看版本：

cordova -v
plugman -v

搭建完环境之后就可以创建第一个Cordova项目了。

cordova create myapp com.android.app MyApp

-- myapp 目录名称
-- com.android.app 包名/工程id
-- MyApp 项目名称

创建成功之后你就会发现文件夹里一些东西，但是还不是完整的，接下来我们要添加Android平台：
从终端进入myapp目录

cd myapp

输入添加Android平台的命令：

cordova platform add android --save

-- ios平台类似：cordova platform add ios --save

添加成功之后就会在platforms目录下出现android目录及其相关文件，到这里一个Cordova项目就创建成功了。

在这里使用Android studio导入platforms下的android即可，等待编译构建项目，直到app文件夹有个小绿点的出现。

编译出现的问题：

cordova Install the Android build tools version 30.0.3 or higher。解决办法在Android studio中的SDK Manage中点击SDK Tools,再将右下角的show Package Details勾选，再根据提示勾选对应的版本，然后apply就行了。

目前我遇到的就这一个问题，有更多问题欢迎评论。

感谢网上各位大佬的资料，大家也可以看看https://www.jianshu.com/p/058a0dd7f809

关注