• 设计器UI控件
  • ECHARTS BI组件
  • 基础组件
  • 常见界面布局排布范例
  • 侧边栏目布局范例
  • 多内容组
  • 九宫格界面
  • 爱博体育下载界面主体框架布局
  • 滚动界面
  • 固定界面
  • 设计器框架控件
  • 爱博体育下载应用数据对接与交互(MVVM)
  • 传统开发模式
  • MVVM
  • MVVM技术框架
  • 表单与MVVM
  • 界面设计
  • 代码分析
  • 列表与MVVM
  • 界面设计
  • 代码分析
  • MVVM控制器
  • MVVM过滤器
  • 爱博体育下载应用与WEB
  • 组件化开发
  • 应用引擎
  • 应用引擎概述
  • uexWindow
  • uexWidget
  • uexWidgetOne
  • 腾讯X5内核引擎
  • 更新日志
  • 插件API
  • 爱博体育下载-LOVEBET爱博体育官网
  • ·ErrorCode
  • ·Constant
  • 系统功能
  • uexApplePay
  • uexBackground
  • uexBluetoothLE
  • uexCall
  • uexCamera
  • uexClipboard
  • uexContact
  • uexControl
  • uexDataBaseMgr
  • uexDevice
  • uexDocumentReader
  • uexEmail
  • uexFileMgr
  • uexFingerPrint
  • uexJsonXmlTrans
  • uexKeyChain
  • uexLocalNotification
  • uexLocation
  • uexLog
  • uexMMS
  • uexSensor
  • uexSMS
  • uexTouchID
  • uexZip
  • uex3DTouch
  • uexNFC
  • uexInAppPurchase
  • 功能扩展
  • uexAudio
  • uexCreditCardRec
  • uexGestureUnlock
  • uexImage
  • uexImageBrowser
  • uexPDFReader
  • uexScrawl
  • uexVideo
  • uexWebBrowser
  • uexImageFilter
  • 界面布局
  • uexActionSheet
  • uexAreaPickerView
  • uexBrokenLine
  • uexButton
  • uexCalendarView
  • uexChart
  • uexChatKeyboard
  • uexCoverFlow2
  • uexEditDialog
  • uexHexagonal
  • uexIndexBar
  • uexInputTextFieldView
  • uexListView
  • uexLoadingView
  • uexNBListView
  • uexPie
  • uexPieChart
  • uexPopoverMenu
  • uexScanner
  • uexScrollPicture
  • uexSearchBarView
  • uexSecurityKeyboard
  • uexSegmentControl
  • uexSlidePager
  • uexTabBarWithPopMenu
  • uexTimeMachine
  • uexWheel
  • uexWheelPickView
  • uexTabIndicatorView
  • uexWebView
  • 网络通讯
  • uexDataAnalysis
  • uexDownloaderMgr
  • uexMQTT
  • uexWebSocket
  • uexSocketMgr
  • uexUploaderMgr
  • uexXmlHttpMgr
  • 第三方SDK
  • uexALiBaiChuan
  • uexAliPay
  • uexBaiduMap
  • uexBaiduNavi
  • uexCamera360
  • uexEasemob
  • uexESurfingRtc
  • uexGaodeMap
  • uexGaodeNavi
  • uexGetui
  • uexJPush
  • uexMobSMS
  • uexNIM
  • uexQcloudAV
  • uexTencentLVB
  • uexQQ
  • uexQupai
  • uexRongCloud
  • uexSina
  • uexTent
  • uexUmeng
  • uexUnionPay
  • uexUnisound
  • uexWeiXin
  • uexXunfei
  • uexESurfingRtcLive
  • JSSDK开发
  • 概要
  • 基础类库Base
  • 本地存储LocStorage
  • 离线缓存icache
  • 窗口模块Window
  • 浮动窗口模块Frame
  • 数据库模块Database
  • 事件模块EventEmitter
  • 网络请求Request
  • 文件模块File
  • 设备模块Device
  • Button按钮
  • CheckBox按钮
  • Dialog消息对话框
  • Header导航栏
  • Input/Textarea文本输入
  • Listview列表组件
  • optionList带操作选项的列表组件
  • Radio按钮
  • Select下拉选择
  • Slider图片轮播组件
  • Switch开关组件
  • Tab选项卡组件
  • Treeview树状列表组件
  • widgetOne模块
  • widget模块
  • 更新日志
  • UI基础框架
  • UI框架设计来源—弹性盒子模型
  • base
  • box
  • color
  • 开发工具IDE
  • IDE概述
  • 安装下载
  • 启动
  • 新建项目
  • 同步项目
  • UI设计器的使用
  • 实时预览
  • 插入控件
  • 本地打包
  • 本地模拟调试
  • 真机同步调试
  • 自定义插件管理
  • 插件同步
  • 代码加密
  • 多入口开发
  • 动态库升级
  • GIT托管
  • 更新日志
  • 开发指导
  • 平台服务专题
  • 应用开发
  • 应用管理
  • 插件引擎
  • 应用转移
  • App升级
  • 开源&原生能力开发专题
  • 自定义引擎机制说明
  • Widget插件扩展机制
  • AndroidNative插件扩展机制
  • iOSNative插件开发指南
  • 自定义插件发布
  • 原生布局实现讲解
  • 自定义布局指引文档
  • 今日头条案例文档
  • 苹果开发适配专题
  • ATS说明文档
  • iOS10适配指南
  • 推送技术专题
  • config·xml配置说明
  • iOS证书申请流程
  • iOS应用正式发布AppStore流程
  • •获取签名信息工具使用
  • •使用Chrome调试AppCan应用
  • •手机抓包工具流程
  • 开放服务
  • 第三方API
  • 云加密服务
  • 云测试服务
  • 第三方云实时通讯天翼RTC
  • 第三方广告接入服务
  • 第三方语音服务
  • Wilddog(JavaScriptSDK)接入
  • 官方推送API•服务端集成
  • 按照softToken列表推送
  • 按照userId列表推送
  • 按照appId广播推送
  • 常见问题分类
  • 云打包常见问题
  • 应用开发常见问题
  • 插件开发常见问题
  • IDE常见问题
  • MVVM常见问题
  • 如何查看分析失败日志
  • 打包失败原因剖析
  • 企业版常见问题
  • App版本更新问题排查指南(对接EMM/MMS平台)
  • 如何查看app上架被拒
  • 正益工作
  • 正益工作概述
  • App端使用手册
  • PC端OA使用手册
  • PC端CRM使用手册
  • 管理后台使用手册
  • 正益工作开源文档
  • 子应用接入文档
  • OA模块代码说明
  • 爱博体育下载CRM模块代码说明
  • 工作管理模块代码说明
  • 案例详解
  • 支付插件实例
  • 页面UI
  • 支付功能
  • 海外购案例
  • 引导页
  • 首页
  • 查询页
  • 发布页
  • 淘现场详情页
  • 商品详情页
  • 购物车功能
  • 我的详情页面
  • 其他篇
  • 文档中心更新日志
  • 公测列表汇总
  • 公测-configxml配置插件以及iOS支持swift
  • iOS9开发适配指南打包环境Xcode7升级公测
  • iOS10公测技术说明
  • 3.3公测内容
  • 4.0接口变化说明
  • 爱博体育下载-LOVEBET爱博体育官网

    下面将为您介绍AppCan 官方插件API如何调用主要的使用方法.

    温馨提示: 每个API的“简介>开源源码”部分,官方的公共插件“已集成到打包平台,无需下载自定义上传,直接勾选使用”原生代码已经开源,如果官方插件无法满足您的定制需求,特定API接口可自定义配置参数,当然也可以进行二次开发封装,了解开源文档

    window.uexOnload 窗口加载完毕后平台将触发此方法。AppCan新版JSSDK支持appcan.ready替换window.uexOnload;
    公共插件:为AppCan开放出的稳定版插件(已集成到平台公共插件,直接勾选使用),持续维护更新;
    自定义beta版插件:官方开放的公测插件收集用户使用反馈(自定义上传到我的插件勾选使用),持续维护更新。

    了解观看视频,0基础学习AppCan平台APP开发?全程指导开启快速学习之旅。
    在线打包失败了,求助?

    首先需要初始化一个AppCan javascript sdk,API对象的操作都是通过JSSDK完成的。 了解JSSDK

    1、如何调用API接口

    代码结构

    AppCan在IDE编写代码时, AppCan平台采用html+css+js 结构调用。

    ide在项目开发时默认会创建基本的框架结构 css、js文件夹、config.xml、index.html、index_content.html(即空模板项目)css目录下的css文件里是ui基础框架基础类文件,js目录下是AppCan封装提供的jssdk文件,其中appcan.control.js、appcan.js是appcan整个框架依赖的基础库,不能去除,同时也封装了uexWindow、 uexWidget、uexWidgetOne基础方法,比如appcan.window.xxx appcan.frame.xxx使用必须要依赖这俩个库。

    使用JSSDK调用 API

    下面jssdk封装的appcan.window与调用原生接口一致,uexWindow.open这种方式不推荐采用,大可采用以下方式

       appcan.window.open({
                     name:name,
                     dataType:0,
                     aniId:2,
                     data:name + ".html",
                     extraInfo:{
                         opaque:true,
                         bgColor:bg
                     }
                });
    

    使用AppCan原生接口调用 API

    JS SDK对常用底层插件API的接口再次封装,没有封装的插件API需要采用直接调用方式如照相机(uexCamera.)、图片浏览(uexImage.)、邮件(uexEmail.)等各分类插件API 。

    例如

    js代码

    < script type="text/javascript">
    function createButton(){
            var id = 1001;
            var x = 100;
            var y = 100;
            var width = 100;
            var height = 100;
            var jsonData = '{"title":"AppCan","titleColor":"#111111","bgImage":"res://a1.png","textSize":"18"}';
            uexButton.open(id,x,y,width,height,jsonData);
        }
        function closeButton(){
        var id = 1001;
        uexButton.close(id);
    }
    </script>
    

    html页面body里:

       < input class="btn" type="button" value="uexButton" onclick="createButton();"/>
       < input class="btn" type="button" value="close" onclick="closeButton();"/>
    

    AppCan javascript sdk与插件API一一对应,灵活性高且易于扩展。您可以基于AppCan javascript sdk对AppCan原生插件的API进行封装,扩展出自己想要的功能。

    2、插件API接口

    API接口方法对于一些方法还封装了一些回调方法,也是对于该方法进行的回调,按照正常接口调用即可

    例如

     < script type="text/javascript">
     var param1 = {
            appData:'com.tencent.mobileqq'//判断手机上是否安装qq应用
        };
        var data1 = JSON.stringify(param1);
        uexWidget.isAppInstalled(data1);
    
     uexWidget.cbIsAppInstalled = function(info){
            var result = JSON.parse(info);
            if(result.installed == 0){
                alert('installed');
            }else{
                alert('not installed');
            }
        }
        </script>
    

    如果您完成以上代码编辑,恭喜您,您已经拥有了具备调用API的基础。

    最后一步配合插件查看API接口效果,需要勾选已调用的api插件打包,下载apk/ipa安装调试。

    3、接口参数说明

    对于某些特殊接口,是有对应的参数要传入

    例如

     function shareWebImgTextToQQ(){
                var  appId = "222222"
                var json = '{"title":"图文分享标题","summary":"图文分享消息摘要","targetUrl":"http://appcan.cn","imageUrl":"res://aa.jpg","appName":"uexQQ", "cflag":"1"}';
                uexQQ.shareWebImgTextToQQ(appId, json);
                }
    

    参数值输入的要求

    AppCan 插件api接口在调用时, 可能需要传递相应的值给接口. 此时需要您在传值时, 注意下面的事项:

    • 大部分情况下, 您会传递一个数字类型的值到AppCan 插件api接口参数中, 此时只需要简单的写上需要的值即可:

    数字的话,双引号单引号或直接写都可以

    uexWindow.setReportKey(1,1)

    •如果您的输入中有空格出现, 那么请使用单引号(')括住您的值

    这种情况不常见,可以忽略

    •如果是采用一个string 类型请使用双引号(")括住您的值

    例如

    windName:(String类型) 必选 窗口名称,默认为当前窗口

    popName:(String类型) 必选 浮动窗口名称

    inPageName:(String类型) 必选 单页面窗口的名字

    js:(String类型) 必选 js脚本内容

    uexWindow.evaluateMultiPopoverScript("", "multipop", "pop2", "alert('multipop')");

    • 使用JSON格式作为参数

    JSON格式在AppCan 插件api中是允许使用的, 特别是当您要同时传入多个字段时, 可以按照JsonArray的格式传入多个id值. Json格式需要您严格按照Json格式编写数据, 并且要对Json格式中的双引号(")进行特殊的处理

    例如

        var params = { 
    leftSliding:{
            width:240,
            url:"uexWindow_left.html"
        },
        rightSliding:{
            width:240,
            url:"uexWindow_left.html"
        } 
     }; 
     var paramStr = JSON.stringify(params);
     uexWindow.setSlidingWindow(paramStr);
    
    var id = 1001;
            var x = 100;
            var y = 100;
            var width = 100;
            var height = 100;
            var jsonData = '{"title":"AppCan","titleColor":"#111111","bgImage":"res://a1.png","textSize":"18"}';
            uexButton.open(id,x,y,width,height,jsonData);
    

    4、如何调试插件效果

    AppCan封装的插件是在原生打包环境进行编译的,仅在AppCan平台上使用,都需要勾选插件名称打包,生成安装包 需要真机调试效果。



    以上信息是否解决您的问题?

    免费注册,快速体验

    还需要帮助吗? 联系我们
    最新更新 12th Oct 2019