對之前學習的一個紀錄: 利用plugman自定義插件 1、安裝pullman:npm install -g plugman(需要先裝上nodejs環境才能使用npm)2、 plugman安裝完之后就可以創建一個插件了,命令如下:
plugman create --name <pluginName> --plugin_id <pluginID> --plugin_version <version> [--path <directory>] [--variableNAME=VALUE] 參數說明:
pluginName: 插件名字pluginID: 插件id, egg : videoPlugin oversion: 版本, egg : 0.0.1directory:一個絕對或相對路徑的目錄,該目錄將創建插件項目variable NAME=VALUE: 額外的描述,如作者信息和相關描述
eg : plugman create --name IMVideoPlugin --plugin_id imVideoPlugin --plugin_version 0.0.1 命令執行完成之后會生成插件文件夾(包括www、src、plugin.xml),www下面放我們的js文件,src里面放我們各自平臺的原生代碼,plugin.xml里面是對我們插件的一些配置說明。
參數說明:
id:%20 插件的id
version:%20插件的版本
name:%20插件的名字clobbers:%20這個是js代碼調用原生代碼的引用這樣一個插件就配置完了,可以cd進入ionic項目用:cordova%20plugin%20add%20插件路徑%20,這個命令來添加插件(需要用npm安裝Cordova)%20,cordova%20plugin%20remove%20插件id,這個命令來移除插件,插件的編寫稍后會說。
上面是通過plugman工具幫助我們自動安裝,那么他到底做了什么呢??,如果不使用plugman我們可以怎么做呢??方法如下:以ios項目為例,安裝插件其實為我們做了這些操作:1、導入復制插件中使用的相應第三方sdk(例如支付寶支付插件需要支付寶的sdk等),2、用xcode打開我們用ionic添加的iOS項目,可以看見有如下文件:首先在staging里面的config.xml進行配置:添加配置如下:
然后對Staging->www->cordova_plugins.js進行配置:配置如下:
接下來看一下本插件供前端調用的imvideo.js的編寫,下圖的
cordova-plugin-imvideo.im%20應與上圖中配置的id一致
js方法調用代碼:
最后我們看一下oc里面接收的代碼:IMvideoPlugin.h
IMvideoPlugin.m
新聞熱點
疑難解答