利用气象局的接口写一个自己的天气预报

最新推荐文章于 2024-08-02 18:27:48 发布
最新推荐文章于 2024-08-02 18:27:48 发布
阅读量7.2k 收藏 9
点赞数 3
文章标签： 天气预报接口 自己的天气预报网站
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdn_zsdf/article/details/74094696
版权

忽然写自己的一个天气预报，首先不知如何下手，首先想到的是不是讲script链接引入到文件头部就可以了，然而接下来又要怎么做？
在经过了半天的网上搜索后，明白了要写的流程，
①。找到合适得接口。

在网上搜索说中国气象局提供了三个接口
国家气象局提供的天气预报接口

接口地址：

http://www.weather.com.cn/data/sk/101010100.html

http://www.weather.com.cn/data/cityinfo/101010100.html

http://m.weather.com.cn/data/101010100.html

101010100为城市代码，是固定的，这里表示北京。然而并没有什么用，前两个可以访问，但是返回的数据太少了，最后一个说是最新的接口，数据比较多，但是我访问的却是403.

最后在网上又找了一个接口

最低0.47元/天 解锁文章
画一生情入颜容
关注
国家气象局免费天气预报接口，城市代码（plist文件）
02-16
国家气象局免费天气预报接口，城市代码（plist文件）
中国天气网的中央气象台实时数据接口
weixin_33812433的博客
08-29 511
iPhone上的天气预报用的是Yahoo!数据，实在是闹不住，本想写个中央气象台数据的天气应用，结果发现App Store上有一些做的非常好的，于是这个计划就搁浅了。。。不过还是研究了一下中国气象网的接口，这里做个笔记吧~ 1. XML接口 http://flash.weather.com.cn/wmaps/xml/china.xml ...
2024中国天气网 实况天气API JSON格式接口
免费天气预报接口 - 天气api
08-02 824
{“weatherinfo”:{“city”:“鍖椾含”,“cityid”:“101010100”,“temp”:“18”,“WD”:“涓滃崡椋�”,“WS”:“1绾�”,“SD”:“17%”,“WSE”:“1”,“time”:“17:05”,“isRadar”:“1”,“Radar”:“JC_RADAR_AZ9010_JB”,“njd”:“鏆傛棤瀹炲喌”,“qy”:“1011”,“rain”:“0”}}数据源质量一般，字段较少，只有基本的温度等信息，而且json用的GBK编码，数据处理可能麻烦点。
国家气象局提供的天气预报接口及使用说明
weixin_33714884的博客
09-07 583
开源免费天气预报接口API以及全国所有地区代码！！（国家气象局提供） 国家气象局提供的天气预报接口 接口地址： http://www.weather.com.cn/data/sk/101010100.html http://www.weather.com.cn/data/cityinfo/101010100.html http://m.weather.com.cn/data/101010...
【开放数据】中国气象局API接口
滴水穿石，点石为金
08-28 2万+
智慧天气应用编程接口开放平台
气象局天气预报信息接口实现
ZJin_Hua的专栏
01-11 2147
中国国家气象局天气预报接口总共提供了三个： http://www.weather.com.cn/data/sk/101010100.html http://www.weather.com.cn/data/cityinfo/101010100.html http://m.weather.com.cn/data/101010100.html 最详细的信息来自第三个接口。上面url中的101
JS,jquery调用天气预报api接口
01-16
天气预报API提供了一个接口，通过发送请求，我们可以获取到特定地区的天气数据。 在JavaScript中，jQuery库提供了便捷的AJAX（Asynchronous JavaScript and XML）方法，用于在不刷新整个页面的情况下与服务器交换...
php采集自中央气象台范围覆盖全国的天气预报代码实例
12-18
本实例主要展示了如何利用PHP从中央气象台获取全国范围内的天气预报信息。代码简洁高效，返回的数据格式为JSON，既可用于客户端应用直接调用，也可在服务器端处理后再进行展示。为了实现这一功能，开发者需要在...
ios中国气象局的天气预报
08-16
利用中国气象局做的demo，里面用到了soap请求，由于接口简单，解析就很容易了
天气预报接口，通过sax 解析接口数据
05-30
本案例主要涉及的是一个天气预报接口，该接口返回的数据格式为XML，我们使用SAX（Simple API for XML）进行解析。接下来，我们将深入探讨天气预报接口、SAX解析以及如何处理XML数据。 首先，天气预报接口是一个API...
国家气象局开放接口实时解析器
02-04
国家气象局开放接口实时解析器 长名 重要信息 我不再维护这个解析器，因为我现在正在维护另一个封闭源代码模块，该模块比这个模块效率更高。 这个还不错，但是我建议对此解析器进行一些更改，因为它有时会错误地解析消息。 最近更新此版本是为了使其更清洁，请确保您更新代码以适应中断，并进行重大更改！ [此操作尚未完成，我仍在重写] 该软件包用于使用Node.JS从NWWS-OI提取实时信息。 该包还处理解析。 询价单 您将必须拥有一个NWWS-OI帐户，但是请不要担心：这很容易获得，最糟糕的部分是等待。 要开始创建帐户，您需要转到，填写表格并等待。 这是我真正了解的获取实时信息的唯一方法，但我还在该项
中国气象局接口城市代码及抓取源码
01-07
rar里面含有中国气象局城市代码与城市之间关系映射的SQL文件及相关类容抓取的java源码，源码中使用到的是sqlite数据库。
国家气象局提供的天气预报接口
kucha00000的博客
02-17 609
-城市ID号,下方查询 可查看未来15天内天气 请求链接： http://t.weather.sojson.com/api/weather/city/101220101 返回成功状态（status）为：200，失败为非200 北京:101010100朝阳:101010300顺义:101010400怀柔:101010500通州:101010600 昌平:101010700延庆:10...
中国天气网的数据接口研究
weixin_34088598的博客
01-08 2452
1. 当前天气 API地址：http://mobile.weather.com.cn/data/sk/101010100.html sd 湿度 sm 未知 temp 温度 tempF 温度，华氏 time 时间 wd 风向 ws 风速 2. 生活方面 API地址：http://mobile.weather.com.cn/data/zsM/101020500.html ...
java json接口实例_接口测试——Java + TestNG 国家气象局接口（json解析）实例
weixin_42350865的博客
02-13 332
后端测试，主要以测试接口为主。需要代码支撑，近期便找了个天气接口捣鼓了。使用到的工具是：Eclipse + TestNG + Maven + ReportNG，全国城市编码：http://www.cnblogs.com/oucbl/p/6138963.html，接口地址：http://www.weather.com.cn/data/cityinfo/城市编码.html先看一下代码架构，如下所示：建...
c# 获取中国气象局全国城市代码（weather.com.cn）
热门推荐
wgscd blog
09-13 2万+
c# 获取中国气象局全国城市代码（weather.com.cn） 网上很多人都在问怎么得到所有城市的代码。 我就写了个程序大概10秒钟就获取完成了。 这样就方便了大家搞天气信息了哦。   /** Created by SharpDevelop.* User: wgscd* Date: 2009/9/13* Time: 12:3
中国国家气象局天气预报信息接口 .
抬头30°的微笑的专栏
10-12 3244
想在自己的android应用中获得当天的天气情况，这该怎么做呢？不用担心。中国国家气象局提供了获取所在城市天气预报信息接口。通过这个接口，我们就可以获取天气信息了。 中国国家气象局天气预报接口总共提供了三个： http://www.weather.com.cn/data/sk/101010100.html http://www.weather.com.cn/data/cityin
天气预报简单接口的实现
u011407281的专栏
12-14 1095
最近项目需要写了个天气预报接口的实现，这里做个小结，大概分以下几个步骤：   1、对天气预报请求链接的参数进行替换，即传入我们的参数，主要有两个参数：城市名、哪天 2、通过http请求获取请求返回输入流 3、解析返回输入流，获取我们需要的元素 4、封装解析后的元素，为我们所用 代码的实现如下： package com.tf.weixin.util; import java.i
用vue写一个带api接口的七日天气预报
最新发布
09-17
在Vue.js中创建一个带API接口的七日天气预报应用，首先你需要以下几个步骤： 1. **安装依赖**: 使用Vue CLI创建项目，安装axios库用于处理HTTP请求： ``` npm install vue axios ``` 2. **组件化设计**: - 创建一个`WeatherComponent.vue`文件，这是展示天气信息的主要组件。 - 设计一个`WeatherCard.vue`作为单日天气卡片。 3. **数据获取**: 在`WeatherComponent.vue`里，通过axios向天气API发起GET请求，比如使用中国气象局的API `http://data.cma.cn/data/qhjsk/tjsj_gl_1d.xml`（需要替换为实际可用的API地址）。设置一个计算属性`weatherData`来接收并处理返回的数据。 ```javascript <template> <div> <ul> <WeatherCard v-for="day in weatherData.slice(0, 7)" :key="day.date" :day="day"></WeatherCard> </ul> </div> </template> <script> import axios from 'axios' export default { data() { return { weatherData: [] } }, created() { this.fetchWeather() }, methods: { async fetchWeather() { try { const response = await axios.get('YOUR_API_URL') this.weatherData = parseWeatherData(response.data) // 解析API响应数据 } catch (error) { console.error('Error fetching weather:', error) } } } } // 假设有一个parseWeatherData函数来解析API返回的JSON数据 </script> ``` 4. **辅助组件**: 在`WeatherCard.vue`中，显示每天的日期、温度、天气描述等信息。 5. **API示例**: 假设`parseWeatherData`函数如下，它会从API数据中提取相关信息： ```javascript function parseWeatherData(apiResponse) { // 这里是一个简单的例子，假设API返回的是一个数组，每个元素包含日期和天气数据 const parsedData = apiResponse.map(day => ({ date: day.date, temperature: day.temperature, description: day.weather_description, // 其他天气细节... })); return parsedData; } // 需要根据实际API响应结构进行调整 ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值