AliOS Things 3.0应用笔记:摄像头配网 + 钉钉群通知 + 天气显示-阿里云开发者社区

开发者社区> 麻纸君> 正文

AliOS Things 3.0应用笔记:摄像头配网 + 钉钉群通知 + 天气显示

简介: AliOS Things 3.0应用笔记:摄像头配网 + 钉钉群通知 + LCD天气显示
+关注继续查看

介绍

本示例有如下3个功能:

  1. 摄像头配网。
  2. 推送消息到钉钉群。
  3. 显示当天天气。


TB1wqU9iAT2gK0jSZFkXXcIQFXa-1692-944.png

效果展示

点击查看展示视频

操作流程

环境配置

  1. AliOS Things环境安装,参考:AliOS-Things-Environment-Setup
  2. AliOS Things 3.0应用开发环境搭建,参考AliOS Things 3.0 应用开发指南
  3. 准备developerkit开发板。
  4. 下载应用开发源码:developerkit_app.zip

使用vscode打开developerkit_app 源码。

源码目录结构

.
├── Config.in
├── README.md
├── aos.mk
├── gui               # gui显示,包括进度条、天气界面等
├── http              # https client应用,包括上报消息到钉钉群,获取天气数据等
├── k_app_config.h
├── main.c            # 主入口函数
└── qr_decode         # 摄像头扫码识别

配置

更改AOS_SDK_PATH路径
  • 编辑 .aos:
AOS_SDK_PATH=/Users/xxw/workspace/github/AliOS-Things
DEPENDENCIES=
MD5SUM_HEADER=a1a4b53ab917fb4a6cb08289b6007fe0

更改 /Users/xxw/workspace/github/AliOS-Things 为你的AliOS-Things源码路径。

  • 编辑 Config.in:
......
config AOS_SDK_PATH
    string
    default "/Users/xxw/workspace/github/AliOS-Things"
......

更改 /Users/xxw/workspace/github/AliOS-Things 为你的AliOS-Things源码路径。

更改钉钉群机器人的token

更改http/http_request.c中的DINGTALK_TOKEN为你的钉钉群token,点击这里了解详细说明:

/* dingtalk token */
#define DINGTALK_TOKEN "<YOUR-DINGTALK-TOKEN>"
更改天气api的appcode

更改http/http_request.c中的WEATHER_APPCODE为你的appcode,点击这里了解详细说明:

/* weather api appcode */
#define WEATHER_APPCODE "<YOUR-WEATHER-APPCODE>"

烧录运行

下载烧录并运行,按照配网演示流程即可显示天气界面。其中配网二维码如下:


TB1Y2U8iAT2gK0jSZPcXXcKkpXa-260-260.png

源码讲解

QR扫码部分

本demo使用developerkit开发板的摄像头,通过摄像头扫二维码获取到wifi信息,然后连接到二维码。配网二维码中的wifi信息格式为:yunqiwifi&<ssid>&<passwd>,比如wifi名称为aiot,密码为12345678,那配网二维码中的wifi信息为:yunqiwifi&aiot&12345678

当然也可以用网上的二维码生成网站自己生成二维码:https://cli.im/

GUI部分

本demo基于littlevGL绘制了简单的UI交互界面,使用了littlevGL如下组件:

其中字体图标和中文字体在Iconfont中生成,也可以到FontEditor里面编辑字体,得到的ttf文件通过littlevGL提供的Font Converter在线工具转化为C文件。

https client部分

本示例使用到了AliOS Things 3.0提供的httpc组件,httpc组件支持多种RESTful的API调用,包括GET、POST、PUT、HEAD等,也支持https安全协议。

1. 钉钉群机器人:

本示例使用到了钉钉群自定义机器人的webhook功能,当设备上线后,会主动发送消息到钉钉群中,原理就是通过https client发送POST数据到机器人webhook中,就能够在钉钉群中显示相应POST的数据,该数据也支持markdown格式。

了解钉钉群自定义机器人如何运作的可以参考:自定义机器人

2. 天气API:

本示例使用到了阿里云API云市场的天气API:全国天气预报查询、实时天气、24小时天气、景区天气、预报7天/15天【支持高并发】【低延迟】,可以免费调用。请购买该应用(0元免费购买),然后获取到相应的访问appcode:

undefined

如何获取CA根证书

本示例里面使用的https接口都是安全加密的接口,需要配置CA root证书才能够正常访问这些接口,如何获取https网站的ca证书请参考:导出https网站证书

参考文档

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Asp.Net应用程序中长时间装载页面时显示进度条
Asp.Net应用程序中长时间装载页面时显示进度条 在 Asp.Net Web 应用程序中长时间装载页面时显示进度条,虽然是假进度条,不能实时反映装载进度,但是可以告诉用户页面正在装载,以免用户误以为系统故障或死机。
595 0
ACE钉钉群升级为阿里云开发者社区的通知
ACE钉钉群将升级为阿里云开发者社区,合并后的钉群依然正常运营,原有的服务与业务不受任何影响。考虑到大家可能会对此次合并升级产生一些疑问和期许,我们准备了一个小调查,希望大家能把疑问和期待告诉我们,我们争取下一步做的更好。问卷回收之后我们会抽三位小伙伴送上我们的小礼品,欢迎大家多多参与~
644 0
Facebook iOS 应用是如何加速图片显示的?
本文讲的是Facebook iOS 应用是如何加速图片显示的?,你的Facebook的动态消息中充满着一些关于你朋友、家人以及你所爱的人的照片,也许你会想要在手机上也能重温那些场景。我们一直在寻找提升用户体验的方式,包括更优秀和更快的移动端体验。
1090 0
AppStore 应用的本地化显示语言到底是什么决定的?
本地化 App Store 信息 iTunes Connect 本地化说明: 在添加 App 至您的帐户之后,您可以添加语言并输入您的 App 在 App Store 中显示的本地化信息。
1843 0
SystemUI-应用知栏视图是如何夸进程显示?
## 应用知栏视图是如何夸进程显示到 SystemUI 的? 跨进程通讯的基础是 IPC ,通知服务(NotificationManagerService, 简称 NMS)也不离开 IPC ,核心架构还是 IPC 架构。 ### 消息通道 1. 应用做作为通知的发送端, 需要调用 NMS ,发通知。例如: String channelId = "channe
1049 0
OpenGL学习笔记:Console工程下如何不显示控制台黑窗口只显示Windows窗口
刚学习OpenGL,绘制图形的时候,如果不进行设置,运行的时候会先出现黑窗口再出现Windows窗口。 其实要去除控制台窗口非常简单,只需要修改工程设置,把子系统改成Windows,程序的入口点改成mainCRTStartup。
625 0
μcGUI学习笔记之三文本显示与数值显示
  μc/GUI学习笔记之三文本显示与数值显示 3.1      文本显示 3.1.1   显示支持控制字符 文本显示支持的ASCII字符如图3.1。
681 0
Delphi XE之路(5)让应用程序禁止竖屏(只显示横屏)
<table cellspacing="0" cellpadding="0" id="blogContentTable" style="margin:0px; padding:0px; border-collapse:collapse; border-spacing:0px; color:rgb(68,68,68); font-family:punctuation,微软雅黑,Tohoma;
2482 0
+关注
5
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载