一、創建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內容”);