Apache Cordova 应用框架(Cordova App Harness)搭建与使用教程
1. 项目目录结构及介绍
Apache Cordova 的应用框架项目目录通常包括以下关键部分：
- www: 该目录包含应用的基础HTML、CSS和JavaScript资源。
- platforms: 存放不同平台（如Android、iOS）的项目代码，当你使用
cordova platform add <platform>命令时，这个目录会被填充或更新。 - plugins: 这里安装的是Cordova插件，它们为你的应用添加特定功能。
- config.xml: 应用的主要配置文件，包含了应用元数据、图标、启动画面等信息。
其他辅助文件如.gitignore, jshintrc, 等用于版本控制和代码质量检查。
2. 项目启动文件介绍
在www目录中，index.html是默认的启动文件。它加载了应用的基本HTML结构以及JavaScript库，包括Cordova的API接口。当运行应用时，浏览器或者原生环境会首先加载这个文件。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>你的应用标题</title>
<!-- 引入 Cordova.js 文件 -->
<script src="cordova.js"></script>
<!-- 添加应用样式和脚本 -->
<link rel="stylesheet" href="css/index.css">
<script src="js/index.js"></script>
</head>
<body>
<!-- 你的应用界面内容 -->
<h1>Hello World!</h1>
</body>
</html>
index.js通常包含应用初始化逻辑，例如监听设备准备好的事件(deviceready)，然后执行相应的初始化操作。
document.addEventListener("deviceready", function() {
console.log("设备已准备好");
// 在这里放置设备准备好后的代码
}, false);
3. 项目的配置文件介绍
config.xml 是整个项目的配置中心，它定义了应用的基本属性，如名称、版本、权限、启动画面、图标等。以下是一些重要的元素：
<name>: 应用的显示名称。<widget id>: 应用的唯一标识符。<description>和<author>: 提供关于应用的描述和作者信息。<content src>: 定义应用程序的主要入口点，通常是index.html的URL。<platform>标签用于指定支持的平台，比如<platform name="android">...</platform>。<plugin>元素用来添加或删除插件，例如<plugin name="cordova-plugin-device" spec="^2.0.3" />。
例子：
<widget id="com.example.myapp" version="1.0.0" xmlns="http://apache.org/cordova/ns/plugins/1.0">
<name>我的应用</name>
<description>一个示例Cordova应用。</description>
<content src="app-bundle:///cdvah_index.html" />
<platform name="android">
...
</platform>
<plugin name="cordova-plugin-device" spec="^2.0.3" />
...
</widget>
完成这些步骤后，你就可以通过cordova prepare和cordova run命令来构建和测试你的Cordova应用了。请注意，由于该项目已被废弃，一些功能可能不再维护，建议查阅最新的Cordova官方文档以获取最新的开发信息和最佳实践。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
