[技术讨论]

图文教程:GC211接入机智云,实现智能产品、APP、后台搭建

[复制链接]
411|0
手机看帖
扫描二维码
随时随地手机跟帖
康康2020|  楼主 | 2022-6-22 19:58 | 显示全部楼层 |阅读模式
4G, go
本帖最后由 康康2020 于 2022-6-22 20:02 编辑

本文以图文方式讲解GC211+Gokit3,接入机智云,实现4G开发调试的过程。

换句话说,看了此文,可以知道如何使用机智云赛博坦工具实现零代码APP开发过程。

本教程也适用于用正点原子开发版、STM32系列产品、国产单片机接入机智云自助开发平台,实现智能产品+APP+运营管理后台搭建。



硬件准备

GC211转接板:内置4G模组ML302

GoKi3


第一步:创建“智能产品”,导入数据功能点

登陆机智云自助开发平台  dev.gizwits.com

创建一个“智能产品”

       4593beca-eccc-11ec-a2f4-dac502259ad0.png


为了方便导入数据,类目选择“其他”

45b64af8-eccc-11ec-a2f4-dac502259ad0.png        45c546f2-eccc-11ec-a2f4-dac502259ad0.png         

创建“智能产品”后,会自动跳转自如下界面。

点击“导入”,即可倒入定义好的数据点。

导入的格式为  .xlsx

       45f98458-eccc-11ec-a2f4-dac502259ad0.png

成功导入数据点

       461c2986-eccc-11ec-a2f4-dac502259ad0.png

第二步:创建“移动应用”,关联产品

此时再次回到dev.gizwits.com主界面,按照如下所示,创建“移动应用”

      463ee2aa-eccc-11ec-a2f4-dac502259ad0.png         

为创建的“移动应用”命名。

此处为了方便识记,应用名称、应用包名均与ML302有关。

    466720f8-eccc-11ec-a2f4-dac502259ad0.png         

在成功创建“移动应用”后,回自动跳转至本界面

此时,需要点击“关联”,点击“”

      468e99ee-eccc-11ec-a2f4-dac502259ad0.png         

选择需要关联的“智能产品”

    46c1d39a-eccc-11ec-a2f4-dac502259ad0.png         

第三步:在线定义APP的样式

关联产品后,回到“智能产品”页面 / 或者是再次刷新“智能产品页面”

由于默认的是“产品开发”页面,所以需要再点击“应用页面”

       46e722bc-eccc-11ec-a2f4-dac502259ad0.png         

跳转至“应用页面”,点击下图所示的“模板”                4709d2f8-eccc-11ec-a2f4-dac502259ad0.png         

将“模板”应用后,会有如下界面显示。

此时,在“功能”一栏,可以修改样式了。

       472a89a8-eccc-11ec-a2f4-dac502259ad0.png         

如:更换icon——点击箭头所指的图标,就会出现红色框框所示内容

      473b29de-eccc-11ec-a2f4-dac502259ad0.png

第四步:确定MCU方案,方便生成MCU代码包

在定义APP样式后,咱们点击“产品开发”--“MCU开发”

选择MCU方案,方便生成MCU代码包

      475df43c-eccc-11ec-a2f4-dac502259ad0.png


Product Key在哪可以找到? 如下图所示

       47736bb4-eccc-11ec-a2f4-dac502259ad0.png


点击“生成代码包”,只需几秒钟就会出现如下界面。

点击“下载”,即可下载“代码包”,为后续移植做准备。

    479459be-eccc-11ec-a2f4-dac502259ad0.png 代码移植参考:https://club.gizwits.com/thread-9635-1-1.html

第五步:构建移动APP应用

回到“移动应用”界面,打开创建的“ML302”项目

      47afd54a-eccc-11ec-a2f4-dac502259ad0.png


点击“构建应用”--“应用构建”--“构建测试版”

    47d6fd3c-eccc-11ec-a2f4-dac502259ad0.png


成功构建应用

    47f22bfc-eccc-11ec-a2f4-dac502259ad0.png         


第六步:产品调试

将编译好的代码烧录到gokit,烧录完成之后将4G卡插入ML301-GC211,给设备通电,等待设备自动注册到云端

回到“智能产品”页面,点击“产品开发”--“设备管理”,此处可以调试。

      480a8b02-eccc-11ec-a2f4-dac502259ad0.png


如下图是通电后

    481c5256-eccc-11ec-a2f4-dac502259ad0.png


下载机智云串口调试助手https://download.gizwits.com/zh-cn/p/98/119,在工具里面生成设备二维码。

       48399078-eccc-11ec-a2f4-dac502259ad0.png


将安装在手机里面的APP打开,点击首页扫描二维码或者右上角加号里面的扫描二维码,扫描串口助手生成的二维码即可绑定设备。

       485df256-eccc-11ec-a2f4-dac502259ad0.png         


4593beca-eccc-11ec-a2f4-dac502259ad0.png
45b64af8-eccc-11ec-a2f4-dac502259ad0.png
45c546f2-eccc-11ec-a2f4-dac502259ad0.png
45f98458-eccc-11ec-a2f4-dac502259ad0.png
461c2986-eccc-11ec-a2f4-dac502259ad0.png
463ee2aa-eccc-11ec-a2f4-dac502259ad0.png
466720f8-eccc-11ec-a2f4-dac502259ad0.png
468e99ee-eccc-11ec-a2f4-dac502259ad0.png
46c1d39a-eccc-11ec-a2f4-dac502259ad0.png
46e722bc-eccc-11ec-a2f4-dac502259ad0.png
4709d2f8-eccc-11ec-a2f4-dac502259ad0.png
472a89a8-eccc-11ec-a2f4-dac502259ad0.png
473b29de-eccc-11ec-a2f4-dac502259ad0.png
475df43c-eccc-11ec-a2f4-dac502259ad0.png
47736bb4-eccc-11ec-a2f4-dac502259ad0.png
479459be-eccc-11ec-a2f4-dac502259ad0.png
47afd54a-eccc-11ec-a2f4-dac502259ad0.png
47d6fd3c-eccc-11ec-a2f4-dac502259ad0.png
47f22bfc-eccc-11ec-a2f4-dac502259ad0.png
480a8b02-eccc-11ec-a2f4-dac502259ad0.png
481c5256-eccc-11ec-a2f4-dac502259ad0.png
48399078-eccc-11ec-a2f4-dac502259ad0.png
485df256-eccc-11ec-a2f4-dac502259ad0.png

使用特权

评论回复

相关帖子

发新帖 我要提问
您需要登录后才可以回帖 登录 | 注册

本版积分规则

36

主题

67

帖子

1

粉丝