发布于 2016-09-04 01:55:38 | 167 次阅读 | 评论: 0 | 来源: 网友投递
WeX5 跨端移动开发框架
WeX5采用混合应用(hybrid app)开发模式, UI体系完全基于w3c的html5+css3+js;引入jquery和bootstrap并对移动做了极致优化,效率极高。WeX5本机API Framework采用phonegap(cordova)框架。
WeX5 V3.6 预览版核心特性:
一、打包特性增强:
1- 提供多WebView选择,引入腾讯X5引擎,可自动适配移动设备环境进行切换,使通过X5打包生成的App具备更高的兼容性及更小的文件尺寸;
2- App资源更新新增Hash模式,除实现APP资源增量、快速更新外,部署时文件路径不会每次动态生成了,也就解决了页面分享及微信端运行更新版本后要修改绑定地址的问题;
二、开发与调试能力重要更新:
1- 提供了手机端调试用的APP工具Apploader,可免重复打包过程,在.w页面直接右击apploader运行即可调试;
2- 调试模式下运行页面会自动带出vConsole浮动调试面板,可随时在手机上查看浏览器的日志、系统、网络等信息,解决了手机端看log的难题,APP,微信中均适用;
三、云部署支持增强:
支持了BaaS.php部署到CloudX5;
四、WeX5的云IDE版正在迅速迭代生长:
CloudX5上WeX5的在线开发更易用了(属性设计器更加优化、更好的支持在线编码);
============= WeX5V3.6 下载地址=============
WeX5 V3.6pre 下载地址(Win&Mac):http://pan.baidu.com/s/1slStHk5
=============Native原生特性更新=============
1.新增百度地图插件 :包括com.justep.cordova.plugin.baiduMapBase;与com.justep.cordova.plugin.baiduMapSearch ,分别为百度地图的不同模块,通过这两个插件,基本可实现原生百度地图SDK的全部能力。
(1)com.justep.cordova.plugin.baiduMapBase,封装了百度地图原生的SDK中除了搜索模块的部分,包括:基础地图能力、定位、计算转换相关、离线地图等的能力。手机版原生地图,比网页版的地图更加流畅,动画效果更好。
(2)com.justep.cordova.plugin.baiduMapSearch:封装了百度地图原生SDK的搜索模块,主要是关键字搜索,路线查询,公交查询,地图路线展示等能力,依赖于com.justep.cordova.plugin.baiduMapBase。
demo位置:/demo/plugin/baiduMap
2.新增Cordova-open-native-settings插件:打开系统设置的插件,支持Android和iOS;Android能指定打开某种设置,而iOS只能打开系统设置。demo位置:UI2/demo/plugin/openSetting
3.wifi插件 cordova-plugin-wifi: 可获取手机wifi相关信息,由于系统差异,iOS平台与Android平台能力有差别;enableWifi,connectWifi,enableWifiAP,enableWifiLock 这四个接口不支持iOS, 打开或者关闭wifi(只适用于Android)连接/断开wifi(只适用于Android)限制某个wifi网络是否可用(只适用于Android)是否锁定wifi,如果锁定则会一直打开wifi(只适用于Android)
4.蓝牙插件 cordova-plugin-ble-central新增了完整的demo; 位置:/demo/plugin/BLECentral
5.修改notification插件的demo,增加10个api调用范例。位置:/demo/plugin/notification
=============Studio平台特性更新=============
6.新增调试利器一:Apploader,一个基于x5开发工具的调试app,该应用包含平台所有插件以及必要的参数,可动态加载UI资源,方便调试。
安装方法(三种任选其一):
① 用户可以在.w页面右击,选择“在apploader中运行”,即会打开安装apploader的二维码,扫码安装即可;
注意:iOS下扫码后请在safari中打开链接,并且需要信任证书。
② 在native下存在apploader工程,用户可以“下载已经生成app”来实现apploader的扫码安装。
③ 在native下apploader工程的dist目录下存在ipa与apk安装包,用户可以手动安装。
使用方法:
手机打开已经安装的apploader,在需要测试的页面的.w文件中右击选择“在apploader中运行”,apploader中会自动跳转至您点击的页面;如果未实现跳转,可点击apploader手机应用中的扫码按钮,用扫码方式跳转。
注意事项:
① native下的apploader不可删除。
② 目前还未支持调试的插件:com.justep.cordova.plugin.weixin.v3、com.justep.cordova.plugin.weixin.v2、com.justep.cordova.plugin.push
7.新增调试利器二:vConsole,调试模式下运行页面会自动带出vConsole浮动调试面板,看随时查看“日志”“系统”两部分信息,解决了手机端看log的难题,APP,微信中均适用;
8.打包特性增强一:提供多WebView选择,引入腾讯X5引擎,可自动适配移动设备环境,使通过X5打包生成的App具备更高的兼容性及更小的文件尺寸;
9.打包特性增强二:App资源更新新增Hash模式,除实现APP资源增量、快速更新外,部署时文件路径不会每次动态生成了,也就解决了页面分享及微信端运行更新版本后要修改绑定地址的问题;
10.基于gulp的前端构建处理(tools/builder):3.6版本基于gulp实现了hash版本的特性,后续还会提供更多特性,计划中的有pxtorem,还可以做基于webp解决方案、自动css雪碧图、ftp发布能力等。
11.iOS打包完成包后可直接扫码安装。(内置了https服务,可用微信等工具扫码转到safari打开,第一次使用需要添加证书信任。)
12.整合全新的AdminLTE门户风格;位置:UI2portalsample-pc3; 演示地址:pcsample.app.cloudx5.com
13.attachmentsimple的录音机功能由以前的调用原生录音机改为调用自定义录音机。
14.演示案例改进,可根据运行的设备及环境进行适配或给出是否可用的提示;
15.界面更新:新的WeX5 logo , studio启动界面等;
16.缺陷修复;
=============新增案例=============
1- 下载及播放音频视频案例
案例综合使用了cordova.file和cordova.fileTransfer组件实现文件(音频,视频,图片)的下载和存入相册的功能。
查看/下载:http://bbs.wex5.com/thread-102530-1-1.html
2- Wex5新adminLTE风格门户
本案例使用WeX5开发,采用AdminLTE界面风格。案例中整合了官方PC端界面的100案例,并且可以很简单快捷地使用AdminLTE提供的widget。
查看/下载:http://bbs.wex5.com/thread-100640-1-1.html
3- 使用云ide开发注册、登录
基于cloudX5的简单注册登录功能。实现了手机号码验证、邮箱验证、是否重复等功能
查看/下载:http://bbs.wex5.com/thread-101180-1-1.html
4-防网易云音乐APP:
本案例为使用WeX5制作的,界面参考网易云音乐的简单的音乐播放器APP。
查看/下载:http://bbs.wex5.com/thread-101599-1-1.html
5-防b站(视频网站)客户端
模仿b站app,视频详细信息展现,示意性分享与收藏功能,自带播放插件,可播放在线的示例视频。
查看/下载:http://bbs.wex5.com/thread-101543-1-1.html
6- 仿闲鱼
本案例使用WeX5开发,基于地理位置、商品交易,功能仿闲鱼.
查看/下载:http://bbs.wex5.com/thread-96515-1-1.html
7- 仿一本时光
本案例使用WeX5开发。功能仿一本时光,主要包括:创建相册,支持多选图片;编辑相册格式,可翻页;
查看/下载:http://bbs.wex5.com/thread-96519-1-1.html