自定义cordova插件

1、安装plugman

若我们需要自己编写自己的插件，则可以使用额外的一个叫做plugman的工具, 该工具可直接通过npm来安装。

npm install -g plugman

使用plugman的好处就是会自动帮我们生成一套代码框架，而不需要我们再自己一个个建立文件

2、生成插件框架

安装成功后，就可以使用plugman命令来自动生成插件代码框架，避免手工建立和输入代码文件的工作：

cd到你要生成插件的目录，执行下面这句命令生成插件

plugman create --name  --plugin_id  --plugin_version <0.0.1> 

之后就可以发现在目录下生成了PhotoBrower文件夹。

3、添加平台支持

进入插件目录,运行相应的平台支持命令，就可以支持我们需要的平台，命令如下：

plugman platform add --platform_name android (Andriod)
plugman platform add --platform_name ios    (iOS)

可以发现当我们添加了平台支持后，/src目录下就多了相应平台的文件夹

4、添加package.json文件

在没有给插件添加package.json文件之前，直接安装插件是会报错的，这个时候就需要我们添加package.json文件了，执行如下命令：

npm init

这个命令会引导你创建一个package.json文件，其中包括填写一些插件的信息。

name：名字建议写plugin_id
version：
description：
main：
scripts：
author：
license：

5、编写插件

插件准备工作做完了，接下来就是编写插件功能了

6、安装插件

cordova plugin add <插件的地址>

7、使用插件

• 声明

declare var cordova: any;

@Component({
  selector: 'page-chaoshang',
  templateUrl: 'chaoshang.html',
})

• 调用

cordova.plugins.PhotoBrowser.show(imageUrls, index);

8、问题汇总

• plugin.xml配置

    PhotoBrowser