深圳网站建设招标,宠物网站建设费用,扬中话,网络推广及网站建设合作协议ApiCloud ApiCloud平台介绍 ApiCloud首页在线教程文档ApiCloud是一个国内的Hybird APP平台#xff0c;提供Hybird APP一站式开发服务。可以将使用HTML、CSS和JS制作的应用直接编译为能在安卓和IOS平台上运行的APP。另外#xff0c;其所提供的代码托管和在线编译服务#xff… ApiCloud ApiCloud平台介绍 ApiCloud首页在线教程文档ApiCloud是一个国内的Hybird APP平台提供Hybird APP一站式开发服务。可以将使用HTML、CSS和JS制作的应用直接编译为能在安卓和IOS平台上运行的APP。另外其所提供的代码托管和在线编译服务可以大大节省开发时间和开发成本。 环境搭建 注册账号 https://www.apicloud.com/signup 下载IDE http://www.apicloud.com/devtools 安装手机调试APP 可以在开发软件的帮助菜单中找到以下二维码 创建应用 删除默认生成的launch和icon文件夹。 APP开发 配置config.xml https://docs.apicloud.com/Dev... !--应用的ID和版本号这里的版本号没有任何用处--
widget idA6948895441294 version0.0.1 !--启动时自动打开的页面即名字为root的window中显示的页面--content srcindex.html/!--APP背景一般无需设置--preference nameappBackground valuergba(0,0,0,0)/!--window的默认背景一般无需设置--preference namewindowBackground valuergba(0,0,0,0)/ !--frame的默认背景一般无需设置--preference nameframeBackgroundColor valuergba(0,0,0,0)/ !--是否自动关闭启动页--preference nameautoLaunch valuetrue/!--是否自动云端更新一般无需设置--preference nameautoUpdate valuetrue/!--是否允许云端修复一般无需设置--preference namesmartUpdate valuefalse/!--是否是DEBUG模式一般无需设置--preference namedebug valuetrue/!--是否是沉浸式样式--preference namestatusBarAppearance valuetrue/
/widget 沉浸式样式 简单开发 使用HTML、CSS和JS以及它们的衍生框架制作出移动端网页并在制作时注意以下问题 1、每个页面的head部分加入 meta nameviewport contentmaximum-scale1.0,minimum-scale1.0,user-scalable0,widthdevice-width,initial-scale1.0/
meta nameformat-detection contenttelephoneno,emailno,dateno,addressno 2、使用api.css作为CSS Reset使用。3、尽量不要使用jQuery等比较重的前端框架去直接操作DOM。4、布局主要使用适配 -webkit- 的弹性盒子布局。 编译打包 1、将整个项目的代码进行提交右键项目—云端同步—提交。2、在开发者控制台https://www.apicloud.com/console中打开项目并继续进行以下步骤。3、端设置设置安卓图标144像素的png图像和IOS图标1024像素的png图像。4、证书提供对应平台的证书安卓证书可以在线生成IOS证书需要使用IOS开发者账号在IOS官方获取。5、代码根据代码更新日志确认代码已经上传完毕。6、模块将项目中所有使用的模块添加。7、云编译填写应用名称和英语名称选择平台、类型填写版本号点击云编译。 补充3位版本号的一般计算规则 1、不影响功能的页面更新或显示性错误修复时增加最小的版本号。2、没有增加和删除功能只是对现有功能进行更新而且能兼容旧版本的数据时增加中间的版本号。3、增加或删除功能或者对现有功能进行更新后不能再兼容旧版本数据时增加最大的版本号。 三大原生布局系统 固然使用原本的HTMLCSSJS就能完成布局和视图切换。但是为了更好的原生兼容性和运行速度推荐使用ApiCloud封装好的原生布局系统 window 、 frame 和 widget 。 window 在APP中window指用户看到的整个屏幕。如果是非沉浸式样式window的绘制起点x0 y0为通知栏以下的左上角如果是沉浸式样式window的绘制起点x0 y0为整个用户屏幕的左上角。 window的宽度和高度是自动决定的程序员无法干涉。 frame frame是指的用户视图的某个局部它有自己的绘制起点和宽高。除非特殊场景需要比如地图frame不能超出window以外。 在创建一个frame时程序员可以指定x、y、宽和高。 widget 考虑到运行效率和实现难度有些效果使用HTMLCSSJS不是很合适。此时就要使用ApiCloud封装好的原生模块去显示。 注意widget一定会处于布局的最上层而且本身不参与页面流一般需要在页面中使用其它布局为其预留位置。 tapmode 在需要监听点击事件的标签包括a标签中加入 tapmode 属性可以取消掉手机端JS对于点击事件的300ms延迟主要针对IOS系统安卓系统使用viewport禁止缩放后会自动取消这个延迟。 另外tapmode属性可以接受一个class名作为属性值当用户按住这个标签时会自动使用这个class当用户松手后会删除这个class。 api和$api api和$api是ApiCloud封装的两个JS对象可以在JS代码中直接使用。 api主要封装一些直接与安卓系统或IOS系统进行交互的native方法比如获取手机电量调起摄像头引入其他模块进行数据存取等。 $api是类似于jQuery的前端辅助框架比jQuery更加轻量级。需要引入api.js api的主要用法 https://docs.apicloud.com/Cli... 因为api对象需要和系统进行交互因此需要等待这个对象初始化完毕。需要访问这个对象的代码要放在以下结构中执行($api中大部分方法无此限制) apiready function(){//在这里里面才可以访问api对象否则会报api没有定义的错误。
} 常用属性 //当前网络类型
api.connectionType
unknown //未知
ethernet //以太网
wifi //wifi
2g //2G网络
3g //3G网络
4g //4G网络
none //无网络//window宽度数字类型以像素为单位
api.winWidth
//window高度数字类型以像素为单位
api.winHeight//以json形式返回打开页面时传递的参数配合api.openWin()和api.openFrame()中的pageParam属性使用
api.pageParam//widget协议对应的目录为只读目录不要在应用运行期间向此目录写入
api.wgtRootDir
//fs协议对应的目录
api.fsDir
//cache协议对应的目录
api.cacheDir 调用api对象相关方法时的通用形式 //api对象上的方法核心API
api.方法名(参数,回调函数);
//引用其他模块
var module api.require(模块名);
module.方法名(参数,回调函数);//参数均为json参数
//如果有回调函数那么遵循这种格式
function(ret,err){//ret为方法成功执行时的结果//err为方法执行失败时的结果
} 文件协议 有很多应用都需要读写手机的本地文件这本身可以通过api对象或部分模块中提供的方法来实现。在读写文件时需要一个文件路径来指定要读写的文件为了方便表示文件的路径ApiCloud封装了多种文件协议。 注意文件协议只能在JS方法中使用。如果要在HTML或CSS中使用也要经过JS中转一下。 widget:// 与项目的根目录对应可以在APP运行期间用来在JS里直接获取开发过程使用的文件。这个是只读目录不能在APP运行期间向内写入。 fs:// 使用fs模块时常用的读写目录可用于永久存储一些文件如下载功能。 cache:// 应用缓存目录。 配置存取 当需要存储的数据比较多时可以使用文件来存储。但大多数应用需要的存储量不是很大比如用户对当前应用的主题选择、不同网络下的资源获取、音量、是否允许通知等此时就可以使用配置存取的api来操作。 prefs相关 由系统底层实现理论上无容量限制。 //存值值必须为字符串
api.setPrefs({key:键,value:值});
//取值
var 值 api.getPrefs({key:键,sync:true});
//删除
api.removePrefs({key:键}); storage相关 由HTML5新对象localStorage实现有容量限制。 //存值如果值为对象则必须是可以被json序列化的对象
$api.setStorage(键,值);
//取值
var 值 $api.getStorage(键);
//删除
$api.rmStorage(键)
//清空
$api.clearStorage() 窗口操作 api.openWin()
