夜雨聆风
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:’123456@qq.com’,
weixin_id:’udeskweixin’,
weibo_name:’udeskweibo’,
qq:’23123123′,
description:’这是一个添加客户示例代码’,
}
uexUdesk.createCustomer(JSON.stringify(param));
除上述插件外，AppCan插件中心还有很多丰富插件供各位开发者使用，点击“阅读全文”即可查看更多。
点击阅读原文，查看更多精彩插件~
