积攒健康项目(APP)简介

积攒健康项目(APP)简介

积攒健康使用Dcloud旗下的Hbuilder平台开发,是一款混合APP(Hybrid app).

一.开发技术

积攒健康使用经过Dcloud扩展后的HTML5协议(HTML5 Plus,又名HTML5+)进行开发,整个项目使用到的技术(包括但不限于前端框架,开发语言)有:

HTML5 Plus & CSS3 & Jquery & Framework7 & MUI & Ajax

1,HTML5+扩展规范:

HTML5+是中国HTML5产业联盟的扩展规范，基于HTML5扩展了大量调用设备的能力，使得web语言可以想原生语言一样强大。

HTML5+扩展了30多种能力，包括二维码、语言输入、支付、推送、陀螺仪等各种手机设备能力，均可通过JS简单调用。

扩展接口文档查阅地址:http://www.html5plus.org/doc/h5p.html

2,Jquery:

项目主要使用到了Jquery的动画效果,遍历数据等.

3,Framework7:

项目部分页面使用了Framework7的CSS样式,很少使用到并且不建议使用Framework7的JS文件.

(http://framework7.taobao.org/该网站为国内镜像网站)

4,MUI:

MUI框架是对HTML5 Plus扩展协议的一种封装.项目支付页面使用了MUI框架的CSS样式和JS文件,但MUICSS样式不及Framework7精致,MUI JS不及HTML5 Plus接口灵活,故不推荐在其他功能上使用MUI框架.

(http://www.dcloud.io/mui.html)

5,Ajax:

项目主要使用Ajax来请求API接口.

6,img.php:

该文件放置于服务器,是一个简单的处理图片的接口.文件作者为老虎会游泳.

使用方式:文件链接+ ?img=图片链接&h=要压缩的高度&w=要压缩的宽度.

注:三个参数都必须带在链接中,若H和W都有值,则按值压缩.若其中只有一项有值,则按值等比例缩放.

一.开发平台的使用

积攒健康使用到的开发平台(包括但不限于以下列表)有:

微信开发平台 & 腾讯QQ开发平台 & 个推推送 & BeeCloud支付(整合了支付宝,微信等支付功能)

1,微信开发平台:

主要使用到了分享给微信好友和分享到微信朋友圈功能.还有支付功能,将在Beecloud进行说明.

2,腾讯QQ开发平台:

主要使用到了分享功能.

3,个推推送:

项目通过个推推送消息到用户终端.

(http://getui.com)

4,BeeCloud支付:

BeeCloud全面集成主流支付渠道.项目用到了BeeCloud为Dcloud开发的支付插件(beecloud.html,beecloud.js),因为项目需要,整个功能整合了MUI和Framework7等.

(https://beecloud.cn)