AppCan移动应用开发平台新增9个超实用插件（内含示例代码）

使用AppCan平台进行移动开发，你所需要具备的是Html5+CSS +JS前端语言基础，此外，Hybrid混合模式应用还需结合原生语言对功能模块进行封装，对于没有原生基础的开发者，如何实现App里包括支付、界面布局、地图导航、IM等功能呢?

这里列出9个AppCan新插件，在使用AppCan平台进行移动开发时非常实用。

1. uexInAppPurchase

iOS内部支付IAP插件：封装内部支付IAP相关操作。

方法说明：

getProductList 得到产品列表方法

purchase 购买单一产品

restorePurchase 恢复购买方法

cbGetProductList 获取产品列表信息的回调方法

cbGetVerifyInfo 获取产品购买验证信息的回调方法

购买单一产品示例：

　　var params = {

　　"productID":"EnergyBottle",

　　"appStoreVerifyURL": true

　　};

　　uexInAppPurchase.purchase(JSON.stringify(params));

2. uexSecurityKeyboard

安全键盘输入框插件：可创建带安全键盘的输入框，提供纯数字键盘,数字、字母和符号可切换的键盘,同时输入框位置、键盘描述信息可以定制。

方法说明：

　　open 创建带安全键盘的输入框

　　close 销毁带安全键盘的输入框

　　getContent 获取输入框中的内容

　　cbGetContent 获取输入框中的内容的回调方法

　　创建安全键盘输入框示例：

　　var params = {

　　"id":"1",

　　"keyboardType":1,

　　"keyboardDescription": "正益移动安全输入",

　　"x":100,

　　"y":100,

　　"width":250,

　　"height":50

　　};

　　uexSecurityKeyboard.open(JSON.stringify(params));

3. UexApplePay

苹果支付插件：实现iPhone手机的Apple Pay 支付功能。

【需获取公测权限，请加官方公测群：340690362】

方法说明：

　　canMakePayment 检测是否可以进行ApplePay支付

　　startPay 调起Apple Pay支付

　　commitPaymentMethodChange确认支付方式变化

　　commitAuthorizedResult确认订单支付结果

　　addButton 添加ApplePay按钮

　　调起Apple Pay支付示例：

　　var params = {

　　merchantIdentifier:"merchant.com.zywx.devTest",

　　merchantCapability:4,

　　networks:["AMEX","ChinaUnionPay","VISA"],

　　currencyCode:"CNY",

　　countryCode:"CN",

　　billingContactRequiredFlag:4,

　　payment:{

　　payee:"AppCan",

　　items:[

　　{

　　label:"item1",

　　price:5

　　},

　　{

　　label:"item2",

　　price:8.5

　　},

　　{

　　label:"discount",

　　price:-1.2

　　},

　　]

　　},

　　shippingContactRequiredFlag:2,

　　shippingType:3,

　　shippingMethods:[

　　{

　　label:"shippingMethod1",

　　price:1,

　　detail:"detail1",

　　identifier:"method1",

　　},

　　{

　　label:"shippingMethod2",

　　price:2,

　　detail:"detail2",

　　identifier:"method2",

　　}

　　],

　　applicationData:"applicationData",

　　};

　　var data =JSON.stringify(params);

　　var result =uexApplePay.startPay(JSON.stringify(data));

　　if (result != 0 ){

　　alert("调起支付失败");

　　}

4. uexPopoverMenu

弹出框插件：仿微信，可创建弹出框菜单,同时位置、背景颜色、字体颜色、字体大小等可以定制，可对用户点击事件进行回调。

方法说明：

　　openPopoverMenu 创建弹出框

　　cbItemSelected 点击选中的回调方法

　　创建弹出框示例：

　　var params = {

　　"x": window.screen.width*0.02,

　　"y": window.screen.height*0.1,

　　"direction":2,

　　"bgColor":'#FFC125',

　　"dividerColor":'#FFC125',

　　"textColor":'#FFFFFF',

　　"textSize":window.screen.width*0.042,

　　"data":[

　　{

　　"icon":'res://groupchat.png',

　　"text":'Group Chat'

　　},

　　{

　　"icon":'res://addcontacts.png',

　　"text":'AddContacts'

　　},

　　{

　　"icon":'res://scanqrcode.png',

　　"text":'Scan QRcode'

　　},

　　{

　　"icon":'res://feedback.png',

　　"text":'Feedback'

　　}

　　]

　　}

　　uexPopoverMenu.openPopoverMenu(JSON.stringify(params));

5. uexBackground

程序后台运行插件：内置了一个可以后台执行的JS上下文,用于进行一些后台操作。

【需获取公测权限，请加官方公测群：340690362】

方法说明：

　　start() 开始运行后台JS

　　stop() 停止当前正在运行的后台JS

　　addTimer 设置一个定时器

　　cancelTimer 取消定时器

　　设置定时器示例：

　　var param = {

　　id:"timer",

　　callbackName:"cbTimer",

　　repeatTimes:0,

　　timeInterval:1000

　　}

　　var result =uexBackground.addTimer(JSON.stringify(param));

6. uexQcloudAV

视频直播插件：封装了腾讯云的视频直播播放器SDK。

方法说明：

　　open 打开视频播放器

　　play 播放

　　clear 清空缓存

　　getCurrentTime 获取当前播放的时间

　　seekTo 跳转到时间播放

　　打开视频播放器示例：

　　var params = {

　　x: 20,

　　y: window.screen.height - 240,

　　width:window.screen.width - 40,

　　height:240,

　　data: [{

　　"videoType": 1,

　　"desc":"1080p",

　　"url":"http://2527.vod.myqcloud.com/2527_3f7c6ea2e57611e48c830517c16aa0bc.f20.mp4"

　　}, {

　　"videoType": 1,

　　"desc": "蓝光",

　　"url":"http://2527.vod.myqcloud.com/2527_3f7c6ea2e57611e48c830517c16aa0bc.f30.mp4"

　　}]

　　};

　　var data =JSON.stringify(params);

　　uexQcloudAV.open(data);

7. uexScrawl

涂鸦插件：打开画板进行涂鸦,可以选择画笔的颜色、透明度和粗细,并且可以进行撤销、清屏和保存等相关操作。

方法说明：

　　open 打开画板

　　cbSave　进入涂鸦界面点击保存的回调方法

　　打开画板示例：

　　var params = {

　　"src":"res://jingse.png"

　　};

　　uexScrawl.open(JSON.stringify(params));

8. uexGaodeNavi

高德导航插件：封装高德导航 SDK ，功能涵盖路径规划、模拟导航、获取导航播报信息等。

方法说明：

　　calculateWalkRoute开始步行路径规划

　　calculateDriveRoute开始驾车路径规划

　　startNavi 开始导航

　　stopNavi 停止导航

　　步行规划示例：

　　var data={

　　startPoint:[39.925846, 116.432765],

　　endPoint:[39.925041, 116.437901]

　　}

　　var data = JSON.stringify(params);

　　uexGaodeNavi.calculateWalkRoute(data);

9. uexUdesk

智能客服移动SDK：封装了Udesk的相关接口，让App快速拥有在线客服功能。

方法说明：

　　createCustomer(String[]parm) 创建用户

　　showAgentChat(String[]parm) 连接客服，开始会话

　　showRobotChat(String[] parm) 连接机器人，开始机器人会话

　　showFAQCenter(String[] parm) 进入帮助中心

　　创建用户示例：

　　var param = {

　　nick_name:'这是一个昵称2',

　　sdk_token:'sdk1213312312312',

　　cellphone:'18788779988',

　　email:'[email protected]',

　　weixin_id:'udeskweixin',

　　weibo_name:'udeskweibo',

　　qq:'23123123',

　　description:'这是一个添加客户示例代码',

　　}

　　uexUdesk.createCustomer(JSON.stringify(param));

除上述插件外，AppCan插件中心（http://plugin.appcan.cn/）还有很多丰富插件供各位开发者使用。