机智云赛博坦零代码App开发（Wifi版）
前言利用机智云提供的赛博坦App开发平台，即使不懂云和App开发，也可以在不用写任何代码的情况下，轻松制作一款拥有专属UI页面的App远程对硬件的访问。这里我们以一个简单案例《手机App远程控制Led灯(Wifi版)》来讲解，整个流程很简单，上手后再开发其他应用场景的App也大同小异。实现出来的效果如下图。https://club.gizwits.com/data/attachment/forum/202108/25/132328wcfnvyvj0vj7vbf0.jpeg.thumb.jpg注意：在此之前您需要在开发者中心已经建立好产品，并为该产品导入ShineBlink数据模板了，如果还没完成这些工作，请回看此处。
Tips1：在开始下面的工作之前先普及一个概念，一个APP应用里可以有多个产品，所以我们创建好了一个App应用，未来就可以往这个应用中添加多个产品。本教程里只为App应用添加了一个产品，即《手机App远程控制Led灯(Wifi版)》。Tips2: 下面的教程里的图片如果看不清，请按住Ctrl键+鼠标滚轮放大看。
第1步 创建App应用https://club.gizwits.com/data/attachment/forum/202108/25/132417zgdbssu401avm4ui.png.thumb.jpg
第2步 为App定制Icon、启动画面、以及其他定制化信息https://club.gizwits.com/data/attachment/forum/202108/25/132423z072vwi03n72nn62.png.thumb.jpg
第3步 关联我们之前已创建好的产品https://club.gizwits.com/data/attachment/forum/202108/25/132423qe9gizn5e1pef8vk.png.thumb.jpg
第4步 保存https://club.gizwits.com/data/attachment/forum/202108/25/132424tq0k2lmqzvl42ibg.png.thumb.jpg
第5步 再回到之前已建好的产品中，设置产品相关的UI页面注意：这里说的之前建好的产品就是我们之前已经建好的 远程控制Led灯(Wifi版) 产品。5.1 设计产品功能页面https://club.gizwits.com/data/attachment/forum/202108/25/132713ynoss6s88uojevbx.png.thumb.jpg
5.2 设计产品WIFI配网相关页面，这里我们首选用AirLink配网https://club.gizwits.com/data/attachment/forum/202108/25/132713tbo5dtcdpdqokyjc.png.thumb.jpg
5.3 设置产品实际用的模组，这里我们用的乐鑫esp8266模组，所以请选择乐鑫模组https://club.gizwits.com/data/attachment/forum/202108/25/132713aoo5qvxkw9hx5o5o.png.thumb.jpg
第6步 再回到应用中，编译构建并生成Apphttps://club.gizwits.com/data/attachment/forum/202108/25/132427ktouzndg6mtuz7zn.png.thumb.jpg https://club.gizwits.com/data/attachment/forum/202108/25/132427krwdwajj8zy8r0ed.png.thumb.jpg https://club.gizwits.com/data/attachment/forum/202108/25/132428bsuuwmvou95wdrzo.png.thumb.jpg
第7步 扫码下载App后，在App里找到《手机App远程控制Led灯(Wifi版)》设备，并添加我们的开发板设备，添加以后就可以看到如下设备页面：
页:
[1]