使用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调起ApplePay支付
commitPaymentMethodChange确认支付方式变化
commitAuthorizedResult确认订单支付结果
addButton添加ApplePay按钮
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点击选中的回调方法
"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":'Add Contacts'
},
{
"icon":'res://scanqrcode.png',
"text":'Scan QR code'
},
{
"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插件中心还有很多丰富插件供各位开发者使用,
点击即可查看更多。