Cordova自定义插件开发

摘要:
//www.w3cscool.cn/cordova/cordova_environment_Setup.html在将创建cordova项目的目录中打开一个命令窗口。
一、创建Cordova项目

在创建项目前请确保安装Cordova

Cordova环境配置:https://www.w3cschool.cn/cordova/cordova_environment_setup.html

在即将创建的Cordova项目存放目录打开命令窗口,输入创建命令

cordova create CordovaProject io.cordova.hellocordova CordovaApp
CordovaProject               是创建应用程序的目录名称。
io.cordova.hellocordova      是默认的反向域值。 如果可能,您应该使用您自己的域值。
CordovaApp                   是您应用的标题。

本人命令行工具使用的git bash,Cordova项目创建在D盘下:

DELL@DESKTOP-8M3VQSF MINGW64 /d
$ cordova create CordovaProjectPlugins com.kcsm.acsa ACSA
二、安装依赖plugman

plugman是用于安装和卸载用于Apache Cordova项目的插件的命令行工具。

https://www.npmjs.com/package/plugman

进入项目目录,安装plugman

$ cd /d/CordovaProjectPlugins
$ npm install -g plugman
三、创建插件

定义一个最简单的Toast插件

1、插件创建

plugman create --name [插件名] --plugin_id [插件id] --plugin_version [插件版本]

为了方便管理,将插件创建在 Cordova 项目目录下的 plugins 文件夹下

注意起名,不要和原生方法冲突了。

$ cd plugins

DELL@DESKTOP-8M3VQSF MINGW64 /d/CordovaProjectPlugins/plugins
$ plugman create --name ToastDemo --plugin_id cordova-plugin-toastdemo --plugin_version 1.0.0

如图

Cordova自定义插件开发第1张

2、插件配置

进入插件目录,添加插件支持的平台环境

$ cd ToastDemo
$ plugman platform add --platform_name android
$ plugman platform add --platform_name ios

添加之后将在ToastDemo目录下产生android和ios两个目录,此处只定义android环境的ToastDemo

生成的文件内容如图所示

Cordova自定义插件开发第2张

其中,ToastDemo 目录下的 plugin.xml 文件将添加如下内容

Cordova自定义插件开发第3张

修改 plugin.xml 文件内容如下图

Cordova自定义插件开发第4张

修改 ToastDemo.js 文件

Cordova自定义插件开发第5张

修改 ToastDemo.java 文件

Cordova自定义插件开发第6张

3、初始化插件

进入插件目录

DELL@DESKTOP-8M3VQSF MINGW64 /d/CordovaProjectPlugins/plugins/ToastDemo
$ npm init

提示的时候可以直接回车,使用默认值直到结束,将创建一个 package.json 文件

Cordova自定义插件开发第7张

四、插件使用

给 Cordova 项目添加 android 环境

进入 Cordova 项目目录

$ cd /d/CordovaProjectPlugins/
$ cordova platform add android --save
安装插件
$ cordova plugin add /d/CordovaProjectPlugins/plugins/ToastDemo

js调用

ToastDemo.showToast(“这是Toast内容”);

Cordova自定义插件开发第8张

免责声明:文章转载自《Cordova自定义插件开发》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇BMap:WEB 服务APIIntelliJ IDEA常用统一设置2-Inspections检查设置(Linux/Mac/Windows)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

那些年踩过的WebAPI的坑(一)

Visual Studio创建一个web项目, 在下一步的时候创建WebAPI项目的时候勾选web API之后,系统会生成一个web项目。 首先看一下webapi的路由配置,在App_start/webapiconfig.cs中,可以看到如下代码: 1 public static void Register(HttpConfiguration con...

vue 安装教程

vue 安装教程 转自:https://www.cnblogs.com/miller-star/p/6394760.html 1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html) 2.基于node.js,利用淘宝npm镜像安装相关依赖  在cmd里直接输入:npm inst...

springboot配置idea 热部署

背景: 在开发中,当我们修改代码之后,每次都要重新启动,很是浪费时间,在springboot中就有一种热部署方式,可以实现想要修改不需要每次都重新启动,保存即可生效 用法: 一、maven 添加   二、添加编译时候的配置 如下的配置在idea的springBoot项目中可以不需要添加,因为springBoot项目中已经默认有了此配置(亲测没有...

TeeChart 8.01 With Source在Delphi 7.0中的安装(转)

转载自:http://www.360doc.com/content/10/1012/22/3572432_60499559.shtml TeeChart.v8.01安装日志. 为了安装teechart,可谓是煞费苦心,昨晚弄到深夜一点过,今天又弄了两个多小时.特将安装日志记录如下: 一、TeeChart Introduction: TeeChart Pro...

svn常见问题汇总

[整理]svn常见问题汇总   1、’.’ is not a working copy.Can’t open file‘.svn/entries’: 系统找不到指定的路径。 解答:原因是输入的访问路径不正确,如svn://192.168.6.200/如果最后少写了“/”,就会出现这种错误提示。2、将文件checkout之后,没有出现SVN的图标,是怎么...

如何将一个Maven项目转化成一个Eclipse项目

有时候我们需要将一个Maven项目导入到Eclipse中,直接作为一个普通的eclipse项目来导入是不行的,我们可以通过一个命令来实现:mvn eclipse:eclipse 1、 进入该Maven项目的目录,该目录下必须要有pom.xml文件,否则是无法运行以上命令的。 2、在当前目录的地址栏里输入cmd;或者按住Shift+鼠标右键,选择在此处打开命...