利用阿里云物联网平台（IoT）实现WEB数据可视化_studio

本文用不到这里的功能

三、应用开发

1. 打开开发环境

点击 增值服务 -> IoT Studio（物联网应用开发） 或者点击https://studio.iot.aliyun.com/tool/web

2. 新建项目和应用

• 根据业务需要选择，这里在Web应用下点+新建

• 选择 新建项目
  
• 新建空白项目，也可以从市场选择一个新建

• 项目建完后回到应用创建页面，输入应用名称，确定提交

• 这时Web应用列表里就有了新建的应用，点编辑进入编辑界面
  

3. 编辑页面

编辑界面中有页面管理、组件管理、设备绑定和应用设置

• 将需要的组件拖入右侧页面中即可
  
  拖拽、合组、命名等操作不再赘述，就和一般的Web UI开发是一样的。

4.数据调用

• 在页面中选中允许显示数据的组件，点击展示数据右侧的编辑按钮
  
• 在请求地址位置输入远程服务器的地址
  
• 如果地址正确，那么将获取返回结果

根据请求参数进行调用获取接口返回的原始值，可以使用脚本或数据表配置进行再加工直至满足组件显示的需求

• 返回结果满足以下格式，那么该组件读取后就能正确显示内容，无论该组件是图表还是数字

{
  "data": [
    {
      "city": "Hangzhou",
      "month": "Jan",
      "sales": 360,
      "cost": 150
    },
    {
      "city": "Shanghai",
      "month": "Jan",
      "sales": 420,
      "cost": 180
    },
    {
      "city": "Hangzhou",
      "month": "Feb",
      "sales": 320,
      "cost": 140
    },
    {
      "city": "Shanghai",
      "month": "Feb",
      "sales": 400,
      "cost": 170
    },
    {
      "city": "Hangzhou",
      "month": "Mar",
      "sales": 380,
      "cost": 120
    },
    {
      "city": "Shanghai",
      "month": "Mar",
      "sales": 450,
      "cost": 140
    }
  ]
}

• 其它组件及参数设置不再一一分析，可自行研究
  这里举例折线图，从数据源读取到数据后，根据折线图要求将对应参数拖入横轴与纵轴即可。
  

5. 域名设置

在应用设置中增加域名即可，没有自己的域名无法直接访问。

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年嵌入式&物联网开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上嵌入式&物联网开发知识点，真正体系化！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新！！

！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新！！