[界面]Dashticz V2版 中使用中国天气网数据[2017-12-11更新]

头像
DT27
帖子: 345
注册时间: 周四 3月 30, 2017 08:54
Gender:

[界面]Dashticz V2版 中使用中国天气网数据[2017-12-11更新]

帖子 DT27 »

本文仅限V2版本,不支持V3。
Dashticz项目地址:https://github.com/robgeerts/dashticz_v2
Dashticz面板默认天气是wunderground,其缺点见viewtopic.php?f=31&t=39#p131
本帖仅增加中国天气数据,对界面无变动。
界面预览:
屏幕快照 2017-07-16 17.41.25.jpg
屏幕快照 2017-07-16 17.41.25.jpg (35.63 KiB) 查看 77082 次
简单说下实现方法:天气数据用php爬取中国天气网,模仿wunderground的API格式将数据输出,然后跟默认的wunderground显示方法一样,js获取数据后生成界面。

====================================
2017-12-11 10:21:17更新
PHP文件中修正零下温度获取,使用domoticz.cn服务的无需操作自动修正。

-----------------------------
2017-10-14 14:07:31更新
简化修改,同步最新版Dashticz。

-----------------------------
2017-08-01 10:10:55更新
php文件更新,修复单数日期格式导致的错误。

-----------------------------
2017-07-20 16:58:18更新
weather.js中的修改更新,请重新替换“二:weather.js”中的代码。

-----------------------------
2017-07-20 15:30:18更新
php文件更新,去掉了当日预报,预报列表从第二天开始。

-----------------------------
2017-07-17 08:56:08更新
weather.js

代码: 全选

                    //修正兼容iOS
                    //day = new Date(curfor.time);
                    day = new Date(curfor.time.substr(0,10)+"T"+curfor.time.substr(11,8));
====================================

具体修改方法:

一:配置文件
在Dashticz/custom/CONFIG.js文件中,将config['wu_api'] = '';改为config['wu_api'] = '1';
并在下方增加以下配置代码

代码: 全选

config['cnweather_citycode'] = '101120501';  //e.g. 101120501 Get from http://www.weather.com.cn/weather/101120501.shtml
其中的101120501修改为你自己的地区编号。
修改后效果:
屏幕快照 2017-10-14 14.15.34.jpg
屏幕快照 2017-10-14 14.15.34.jpg (24.89 KiB) 查看 76173 次
二:weather.js
直接用附件中的weather.js文件替换掉原Dashticz/js/weather.js文件
weather.js
(5.86 KiB) 已下载 1504 次
完成!



这里php文件我放在domoticz.cn服务器中,可以直接调用。或者你也可以将附件中的文件夹及php文件放到自己的web服务器中,然后将weather.js中的

代码: 全选

https://www.domoticz.cn/WeatherCN/?citycode=
改为

代码: 全选

你自己的服务器地址/WeatherCN/index.php?citycode=
即可。
php文件:
WeatherCN.zip
(2.79 KiB) 已下载 1581 次
vonzeng
帖子: 27
注册时间: 周二 6月 06, 2017 12:38

Re: [界面]Dashticz中使用中国天气网数据

帖子 vonzeng »

赞!赞!赞!
blindlight
帖子: 98
注册时间: 周四 3月 30, 2017 00:03

Re: [界面]Dashticz中使用中国天气网数据

帖子 blindlight »

都没人回。。。。我带个头展示下成果
QQ图片20170717182412.png
QQ图片20170717182412.png (557.86 KiB) 查看 77021 次
PS
需要插入的那个if,对于不同的position方式插入的地方不同,坛主的是自动排列情况下的位置,自定义排列的话自己figure it out
vonzeng
帖子: 27
注册时间: 周二 6月 06, 2017 12:38

Re: [界面]Dashticz中使用中国天气网数据

帖子 vonzeng »

我还没时间去试。
vonzeng
帖子: 27
注册时间: 周二 6月 06, 2017 12:38

Re: [界面]Dashticz中使用中国天气网数据

帖子 vonzeng »

没有成功。:(
加的位置没错吧?
Screen Shot 2017-07-17 at 11.14.34 PM.jpg
Screen Shot 2017-07-17 at 11.14.34 PM.jpg (429.08 KiB) 查看 77014 次
头像
DT27
帖子: 345
注册时间: 周四 3月 30, 2017 08:54
Gender:

Re: [界面]Dashticz中使用中国天气网数据

帖子 DT27 »

vonzeng 写了: 周一 7月 17, 2017 23:15 没有成功。:(
加的位置没错吧?
Screen Shot 2017-07-17 at 11.14.34 PM.jpg
没效果自己F12,然后刷新,看浏览器控制台有什么提示。
vonzeng
帖子: 27
注册时间: 周二 6月 06, 2017 12:38

Re: [界面]Dashticz中使用中国天气网数据

帖子 vonzeng »

Screen Shot 2017-07-18 at 11.41.12 AM.jpg
Screen Shot 2017-07-18 at 11.41.12 AM.jpg (188.98 KiB) 查看 76998 次
MBP下的safari,看哪个?
头像
DT27
帖子: 345
注册时间: 周四 3月 30, 2017 08:54
Gender:

Re: [界面]Dashticz中使用中国天气网数据

帖子 DT27 »

vonzeng 写了: 周二 7月 18, 2017 11:42 Screen Shot 2017-07-18 at 11.41.12 AM.jpg

MBP下的safari,看哪个?
Show JavaScript Console
vonzeng
帖子: 27
注册时间: 周二 6月 06, 2017 12:38

Re: [界面]Dashticz中使用中国天气网数据

帖子 vonzeng »

是我插错位置了。 :oops:
在达达 和 DT27的帮助下纠正。 显示正常。
QQ20170718-1.png
QQ20170718-1.png (18.01 KiB) 查看 76984 次
正确的插入位置。
Screen Shot 2017-07-18 at 10.51.56 PM.jpg
Screen Shot 2017-07-18 at 10.51.56 PM.jpg (111.99 KiB) 查看 76984 次
vonzeng
帖子: 27
注册时间: 周二 6月 06, 2017 12:38

Re: [界面]Dashticz中使用中国天气网数据

帖子 vonzeng »

刚发现小问题,预报只有一个温度时:
Screen Shot 2017-07-19 at 12.04.19 AM.jpg
Screen Shot 2017-07-19 at 12.04.19 AM.jpg (29.26 KiB) 查看 76981 次
头像
DT27
帖子: 345
注册时间: 周四 3月 30, 2017 08:54
Gender:

Re: [界面]Dashticz中使用中国天气网数据

帖子 DT27 »

vonzeng 写了: 周三 7月 19, 2017 00:05 刚发现小问题,预报只有一个温度时:
Screen Shot 2017-07-19 at 12.04.19 AM.jpg
这个只在采集时处理了,显示还没处理,等等吧
vonzeng
帖子: 27
注册时间: 周二 6月 06, 2017 12:38

Re: [界面]Dashticz中使用中国天气网数据

帖子 vonzeng »

Screen Shot 2017-07-20 at 9.42.52 AM.jpg
Screen Shot 2017-07-20 at 9.42.52 AM.jpg (128.05 KiB) 查看 77682 次
Screen Shot 2017-07-20 at 9.42.35 AM.jpg
Screen Shot 2017-07-20 at 9.42.35 AM.jpg (51.56 KiB) 查看 77682 次
头像
DT27
帖子: 345
注册时间: 周四 3月 30, 2017 08:54
Gender:

Re: [界面]Dashticz中使用中国天气网数据

帖子 DT27 »

vonzeng 写了: 周四 7月 20, 2017 09:43 Screen Shot 2017-07-20 at 9.42.52 AM.jpgScreen Shot 2017-07-20 at 9.42.35 AM.jpg
不好意思,昨天测试时忘了你们也是用的我的服务器。。。
已经修复了,另外预报列表去掉了当天,从第二天开始。
ylfzl
帖子: 10
注册时间: 周日 7月 30, 2017 14:38

Re: [界面]Dashticz中使用中国天气网数据

帖子 ylfzl »

在下面地址下的WEB源码
Dashticz项目地址:https://github.com/robgeerts/dashticz_v2

在main.js中搜不到:

代码: 全选

if(typeof(_APIKEY_WUNDERGROUND)!=='undefined'
上面的下载地址是有变更吗?

我未作天气修改时运的状态是这样的,应该也没有正常运行吧。一在LOADING。。。这里是不是应该显示domoticz里的设备?
TIM图片20170814142255_副本.jpg
TIM图片20170814142255_副本.jpg (208.01 KiB) 查看 77620 次
以下是二个配置domoticz的IP地址的地方截图
TIM图片20170814142337_副本.jpg
TIM图片20170814142337_副本.jpg (88.09 KiB) 查看 77620 次
TIM图片20170814142412_副本.jpg
TIM图片20170814142412_副本.jpg (80.88 KiB) 查看 77620 次
还请了解的解惑,谢谢
头像
DT27
帖子: 345
注册时间: 周四 3月 30, 2017 08:54
Gender:

Re: [界面]Dashticz中使用中国天气网数据

帖子 DT27 »

ylfzl 写了: 周一 8月 14, 2017 14:30 在下面地址下的WEB源码
Dashticz项目地址:https://github.com/robgeerts/dashticz_v2

在main.js中搜不到:

代码: 全选

if(typeof(_APIKEY_WUNDERGROUND)!=='undefined'
上面的下载地址是有变更吗?

我未作天气修改时运的状态是这样的,应该也没有正常运行吧。一在LOADING。。。这里是不是应该显示domoticz里的设备?

TIM图片20170814142255_副本.jpg

以下是二个配置domoticz的IP地址的地方截图
TIM图片20170814142337_副本.jpg
TIM图片20170814142412_副本.jpg

还请了解的解惑,谢谢
项目更新了,还没研究过。。。
等有时间我看看。

新建个js吧 在内部改太乱了
ylfzl
帖子: 10
注册时间: 周日 7月 30, 2017 14:38

Re: [界面]Dashticz中使用中国天气网数据

帖子 ylfzl »

DT27 写了: 周一 8月 14, 2017 15:52
ylfzl 写了: 周一 8月 14, 2017 14:30 在下面地址下的WEB源码
Dashticz项目地址:https://github.com/robgeerts/dashticz_v2

在main.js中搜不到:

代码: 全选

if(typeof(_APIKEY_WUNDERGROUND)!=='undefined'
上面的下载地址是有变更吗?

我未作天气修改时运的状态是这样的,应该也没有正常运行吧。一在LOADING。。。这里是不是应该显示domoticz里的设备?

TIM图片20170814142255_副本.jpg

以下是二个配置domoticz的IP地址的地方截图
TIM图片20170814142337_副本.jpg
TIM图片20170814142412_副本.jpg

还请了解的解惑,谢谢
项目更新了,还没研究过。。。
等有时间我看看。

非常感谢,用了你修改的domoticz皮肤,很漂亮。
lemon2201126
帖子: 7
注册时间: 周六 8月 12, 2017 23:04

Re: [界面]Dashticz中使用中国天气网数据

帖子 lemon2201126 »

在Dashticz/js/main.js文件中搜索
代码: 全选
if(typeof(_APIKEY_WUNDERGROUND)!=='undefined'

这段话怎么没有找到。
一把下面的语句加进去,界面出错。删除了语句保存就没有问题。
头像
Admin
网站管理员
帖子: 122
注册时间: 周六 2月 25, 2017 12:47
Gender:

Re: [界面]Dashticz中使用中国天气网数据

帖子 Admin »

lemon2201126 写了: 周二 9月 26, 2017 23:44 在Dashticz/js/main.js文件中搜索
代码: 全选
if(typeof(_APIKEY_WUNDERGROUND)!=='undefined'

这段话怎么没有找到。
一把下面的语句加进去,界面出错。删除了语句保存就没有问题。
新版dashticz不能这么改了。更新变化太大,我再没弄过了。
lemon2201126
帖子: 7
注册时间: 周六 8月 12, 2017 23:04

Re: [界面]Dashticz中使用中国天气网数据

帖子 lemon2201126 »

能把老版本文件打包压缩发上来吗,万分感谢
lemon2201126
帖子: 7
注册时间: 周六 8月 12, 2017 23:04

Re: [界面]Dashticz中使用中国天气网数据

帖子 lemon2201126 »

ylfzl 写了: 周一 8月 14, 2017 19:16
DT27 写了: 周一 8月 14, 2017 15:52
ylfzl 写了: 周一 8月 14, 2017 14:30 在下面地址下的WEB源码
Dashticz项目地址:https://github.com/robgeerts/dashticz_v2

在main.js中搜不到:

代码: 全选

if(typeof(_APIKEY_WUNDERGROUND)!=='undefined'
上面的下载地址是有变更吗?

我未作天气修改时运的状态是这样的,应该也没有正常运行吧。一在LOADING。。。这里是不是应该显示domoticz里的设备?

TIM图片20170814142255_副本.jpg

以下是二个配置domoticz的IP地址的地方截图
TIM图片20170814142337_副本.jpg
TIM图片20170814142412_副本.jpg

还请了解的解惑,谢谢
项目更新了,还没研究过。。。
等有时间我看看。

非常感谢,用了你修改的domoticz皮肤,很漂亮。
你是怎么修改的,可以告诉一下吗
回复