cordova插件的创建

cordova插件的创建

安装 plugman

创建插件用 plugman,需要安装,命令如下:

npm install -g plugman 

创建插件

安装完 plugman,就可以用它创建插件了,进入到项目下的 plugins 目录(任意目录都行,最后添加到项目中会重新创建目录),创建插件:

plugman create --name Test --plugin_id com.example.hello --plugin_version 1.0.0

这里最好把名称大写,包名写成安卓项目中的代码包名,如 com.example.hello.Test 就是安卓内的插件。

这时候 src 目录内还是空的,需要为其添加平台。进入插件目录,以安卓为例,执行如下代码:

cd Test
plugman platform add --platform_name android

这里还要在插件目录里创建一个 package.json 文件:

plugman createpackagejson . 
#注意后面的点

会提示输入一些东西,不想输入可以直接 enter 飘过:

name: (com.example.hello) Test
version: (1.0.0)
description: Test cordova simple feature
git repository:
author:
license: (ISC):

再次确认这个 json 文件,就完成了。

到这里插件就写好了,可以看到 src下有 android 的 Java 代码,www 目录里有 JS 代码,可以看到写的都很简单,但是又互相调用了。

添加插件

现在插件写好了,就可以添加插件了,切到项目目录下,执行:

cordova plugin add .\plugins\Test

这里添加会在 android 项目中的 config.xml 中加上插件的注册,所以不用手动去注册了。

下面有一些插件相关命令,需要的时候可以用用:

#安装插件
cordova plugin add cordova-plugin-device
#查看插件
cordova plugin list
#删除插件
cordova plugin rm cordova-plugin-device

运行

添加好插件就可以在 Android studio 里面运行安卓代码了,可以看到 com.example.hello.Test 已经自动添加到项目中了。

问题

真TM天下乌鸦一般抄,一个功能全网一模一样,没一个人验证能不能用,问题就出在 plugin_id 上,这里根本不能用 “.” 号!!!看看其他的插件都是用的 “-”,改一下就好了,并订正 plugin.xml 里面安卓项目的 target-dir,这里改成 “.” 。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开发 Cordova 件的基本步骤如下: 1. 创建件项目 使用 Cordova 命令行工具创建一个新的件项目,例如: ``` cordova create my-plugin com.example.myplugin MyPlugin ``` 这将创建一个名为 `my-plugin` 的 Cordova 项目,并在 `my-plugin/plugins` 目录下创建一个名为 `com.example.myplugin` 的件。 2. 添加件代码 在 `my-plugin/plugins/com.example.myplugin` 目录下创建一个子目录,例如 `src/ios`,在其中添加件的原生代码。对于 iOS 平台,这通常是一个 `.m` 文件和一个 `.h` 文件。对于 Android 平台,这通常是一个 `.java` 文件。 3. 添加件描述文件 在 `my-plugin/plugins/com.example.myplugin` 目录下创建一个名为 `plugin.xml` 的文件,该文件描述了件的信息和功能。件描述文件示例: ```xml <plugin xmlns="http://apache.org/cordova/ns/plugins/1.0" id="com.example.myplugin" version="1.0.0"> <name>MyPlugin</name> <description>This is my plugin</description> <license>Apache 2.0</license> <keywords>cordova, plugin, myplugin</keywords> <author email="[email protected]" href="http://example.com"> My Name </author> <engines> <engine name="cordova" version=">=3.0.0" /> </engines> <platform name="ios"> <source-file src="src/ios/MyPlugin.m" /> <header-file src="src/ios/MyPlugin.h" /> </platform> <platform name="android"> <source-file src="src/android/MyPlugin.java" /> </platform> </plugin> ``` 4. 安装件 将件添加到 Cordova 项目中: ``` cordova plugin add /path/to/my-plugin ``` 5. 使用件 在 Cordova 应用程序中使用件,例如: ```js var myPlugin = cordova.plugins.myPlugin; myPlugin.doSomething(); ``` 以上是 Cordova 件开发的基本步骤,具体实现需要根据件的功能和要求进行调整和修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值