Appcan跨平台开发项目 —— 智能家居电饭锅

原创 2015年07月08日 00:43:31

       Appcan是一个跨平台的手机app开发工具、功能略强大、适用于快速开发中小型手机app项目、


项目流程:手机app端实现接收用户输入消息并将消息发送给服务器端、服务器再将消息处理之后发送给下位机、下位机根据接收到的消息设置煮饭信息、并检测各项工作是否正常、是否有煤气泄漏等异常、再将消息反馈给服务器、服务器再通知手机端是否煮饭信息是否设置成功、是否有警报消息或广告消息等、


本篇文章主要讲述在使用Appcan开发过程遇到的一些经验总结和代码备案、


首先介绍开发环境

操作系统 win7 32位

使用语言 Html、CSS、Javascript、Appcan API

开发工具 AppCan IDE个人版 v3


由于这个项目是做的第一个前端开发项目、代码都是边学边写的、写的比较乱、风格也很差、当时只抱着一种能够实现项目功能的目的去写的、

后来一度想要重新写一遍、但想了想自己以后也不太会去专门做前端就没去管了、


总的来说AppCan这款开发工具还是比较容易上手的、主要是阅读学习官方的API文档、很多东西都被集成在了API中、

手机APP比较重要的一点是屏幕适配的问题、appcan提供几种适配型号、通过封装几种不同分辨率来实现、不用自己手写不同的型号的适配代码、

不过图片的适配需要自己PS不同大小分辨率的图片来适配、


记忆犹深的是写appcan的音乐播放功能的时候被坑的特别惨、主要是文件的查找、路径怎么搞都不对、网上的资料也是讲的天花乱坠都没用、

经过几天的不懈请教终于遇到好心人给我讲了怎么搞、还有一个坑点就是在模拟器中音乐不能播放、必须安装在手机上才能看到效果、、、


第一次写前端就写了几K行代码、还不算中途各种代码修改、需求修改产生的无效代码、、、

给我的感觉就是熟悉那几种语法、API的使用、然后就是照着葫芦画瓢、、、、、




然后简单介绍一下这个app实现的功能和逻辑结构


首先是用户的注册和登录、注册和登陆分别是一个HTML页面、

主要是验证用户名和密码是否匹配、


登陆成功之后是一个设备显示界面、同一个用户可能绑定多个设备、通过服务器的反馈的信息将当前用户下的几种设备分别排列出来、

然后用户可以选择某一设备进行煮饭操作、或者添加一个新设备、或者删除某一个当前用户的设备、

如果是添加或删除设备、跳转页面请求用户输入设备对应的密码、如果匹配则操作成功、否则操作失败

用户选择设备进入煮饭界面之后、可以看到当前时间、并设置煮饭的时间、水量、米量等基本信息、也会接收服务器反馈的消息、

消息分为两种、一种是警报消息(如煤气泄漏)、消息文字将会闪烁并发出警报声、另一种广告消息、由厂家发送、

附加功能、点击app的联系厂商按钮将会自动给厂家拨号、


项目中最难的地方在于传输协议的商定、因为采用的是http协议传输、属于明文传输、

一是因为存在三个设备手机端、服务器端、下位机之间的协调、协议逻辑清楚明了很重要

二是网络安全问题、不过因为还没有正式大规模生产、这个问题没有去解决、


服务器端下一篇文章来总结、

代码备案:

公开课--通过Ionic开发跨终端应用

1 现在的app开发类型有几种? 移动端开发有哪些框架: Ionic Html5+ AppCan 2 Ionic介绍 官网地址 Ionic官网:http://ionicframework...
  • waldmer
  • waldmer
  • 2016年02月22日 21:03
  • 1002

AppCan_4 IDE 开发流程之新建项目同步到线上

AppCan IDE  支持本地创建一个项目,线上达到同步的目的即在IDE中创建在线APP 主要步骤如下: 1.  打开AppCan IDE,  点文件->新建->AppCan项目, 弹出如下窗口: ...
  • aduovip
  • aduovip
  • 2016年08月25日 18:36
  • 1142

某智能家居项目框架学习总结

之前负责过一个智能家居项目的二次开发,苏州一家公司做的,项目还是分了好几个系统,对业务流程的不同部分进行了划分,我是此项目的主要负责人,通过老师的指导,对这个项目也有了一些了解。此项目运用了一些框架,...
  • hacke2
  • hacke2
  • 2014年06月18日 23:38
  • 7896

基于arm板的项目——智能家居系统(一)

一.前言 上一篇博客是13号写的,今天是23号了,这么久没写博客是因为设计智能家居系统去了。   随着计算机的发展,越来越多的领域涉及到计算机。可以这么说现代社会已经离不开计算机了。最近总是听说智...
  • sum_TW
  • sum_TW
  • 2017年04月23日 23:12
  • 8680

appCan学习笔记(1)

最近公司需要做一个app,由于以前没有接触过
  • luo849278597
  • luo849278597
  • 2014年10月13日 10:55
  • 1036

基于Linux的智能家居的设计(1)

写在前面:做了半年的毕业设计,找到的工作与这个完全无关,发现自己现在有写不甘心,但是我还是在关注这方面的发展,自己的摸索和前人的帮助我完成了智能家居的一部分,希望这个能够给一些初学者 能够一些便利,毕...
  • u011046042
  • u011046042
  • 2015年07月24日 21:55
  • 4001

10天学会跨平台移动应用开发之AppCan视频教程

关于AppCan AppCan官方网址:http://www.appcan.cn/ AppCan移动快速开发平台是基于HTML5技术的跨平台快速开发解决方案。开发者利用HTML5+CSS3...
  • binyao02123202
  • binyao02123202
  • 2015年02月21日 13:36
  • 1979

Appcan与后台数据交互,登录例子

1.appcan界面(login.html) 假定后台路径为:http://localhost:8080/LabManageSystem/appcan/login/loginHandle.jsp,其...
  • Javatwx
  • Javatwx
  • 2016年05月01日 00:07
  • 6006

我们物联网专业的嵌入式实习-day07(开发智能家居系统-QT简单的学习使用及分配项目)

QT通信的一个简单例子代码如下(注意ip与服务端的同一个网段,端口要一样) #include "widget.h" #include "ui_widget.h" Widget::...
  • lsy888520
  • lsy888520
  • 2017年11月20日 17:30
  • 72

appcan签出代码失败或代码提交失败的解决办法

多人开发webapp项目时,appcan是一个较好的同步工具,但是同步过程可能会报错,提示签出代码失败或代码提交失败。本文提供一个可行的解决办法。 首先,安装TortoiseSVN客户端。   ...
  • listmana
  • listmana
  • 2016年09月02日 15:53
  • 1657
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Appcan跨平台开发项目 —— 智能家居电饭锅
举报原因:
原因补充:

(最多只允许输入30个字)