『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 65605|回复: 93

[插件集成] 彩云天气 动态图标完整版【Caiyun Weather for lovelace】【原创】

  [复制链接]

65

主题

853

帖子

3044

积分

论坛元老

Rank: 8Rank: 8

积分
3044
金钱
2184
HASS币
40
发表于 2019-1-29 21:40:47 | 显示全部楼层 |阅读模式
本帖最后由 neroxps 于 2019-2-12 09:44 编辑

此彩云天气自定义card仅支持lovelace
【20190131更新git代码——上传ui-lovelace.yamlFrankLv测试并提供日期显示undefined的修复bug代码已提供附件包下载,见文末
【20190201更新git代码——已更新由FrankLv提交的日期显示undefined及hourly内容显示超长问题 bug修复代码、修改降水量显示到小数点后1位(解决显示内容超长问题)】已更新附件下载包 caiyun-weather-card-v1.1 (不要下载1.0版的,我的浏览器有问题,换了几个都不不行。编辑帖子看不到之前上传的那个1.0版想删除没法删。。。。,请囧大帮忙处理下呗?

这个是完整版的彩云天气card 数据来源通过 rest API获取,请根据自己的api修改 caiyunweather_api.yaml 中的api_token
其中的forecast是自定义的,为了避免与hass的forecast冲突,我目前只找到了这样的解决办法。有没有大拿提供更好思路?
代码见github链接https://github.com/plutosherry/caiyun-weather-card 有兴趣共同开发ui的朋友可在此git上pull



惯例先上图:

彩云天气完整版

彩云天气完整版

这个是v1.0版(之前有hass友说想要darksky的那种温度曲线的,目前暂时没有时间做界面开发,后续会抽空制作)

需要修改api的部分如下:
packages/caiyunweather_api.yaml
#################################
######   彩云空气质量接口   ######
################################
# 定义传感器
sensor:
# 实时天气接口
  - platform: rest
    name: CaiyunWeather_realtime
    resource: https://api.caiyunapp.com/v2/api_token/111.27620636,30.704655/realtime.json?&unit=metric:v2
    value_template: >-
          {% if value_json.status == 'ok' %}
            有效
          {% else %}
            无效
          {% endif %}
    scan_interval: 1200                             #半小时更新一次天气数据
    headers:
      User-Agent: ColorfulCloudsPro/3.2.0 (iPhone; iOS 11.2.2; Scale/2.00)
    json_attributes:
      - result

# 五天预报接口
  - platform: rest
    name: CaiyunWeather_forecast
    resource: https://api.caiyunapp.com/v2/api_token/111.27620636,30.704655/forecast.json?&unit=metric:v2
    value_template: >-
          {% if value_json.status == 'ok' %}
            有效
          {% else %}
            无效
          {% endif %}
    scan_interval: 1800                             #半小时更新一次天气数据
    headers:
      User-Agent: ColorfulCloudsPro/3.2.0 (iPhone; iOS 11.2.2; Scale/2.00)
    json_attributes:
      - result







caiyun-weather-card-v1.0.rar

45.32 KB, 下载次数: 232

20190131完整更新包

caiyun-weather-card-v1.1.rar

45.45 KB, 下载次数: 940

评分

参与人数 6金钱 +77 HASS币 +10 收起 理由
flashsoft + 20 感谢楼主分享!
arrive + 7 感谢楼主分享!
qq200800704 + 10 厉害了word楼主!
FrankLv + 20 大神666!
Roger + 10 + 10 厉害了word楼主!
windgo + 10 大神666!

查看全部评分

回复

使用道具 举报

65

主题

853

帖子

3044

积分

论坛元老

Rank: 8Rank: 8

积分
3044
金钱
2184
HASS币
40
 楼主| 发表于 2019-1-29 21:45:11 | 显示全部楼层
本帖最后由 plutosherry 于 2019-1-29 21:46 编辑

占楼备用
这个背景不是我定义的,取theme,主题颜色是按时间段自动切换时间的哈。
回复

使用道具 举报

8

主题

870

帖子

5218

积分

论坛元老

Rank: 8Rank: 8

积分
5218
金钱
4348
HASS币
0
发表于 2019-1-29 21:59:01 | 显示全部楼层
楼主666666
回复

使用道具 举报

3

主题

185

帖子

3351

积分

论坛元老

Rank: 8Rank: 8

积分
3351
金钱
3166
HASS币
0
发表于 2019-1-29 22:37:14 | 显示全部楼层
多谢分享               
回复

使用道具 举报

5

主题

123

帖子

750

积分

高级会员

Rank: 4

积分
750
金钱
627
HASS币
0
发表于 2019-1-30 02:31:22 | 显示全部楼层
lovelace上的配置如何写
回复

使用道具 举报

65

主题

853

帖子

3044

积分

论坛元老

Rank: 8Rank: 8

积分
3044
金钱
2184
HASS币
40
 楼主| 发表于 2019-1-30 08:47:45 | 显示全部楼层
本帖最后由 plutosherry 于 2019-1-30 08:51 编辑
251114061 发表于 2019-1-30 02:31
lovelace上的配置如何写

lovelace_ui.yaml文件在git上已提供,其余文件按我提供的文件直接copy即可。
回复

使用道具 举报

4

主题

129

帖子

761

积分

高级会员

love421

Rank: 4

积分
761
金钱
627
HASS币
30
发表于 2019-1-30 09:17:18 | 显示全部楼层
plutosherry 发表于 2019-1-30 08:47
lovelace_ui.yaml文件在git上已提供,其余文件按我提供的文件直接copy即可。

楼主没有这个lovelace_ui.yaml文件哦
回复

使用道具 举报

5

主题

123

帖子

750

积分

高级会员

Rank: 4

积分
750
金钱
627
HASS币
0
发表于 2019-1-30 09:32:39 | 显示全部楼层
造梦Sir 发表于 2019-1-30 09:17
楼主没有这个lovelace_ui.yaml文件哦

楼主我也找不到lovelace_ui.yaml
回复

使用道具 举报

26

主题

94

帖子

1943

积分

金牌会员

Rank: 6Rank: 6

积分
1943
金钱
1814
HASS币
60

教程狂人论坛风云人物突出贡献

发表于 2019-1-30 15:38:31 | 显示全部楼层
本帖最后由 FrankLv 于 2019-1-31 09:48 编辑

没怎么使用github,在这里提交给大神吧!修正下日期显示问题,同时附上配置。js覆盖原来的就可以,配置文件把需要的部分拷贝到自己的配置中。


12.png
11.png

ui-lovelace.rar

665 Bytes, 下载次数: 239

caiyun-weather-card(修改日出日落).rar

2.95 KB, 下载次数: 196

评分

参与人数 2金钱 +20 收起 理由
windgo + 10 厉害了word楼主!
咸味土豆 + 10 赠人玫瑰,手留余香!

查看全部评分

回复

使用道具 举报

65

主题

853

帖子

3044

积分

论坛元老

Rank: 8Rank: 8

积分
3044
金钱
2184
HASS币
40
 楼主| 发表于 2019-1-30 17:12:35 | 显示全部楼层
FrankLv 发表于 2019-1-30 15:38
没怎么使用github,在这里提交给大神吧!修正下日期显示问题,同时附上配置。js覆盖原来的就可以,配置文件 ...

已更新github上代码caiyun-weather-card.js中定义星期时间显示undefined的问题,感谢FrankLv测试并提供bug修复代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-25 11:50 , Processed in 0.135878 second(s), 36 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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