逍遥阁

cordova创建简单的基于JavaScript的插件

关键词: cordova

cordova创建简单的基于JavaScript的插件

我们创建一个基于JavaScript的插件lower，把字母由大写转换成小写，步骤如下:

1.在插件目录`/data/plugin`新建一个目录`lower`，里面有两个文件`plugin.xml`和`lower.js`，内容分别如下:

plugin.xml

```
<?xml version="1.0" encoding="UTF-8"?>
<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0" id="www.zhouchun.net.lower" version="1.0.0">
    <name>lower</name>
    <description>字母转小写</description>
    <author>xxfaxy</author>
    <keywords>empty</keywords>
    <license>empty</license>
    <engines>
        <engine name="cordova" version="3.7.1" />
    </engines>
    <js-module src="lower.js" name="lower">
        <clobbers target="lower" />
    </js-module>
    <info>empty</info>
</plugin>
```

lower.js

```
var lower = {
    do: function(string){
        return string.toLowerCase();
    }
};
module.exports = lower;
```

2.创建一个安卓程序

```
cordova create lower www.zhouchun.net.lower lower
cd lower
cordova platform add android
cordova plugin add /data/plugin/lower
```

3.编辑程序的配置文件

config.xml

```
<?xml version='1.0' encoding='utf-8'?>
<widget id="www.zhouchun.net.lower" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>lower</name>
    <description>empty</description>
    <author email="dev@cordova.apache.org" href="http://cordova.io">empty</author>
    <content src="index.html" />
    <access origin="*" />
</widget>
```

4.编辑程序的入口文件

www/index.html

```
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width;">
<script src="cordova.js"></script>
<script type="text/javascript">
function run(){
    var string = document.getElementById("text").innerHTML;
    document.getElementById("result").innerHTML = lower.do(string);
}
</script>
<title>demo</title>
</head>
<body>
<p id="text">ABCDEFG</p>
<p id="result"></p>
<button onclick="run()">转换成小写</button>
</body>
</html>
```

需要注意的是代码中直接引用`cordova.js`就好了，不必去下载放到程序目录下

5.生成安卓apk包

```
cordova build android
```

6.测试apk包

生成的apk包位置是`lower/platforms/android/ant-build/MainActivity-debug.apk`

admin
2017-03-05 22:00:51
cordova

文章分类

文章标签

文章归档

友情链接

cordova创建简单的基于JavaScript的插件