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

如圖

 

2、插件配置

進入插件目錄,添加插件支持的平台環境

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

添加之后將在ToastDemo目錄下產生android和ios兩個目錄,此處只定義android環境的ToastDemo

生成的文件內容如圖所示

其中,ToastDemo 目錄下的 plugin.xml 文件將添加如下內容

修改 plugin.xml 文件內容如下圖

修改 ToastDemo.js 文件

修改 ToastDemo.java 文件

3、初始化插件

進入插件目錄

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

提示的時候可以直接回車,使用默認值直到結束,將創建一個 package.json 文件

四、插件使用

給 Cordova 項目添加 android 環境

進入 Cordova 項目目錄

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

js調用

ToastDemo.showToast(“這是Toast內容”);

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM