10個超實用的APP必備外掛程式，讓你少敲80%代碼

標籤：APP   移動開發   AppCan   移動平台   代碼   外掛程式   

 一個APP的需求來自於哪兒？產品、老闆、客戶….. 做程式員不容易，需求一句話，就是幾千幾萬行代碼！所幸，在AppCan平台開發APP，開發人員只需完成應用的前端部分，至於各項複雜的功能，就交給AppCan來搞定吧！

這裡列出AppCan10個新增的精品外掛程式，IM、介面布局、視頻、圖片編輯等等，開發人員簡單調用外掛程式介面，就可以輕鬆為應用接入豐富功能，非常實用。

1.uexNBListView

自訂布局列表外掛程式：封裝了自訂布局的功能，開發人員可通過該外掛程式實現原生布局。

外掛程式：

方法說明：

setItems 設定列表資料

setRefreshStatusCompleted 設定重新整理完成狀態

onPullRefreshHeader 下拉重新整理的監聽方法

onPullRefreshFooter 上拉重新整理的監聽方法

XXX 自訂布局內的元素被點擊的監聽方法
….

設定重新整理完成狀態樣本：

var params = {

    listViewId:0

};

var data = JSON.stringify(params);

uexNBListView.setRefreshStatusCompleted(data);

2. uexTabBarWithPopMenu

底部功能表列外掛程式: 類似qq空間的底部導覽功能表，產生一個應用底部導覽功能表模組，開發人員可自訂菜單各種樣式。

外掛程式：

方法說明：

setItemChecked 設定tab選中項

onTabItemClick tab功能表項目被點擊的監聽方法

onPopMenuItemClick 快顯功能表項被點擊的監聽方法

….

設定tab選中項樣本：

var param1 = {

        index:1

    };

    var data1 = JSON.stringify(param1);

uexTabBarWithPopMenu.setItemChecked(data1); 

3. uexWheelPickView

通用選取器：該外掛程式是三級聯動結構,支援資料來源自訂和預設選中資料來源。

外掛程式：

方法說明：

open 開啟選取器

close 關閉選取器

onConfirmClick 對確認按鈕的監聽方法

….

監聽確認按鈕樣本：

window.uexOnload = function() {

   uexWheelPickView.onConfirmClick = function(result){

             alert(result);

   }

 }

4. uexALiBaiChuan

阿里百川外掛程式：封裝了阿里百川的基礎功能：手淘授權登陸、退出登陸、擷取登入者的資訊、開啟購物車、開啟我的訂單、通過itemid開啟寶貝詳情等。

外掛程式：

方法說明：

getUserInfo 擷取使用者資訊

openMyCart 開啟購物車

openMyOrdersPage 開啟訂單列表

openItemDetailPageById 開啟商品真實ID對應的詳情頁面

openItemDetailPageByURL 通過URL開啟指定商品頁面

….

通過URL開啟指定商品頁面樣本：

var params = {

          url : "https://detail.tmall.com/item.htm?id=528887107325",

          mmpid : "mm_175878368_0_0"

        };

uexALiBaiChuan.openItemDetailPageByURL(JSON.stringify(params));

5. uexQupai

趣拍短視頻外掛程式：封裝了趣拍精簡版功能, 支援自訂視屏尺寸,碼率,美顏效果等。

外掛程式：

方法說明：

init 初始化趣拍

config 初始化拍攝的相關參數

record 開啟視頻錄製介面

cbInit 初始化的回調方法

cbRecord 錄製完成的回調方法

….

初始化拍攝樣本：

var params={

    maxDuration:10  //視頻錄製最大時間

}

uexQupai.config(JSON.stringify(params));

6. uexMobSMS

Mob簡訊驗證外掛程式：封裝Mob簡訊驗證相關操作

外掛程式：

方法說明：

sendCode 傳送簡訊驗證碼到手機

commitCode 提交簡訊驗證碼

cbSendClick 擷取驗證碼的回調方法

cbCommitClick 提交驗證碼的回調方法

….

傳送簡訊驗證碼樣本：

var params = {

       "phoneNum": "11538617903",

       "countryCode": "86"

 };

uexMobSMS.sendCode(JSON.stringify(params));

7. uexNIM

網易雲信外掛程式: 本外掛程式基於NIM(網易雲信)API封裝,使用者可以使用本外掛程式實現基本的即時通訊功能,包括聊天室、單聊、群聊、音視訊通話。

外掛程式：

方法說明：

onMultiLoginClientsChanged(param) 多端登入監聽

sendLocationMsg(param)//發送地理位置資訊

fetchMessageHistory(param) 雲端記錄

playAudio(param) 播放音頻

createTeam(param) 建立群組

requestFriend(param) 好友請求

….

發送地理位置資訊樣本：

var param = {

    sessionId:,//單聊時聊天人的userid， 群聊時groupid， 聊天室的id

    sessionType:,//0-單聊,1-群聊, 2- 聊天室

    title:,//位置的地址名

    latitude:,

    longitude:,

    ext://擴充欄位， Object類型

};

8. uexCamera360

圖片編輯外掛程式：該外掛程式封裝了Camera360開放SDK編輯圖片的功能。

外掛程式：

方法說明：

edit 編輯圖片

setAPIKey 設定APIKey

cbEdit 編輯圖片的回調方法

編輯圖片樣本：

var params = {

            id:2,

            imgSrcPath:"",//要編輯的圖片源地址,不傳或傳空時,開啟系統圖庫

            isSaveToGallery:false,//編輯後的圖片是否儲存到相簿

            imgSavePath:"wgt://"//編輯後的圖片儲存路徑

        };

        var data = JSON.stringify(params);

        uexCamera360.edit(data);

9. uexDiDiTravel

滴滴出行外掛程式：主要封裝了滴滴出行SDK提供的API介面，實現對滴滴出行多種業務線（出、專、快、代）服務的調用。

外掛程式：

方法說明：

callDDApi 調用滴滴開放API

getTicket 擷取滴滴API的Ticket資訊

cbGetEstimateTime 擷取預估時間的回調方法

cbGetEstimatePrice 擷取預估費用的回調方法

cbGetCurrentOrderStatus 擷取當前進行中的訂單狀態的回調方法

….

擷取預估費用樣本：

function cbGetEstimatePrice (opId,dataType,data) {

    alert(data);

}

window.uexOnload = function(){

    uexDiDiTravel.cbGetEstimatePrice= cbGetEstimatePrice;

}

10. uexXunfei

訊飛語音: 封裝了科大訊飛語音辨識和語音合成的相關功能。

方法說明：

startSpeaking 開始語音合成

stopSpeaking 停止語音合成

pauseSpeaking 暫停語音合成

resumeSpeaking 繼續語音合成

cbInit 初始化完成的回調方法

….

初始化完成回調樣本：

function cbInit(info){

           alert(’cbInit: ’+info);

}

除上述外掛程式外，AppCan外掛程式中心還有很多豐富外掛程式供各位開發人員使用，大家可以登入http://plugin.appcan.cn/，查看更多精彩內容。

10個超實用的APP必備外掛程式，讓你少敲80%代碼