收藏官网首页
查看: 219|回复: 1

机智云赛博坦零代码App开发(Wifi版)

109

主题

355

帖子

7739

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7739
 楼主| 发表于 2021-8-25 13:30:55 | 显示全部楼层 |阅读模式
校园创客福利
赛博坦零代码App开发(Wifi版)
前言
利用机智云提供的赛博坦App开发平台,即使不懂云和App开发,也可以在不用写任何代码的情况下,轻松制作一款拥有专属UI页面的App远程对硬件的访问。
这里我们以一个简单案例《手机App远程控制Led灯(Wifi版)》来讲解,整个流程很简单,上手后再开发其他应用场景的App也大同小异。实现出来的效果如下图。
Example.jpeg

注意:在此之前您需要在开发者中心已经建立好产品,并为该产品导入ShineBlink数据模板了,如果还没完成这些工作,请回看此处

Tips1:在开始下面的工作之前先普及一个概念,一个APP应用里可以有多个产品,所以我们创建好了一个App应用,未来就可以往这个应用中添加多个产品。本教程里只为App应用添加了一个产品,即《手机App远程控制Led灯(Wifi版)》。Tips2: 下面的教程里的图片如果看不清,请按住Ctrl键+鼠标滚轮放大看。

第1步 创建App应用
CrtApp0.png

第2步 为App定制Icon、启动画面、以及其他定制化信息
CrtApp1.png

第3步 关联我们之前已创建好的产品
CrtApp2.png

第4步 保存
CrtApp3.png

第5步 再回到之前已建好的产品中,设置产品相关的UI页面
注意:这里说的之前建好的产品就是我们之前已经建好的 远程控制Led灯(Wifi版) 产品。
5.1 设计产品功能页面
ModifyPrdct0.png

5.2 设计产品WIFI配网相关页面,这里我们首选用AirLink配网
ModifyPrdct1.png

5.3 设置产品实际用的模组,这里我们用的乐鑫esp8266模组,所以请选择乐鑫模组
ModuleCfg.png

第6步 再回到应用中,编译构建并生成App
CrtApp4.png CrtApp5.png CrtApp6.png

第7步 扫码下载App后,在App里找到《手机App远程控制Led灯(Wifi版)》设备,并添加我们的开发板设备,添加以后就可以看到如下设备页面:


原文转载自:http://shineblink.com/html/gizwi ... fiJoinSaiBoTan.html

220

主题

237

帖子

1万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
11042
发表于 2021-9-1 17:15:45 | 显示全部楼层
ShineBlink万能物联网开发板接入机智云 支持Wifi/Ble/4G/NB/Lora/RFID/485
官方购买:https://item.taobao.com/item.htm ... amp;id=653140636765
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

加入Q群 返回顶部

© 2011-2017 Gizwits ( 粤ICP备11090211号 )

快速回复 返回顶部 返回列表