cordovar 项目创建及自定义plugin创建(添加lib库)和添加

cordova是混开中常用到的地方放框架,主要优点是可以搭建一套js代码,使用多个平台(android、ISO、window等)。详细的不过多介绍,只讲一下,如何创建一个cordova项目、创建一个自定义plugin、plugin中添加lib库、把plugin添加进项目。
cordova环境搭建可以参考官网或百度:https://cordova.apache.org/docs/en/8.x/guide/cli/index.html
当然demo也可以参见官网,不过写的不是很清晰,所以自己整理了一份。
下面Cordova项目均以android为开发平台。

一、创建cordova项目

cd到一个目录下面。
1.可以专门为cordova建立一个目录,例如:
code/Cordova
2.cd到这个目录下面:然后输入命令,创建项目
cordova create hello com.example.hello HelloWorld
可以看到创建成功
在这里插入图片描述
3.添加平台(安卓平台)
cd hello
cordova platform add android
在这里插入图片描述
到此,项目就创建完成了。下面创建自定义plugin。

二、自定义plugin

这里建一个文件夹,存放各种自定义的plugin
code/Cordova/Plugin
cd到这个目录下面
1.创建自定义plugin
以github上官网例子
plugman create --name MyToast --plugin_id org.demo.mytoast --plugin_version 0.0.1
在这里插入图片描述
同样,插件中包含js和平台代码,所以也要添加平台。
2.添加平台
cd 到新生成的目录下,然后添加平台
在这里插入图片描述
3.添加lib库
注意,这里不管几个jar要添加,只写一个就可以,为了修改plugin.xml简便,只写一个.jar。然后其余的jar可以直接拷贝到项目的libs目录下,就自动加载出来了。但是一个不写,直接拷贝到项目libs目录下,是不是别的。。我觉得这是个bug。
当然,如果你需要单独开发这个plugin,不再as里,那么你就都加进来吧,知识在修改plugin.xml的时候会多谢几句语句。
插件依赖的lib库,需要添加进来,在后面把插件添加进项目的时候,会自动把lib库也加进去。
此操作分为两部:先把lib库放到相关目录,然后再修改plugin.xml增加一条语句。
在这里插入图片描述
我把lib库放到了java文件目录下;
修改plugin.xml增加语句,主要是告诉cordova lib库在哪,再添加这个插件的时候把lib库放到项目的那个位置
在这里插入图片描述
4.然后要运行一下 npm init,生成一个json文件,主要是一步一步的填写信息。注意点就是name要小写,然后license我写的Apache-2.0,最后输入yes,其余不改的话,直接敲回车就可以了。
在这里插入图片描述
现在可以再插件中修改代码,使用lib库。或者把插件加入到项目中以后再修改代码使用lib库。

三、添加自定义插件到项目

这个就是一条命令语句,cd到闯将好的项目目录,这里是第一步创建的hello目录,
然后输入添加插件命令:
在这里插入图片描述
这样就把插件加载进来了。
可以在项目的libs文件夹中看到相关的jar
在这里插入图片描述

此时,在as工程中看不到lib,需要修改一下gradle文件
在这里插入图片描述
运行一下gradle
在这里插入图片描述
这样就可以看到了
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章