1. 程式人生 > >Cordova+Angularjs+Ionic混合開發入門篇(五)—— 外掛的釋出

Cordova+Angularjs+Ionic混合開發入門篇(五)—— 外掛的釋出

自己編寫完的外掛只能自己使用,想共享到Internet或者用到別的專案就比較麻煩,這是我們需要把程式碼做成外掛形式,然後釋出到網上少說廢話,直奔主題!【iOS版,Mac環境】

1.方式一:GitHub託管

cordova    plugin    add    https://github.com/xinniangdeweidao/LZPlugin_1

如果我們想要想安裝device外掛那樣通過cordova   plugin   add   cordova-plugin-device安裝的話我們需要怎麼做呢?下面就讓我們來看看怎麼將自己的外掛釋出吧。

2.方式二:npm釋出cordova外掛,現在比較流行的方式。

首先我們要在我們外掛的目錄下新建一個package.json和一個readme.md檔案。

package.json可以通過:

1.plugman create packagejson 你的外掛目錄

然後根據提示填寫資訊,在這個過程中需要你填寫你的外掛專案的Git地址,所以我們需要先將自己的外掛上傳到git,readme.md檔案主要是對外掛的介紹和如何使用。,不會自行百度。最終如下:

{

"name": "com.lz.lzplugin",//注意這裡的格式,並只能為小寫

"version": "1.0.0",

"description": "Use of a gold maps to locate, to obtain location information",

"cordova": {

"id": "com.lz.plugins.lzplugin",

"platforms": [

"android"

]

},

"repository": {

"type": "git",

"url": "https://github.com/xinniangdeweidao/LZPlugin_1.git"

},

"keywords": [

"ecosystem:cordova",

"cordova-android"

],

"author": "lizhen",

"license": "ISC",

"bugs": {

"url": "https://github.com/xinniangdeweidao/LZPlugin_1/issues"

},

"homepage": "https://github.com/xinniangdeweidao/LZPlugin_1#readme"

}

然後我們需要使用npm將外掛上傳到npm。

如果沒有在npm註冊使用者的話,先執行

npm    addUser

已經註冊使用者的話則執行:

npm    login

最後執行

npm    publish

然後在npm中就可以找到自己上傳的包,便可以通過cordova plugin add cordova-plugin-gaodelocation進行外掛的安裝了。

注意:我把自己的程式碼託管到了github上,並且釋出到了npm上,可有個問題,當我修改了自定義外掛的部分程式碼,同步到github上之後,再通過引入外掛的方式把我自己的外掛引入到專案當中。

先更改package.json檔案中的版本號,然後輸入指令npm publish就ok了