Cordova插件制作

作者: 茗同学 | 来源:发表于2017-08-15 13:18 被阅读42次

    准备

    1. 全局安装plugman
      npm install -g plugman

    2. 创建插件
      plugman create --name <pluginName> --plugin_id <pluginID> --plugin_version <version> [--path <directory>]

      plguinName 插件名称
      pluginID 插件唯一ID
      version 版本号
      directory 插件创建的目录

      创建命令.png
      插件结构.png

    插件结构

    |TestDialog
    ----|src
    ---------|android
    --------------TestDialog.java
    ---------|ios
    --------------TestDialog.m
    ----|www
    ---------|TestDialog.js
    ----plugin.xml
    

    制作

    以下是Android 部分的插件制作,IOS类似

    1. 编写java插件代码


      java插件代码.png
       把TestDialog.java拷贝到 插件的android目录下
      
    2. 修改plugin.xml


      image.png
    3. 修改www文件夹下的JS文件


      js.png

    安装插件

    1. 创建package.json(这是个坑)
      切换到插件目录下 执行命令
      plugman createpackagejson <directory>
    package.json.png
    1. 安装
      cordova plugin add <directory>

    测试

    1. 添加测试代码


      image.png
    2. 效果
    image.png image.png

    相关文章

      网友评论

        本文标题:Cordova插件制作

        本文链接:https://www.haomeiwen.com/subject/vlpmrxtx.html