5：Cordova与原生交互--传值

2019独角兽企业重金招聘Python工程师标准>>>

参考：https://www.jianshu.com/p/4069d360b890

相关命令

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

plugin.xml

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

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

<clobbers target="window.demoPlugin" />

cd MiPlugin

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

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

注意：
1.android-package对应就的是包名，而cordova-plugin-demo.DemoPlugin是不合适的，换成com.cordova.plugin.demo.DemoPlugin
2.source-file对应的真实文件路径，换成src/com/cordova/plugin/demo/DemoPlugin

3.修改src/android/DemoPlugin.js包名为com.cordova.plugin.demo.DemoPlugin

1. 生成package.json
   npm init

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

生成的插件文件结构为：

|MiPlugin
----|src
---------|android
--------------DemoPlugin.java
---------|ios
--------------test.m
----|www
---------|DemoPlugin.js
----plugin.xml
----package.json

 

查看当前工程安装的插件

cordova plugin list

移除列表里面显示的对应插件

cordova plugin remove cordova-hot-code-push-plugin(要移除的插件名(上一步显示的))

转载于:https://my.oschina.net/thinkive/blog/2877642