使用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));