使用开源框架快速开发APP-Arduino中文社区 - Powered by Discuz! Archiver

机智宝 发表于 2017-2-14 17:14

使用开源框架快速开发APP

一、创建产品,建立数据点
1.如图所示,到开发者中心,创建个人产品。



2.建立数据点
本文应用的是宠物屋的数据点模板加以修改。


3.添加应用



二、下载宠物屋的DEMO APP



三、开始制作你的 APP


1.用 eclipse 导入 demo 然后按步骤打开 GosConstant.java。可以看到导入的
demo 中文注释是乱码,按住 ALT+Enter,如图所示,修改为 UTF-8 格式。 然后
中文注释就正常啦
2.修改App_ID,App_Screct,ProductKey为图所对应的数字

http://club.gizwits.com/data/attachment/forum/201610/09/173523mmj20j8r34op0242.png


http://club.gizwits.com/data/attachment/forum/201610/09/173523gt5xawu3eez0a6ye.png


http://club.gizwits.com/data/attachment/forum/201610/09/173523xs1qbzevjbqmm18w.png


四、修改数据点    打开GosDeviceControlActivity.java。这个文件就是包含机智云所有数据点的地方。
http://club.gizwits.com/data/attachment/forum/201610/09/173945zs5zzss5s3n2nesr.png

如图所示,可以看到代码中箭头所示的地方跟你在网站建立的数据点的标识名是一样的。这里要跟你在网站建立的数据点保持一致,你的APP才能接收与发送到这个数据。
http://club.gizwits.com/data/attachment/forum/201610/09/173945mk73ndnxzxafoxfc.png
http://club.gizwits.com/data/attachment/forum/201610/09/173945lmzw42emej4pj22s.png
现在开始建立属于自己的数据点。这里由于作者不想太麻烦,本文先学增加数据点。原来的数据点模板不做任何修改,应用的是宠物屋的数据点模板。
如图所示,先建立一个标识名为LED,读写类型为可写,数据类型为布尔值的数据点,显示名称自己随便修改。这里,这三个数据要记清楚,分清楚具体代表的是什么。个人理解,标识名就是APP与云端接收发送约定的语言,这个标识名代表的是这个数据。数据类型是布尔值,枚举,数值也关乎到你APP的制作。本文暂时只教布尔值的数据点APP增加方法。
http://club.gizwits.com/data/attachment/forum/201610/09/173945r5ac7gbz4ztu4bdc.png
http://club.gizwits.com/data/attachment/forum/201610/09/173946hhf9sdvzwfwehwws.png
数据点建好了,回到代码中。这里有个方法,仿写代码。简单粗暴。大家有没有发现,咱们这里建立的数据点LED跟原来的开启/关闭红色灯的数据点是不是除了标识名不一样,其他都一样呢,都是可写的,布尔值,当然显示名称这个忽略。

找到代码中的LED灯开关的定义,如图所示,复制粘贴代码,增加咱们建立的数据点,修改红色部分,这个“LED”必需跟咱们在网站设置的标识名一样。
http://club.gizwits.com/data/attachment/forum/201610/09/173946ec3fmlz62gkxf6mx.png
增加好了,然后就屏蔽原来的代码,使用// TODO屏蔽代码。可以发现屏蔽后出现了两个错误。等下咱们就用到这个地方,慢慢来。
http://club.gizwits.com/data/attachment/forum/201610/09/173946sv0bs0onw0ab00ow.png
找到如图所示的地方,继续复制粘贴代码,修改下蓝色部分,继续屏蔽掉原来的代码,又出现两个错误了,现在属于布尔值类型的数据点所需要增加的代码全部出现了,继续复制粘贴,小修改下名字。
http://club.gizwits.com/data/attachment/forum/201610/09/173947alwhsvufmuwk0gwg.png
http://club.gizwits.com/data/attachment/forum/201610/09/173947mpwpn97w31co4n11.png
点击第一个红色点,来到第一个错误的地方。继续复制粘贴原代码,两个红色的地方,第一处把原来的swRed修改为咱们在前面定义的名字swLed,第二处R.id.sw_red修改为R.id.sw_Led。还记得咱们前面要记住的sw_Led,就是用在这里。
http://club.gizwits.com/data/attachment/forum/201610/09/173947w0y0xy40b4c3r86c.png
点击第二个错误,继续复制粘贴原代码,三个红色的地方,第一处把原来的swRed修改为咱们在前面定义的名字swLed,第二处KEY_RED_SWITCH修改为咱们在前面定义的名字KEY_LED_SWITCH,第三处把原来的swRed修改为咱们在前面定义的名字swLed。
http://club.gizwits.com/data/attachment/forum/201610/09/173947jv22c4ggcc4cbla0.png
点击第三个错误,继续复制粘贴原代码,两个红色的地方,第一处把原来的swRed修改为咱们在前面定义的名字swLed,第二处KEY_RED_SWITCH修改为咱们在前面定义的名字KEY_LED_SWITCH。
http://club.gizwits.com/data/attachment/forum/201610/09/173948foo110o0g0ogfq5g.png
终于,咱们把布尔值的数据类型数据点LED增加完毕。
返回到前面被咱们屏蔽的代码中,放出咱们刚才屏蔽的代码。保存是不是错误都没了。然后就可以运行了。
http://club.gizwits.com/data/attachment/forum/201610/09/173948fzlpkzoczgll9ltg.png
http://club.gizwits.com/data/attachment/forum/201610/09/173948ixd590lld338d0t7.png
五、运行在手机中运行,可以看到开启后,虚拟设备上也会动,然后虚拟设备上推送数据手机中也会保持一致,代表咱们已经把这个数据点加好了。享受你的成果吧。
http://club.gizwits.com/data/attachment/forum/201610/09/173948flwmym1kcyy1iyxq.png
http://club.gizwits.com/data/attachment/forum/201610/09/173949fbqlx1ufxxaqb7zx.png





单片机菜鸟 发表于 2017-2-14 19:01

赞哈哈哈哈

jackten 发表于 2017-2-15 09:09

厉害厉害                           

机智宝 发表于 2017-2-15 10:58

:lol过奖过奖
页: [1]
查看完整版本: 使用开源框架快速开发APP