Cordova

Cordova 制作插件(本地)

2018-03-29  本文已影响132人  lyzaijs

参考cordova自定义插件的创建过程

相关命令

1、安装plugman
npm install -g plugman
2、创建插件
plugman create --name MiPlugin --plugin_id cordova-plugin-mi --plugin_version 1.0.0

plugin.xml

<?xml version='1.0' encoding='utf-8'?>
<plugin id="cordova-plugin-mi" version="1.0.0" xmlns="http://apache.org/cordova/ns/plugins/1.0" xmlns:android="http://schemas.android.com/apk/res/android">
    <name>MiPlugin</name>
    <js-module name="MiPlugin" src="www/MiPlugin.js">
        <clobbers target="cordova.plugins.MiPlugin" />
    </js-module>
</plugin>

注意:clobbers中的target是提供给前端使用,通常会使用简单或者有意义的。这里可以换成 window.mi

<clobbers target="window.mi" />

cd MiPlugin

  1. 增加Android平台
    plugman platform add --platform_name android
plugin.xml


<?xml version="1.0" encoding="utf-8"?>

<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0" xmlns:android="http://schemas.android.com/apk/res/android" id="cordova-plugin-mi" version="1.0.0">
  <name>MiPlugin</name>
  <js-module name="MiPlugin" src="www/MiPlugin.js">
    <clobbers target="cordova.plugins.MiPlugin"/>
  </js-module>
  <platform name="android">
    <config-file parent="/*" target="res/xml/config.xml">
      <feature name="MiPlugin">
        <param name="android-package" value="cordova-plugin-mi.MiPlugin"/>
      </feature>
    </config-file>
    <config-file parent="/*" target="AndroidManifest.xml"/>
    <source-file src="src/android/MiPlugin.java" target-dir="src/cordova-plugin-mi/MiPlugin"/>
  </platform>
</plugin>

注意:
1.android-package对应就的是包名,而cordova-plugin-mi.MiPlugin是不合适的,换成com.test.cordova.plugin.CloudRoomJS
2.source-file对应的真实文件路径,换成src/com/test/cordova/plugin

  1. 生成package.json
    npm init

  2. 安装本地插件
    cordova plugin add 本地路径

生成的插件文件结构为:

|MiPlugin
----|src
---------|android
--------------MiPlugin.java
---------|ios
--------------test.m
----|www
---------|MiPlugin.js
----plugin.xml
----package.json
上一篇 下一篇

猜你喜欢

热点阅读