《apicloud开发使用》由会员分享，可在线阅读，更多相关《apicloud开发使用（11页珍藏版）》请在金锄头文库上搜索。
1、APICloud 构建APPAPICloud 相关使用说明APICloud 简介APICloud简要说明APIcloud webapp 打包工具。提供云与端的概览进行项目开发。简化项目的开发、提高开发效率。 云这端提供的功能1. app项目进行打包发布(android ios)2. 提供数据相关的支持(服务端)3. 提供消息推送等 端这端提供的功能1. 通过模块的形式提供对原生功能的支持2. 通过JavaScript+css+html进行功能页面的开发平台功能介绍相关使用相关技术 标准的HTML/CSS/JS 与APICloud 提供好的封装的功能模块 APICloud 封装的模块使用 htt
2、p:/ 查找需要使用的模块2. 进行模块的引用通过api.require(模块名)进行模块的获取使用 根据获取到的模块引用进行操作3. 查看API 进行操作使用 注意： 模块api 对象不需要进行任何引用 需要在apiready=function() /进行初始化操作APICloud 设计思想前端与后端进行分离(Client ,server) Client:界面、功能展示server:服务、数据提供APICloud 布局中组件Layout:实现某种特定的布局效果进行展示Window:window 是一个独立的native窗口,apiCloud界面的基本组成(宽度高度不可修改)，Frame:也是
3、一个独立的native窗口，但是不同与window的是,frame可以进行宽度高度的修改，并且可以更多的是作为子视图进行使用UIModule:一组native 组成的视图,具体自己的相关的属性，并且通常是嵌入到window 或者frame中进行使用(更多的是使用别人封装好的模块)APICloud 间的通讯窗体间的通讯操作操作相关(本地通讯)1.1. 跳转窗口时通过pageParam:打开窗口或frame的时候设置参数值在跳转到的页面通过api. pageParam.xxx :获取传入的参数1.2. 全局值存放通过apicloud提供的前端框架进行操作使用(api.js)localStorage
4、:进行数据的存储操作相关($api.xxxx进行操作)与服务器操作相关(远程通讯)使用ajax请求获取数据进行交换处理APP 运行查看效果1. 本地编译运行通过模拟器或真机进行效果的查看2. 云端编译测试(正式、测试)对于某些模块需要云端编译才能运行问题插件及帮助相关1. APICloud 官方提供的社区进行疑问解答http:/ APICloud 官方QQ 群 384318203调试及页面布局相关使用1. 调试注意:不支持debug的调试,而是使用apiCloud 提供的日志功能进行日志的输出进行相查看(console.log(xxxxx),并启动日志输出)、或者使用alert进行输出查看2.
5、 页面布局设置通过将设置好的页面，让其在chrome 浏览器中进行显示,然后通过F12 进行编辑查看选择手机模式进行查看编辑开发流程本地开发(APP开发测试)1. 创建项目(选择项目框架类型)注意(apiCloud 提供相应的模板框架页面进行快速开发): 2. 项目部署及调试1. 真机2. 模拟器(海马模拟器)云端打包部署(发布APP)1. SVN提交代码2. 登录APICloud 云端管理1. 发布项目的一个显示的设置2. 查看提交的代码相关3. 查看将要部署的项目所需要的模块(apicloud将native需求拆分成一个一个模块进行开发)4. 云编译:代码部署及打包过程(有些模块需要云编译
6、后才能使用) 可以选择编译的版本类型(Android |IOS)1. 测试版:供测试使用2. 正式版:可以发布的版本 具体开发步骤项目结构了解 其中： Config.xml 配置文件(必须存在),可以理解为Android中的manifest配置文件 Index.html:必选项,app 初始页 其他的：css icon script image:html开发的资源文件 ,html:html资源文件基本使用1. 概念了解 apiready: 初始化方法，监听apicloud相关资源是否初始化完成(不需要和jQuery的ready混淆,Jq 的ready只是针对dom元素加载完毕后触发)apire
7、ady=function() 格式必须这样:并且只能为apiready 2. 模块使用及注意事项2.1. 查找需要使用的模块分类2.2. 进行具体模块使用及api查看Var modulName=api.require(模块名);modulName.xxx:进行模块中的方法调用操作3. 常用对象说明API 对象 Apicloud 内置的webapp开发最基本的信息,不需要进行require操作进行获取使用 提供: 属性 常量 事件 方法 常用方法： OpenWin 相关 打开窗体相关相当于手机中的屏幕(一个window可以具有多个frame) openFrame 相关 相当于屏幕中的某块区域 e
8、xecScript:在具体的window或者frame中执行script代码 name:执行script所在的窗口(若执行代码在index中,此时的name:root) frameName:执行script所在的frame窗口 script:执行的script名称常用操作1. header 下拉刷新操作api.setRefreshHeaderInfo 结合api.refreshHeaderLoadDone()等2. 滚动到底部加载更多操作api.addEventListener: scrolltobottom3. PhotoBrowser:图片查看器 http:/ 登录后用户信息保存相关使用A
9、PI提供的前端框架进行操作 setStorage 进行存储值操作端相关使用步骤 相关说明: apiready: apiCloud 提供的初始化函数,作用是用于监听APIcloud相关资源初始化成功后进行操作，类似jQuery ready 函数,保证执行的正确。1. 前端框架APIcloud提供的js框架用于进行页面的操作(dom 操作、ajax 操作等)2. 端API使用2.1. API对象的使用说明:api对象是APICloud内置的对应,不需要提前进行引用，直接就可以使用，但是需要注意：必须在apiready初始方法中进行使用，或者是自己定义方法然后进行调用2.2. 其他模块的使用需要使用
10、api.require(“模块名”); 进行模块的加载然后使用DoT JS(模板框架)http:/olado.github.io/doT/index.html 模板具体使用步骤:1. 引入dot.js 模板2. 创建模板代码通过script标签进行模板的创建 /模板代码 /1.基本对象操作方式 =it.name:获取对象中的name属性进行数据展示/2.集合操作方式 使用循环进行迭代展示 :表示需要执行的代码 格式: for (var i=0;i10 ? a15 ? 3. 查找模板代码并填充数据通过var template=doT.template(“模版内容”)通过模板信息进行具体数据的封装
11、var tdata=template (data) data:具体需要展示的数据将数据进行具体的模块上进行展示 注意：此时通过模板进行展示的变量名为it后台服务交互 APICloud 提供的云服务进行交换 构建自己的服务器进行交换 构建自己的服务器，提供相关的服务接口,然后使用ajax进行相关的交换APICloud 模块使用 AliPay 模块使用 前提： 卖家需要具有APP功能才能完成支付(卖家需要提交进行app支付接口的申请) 需要云编译进行测试 使用步骤：1. 初始化相关配置1.1. Config.xml 进行配置 云端进行查看APP的ID(本地config.xml中查看)1.2. 连接支付进行相关配置配置支付的时候需要支付的商家相关信息Config 进行配置2. 进行支付相关配置Pay 进行交互3. 云端找到相应的项目进行模块添加,找到Alipay的模块进行操作添加Demo
