Qt5获取并解析中国天气网数据

天气查询 API 接口

中国天气网提供 3 个 API 接口，以北京为例：

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

直接访问这 3 个 Web API 即可返回对应城市的天气信息，返回的是 JSON 格式数据。（第一个访问不了 -’’-）

后面的数字是城市代码，如果想查询其他城市的天气情况，只需要更换为对应的城市代码即可。那怎么知道城市代码呢？我这里有一份中国天气网城市代码文档。城市代码由 9 位数字组成，按照长度可以分为如下四个部分：
$$101（国家代号）01（省级行政区）01（二级地区）00（三级地区）$$
比如，北京市海淀区是 101010200，广州是 101280101，台北是 101340101。

---

http://weather.com.cn/data/sk/101010100.html 返回的 JSON 数据：

{
    "weatherinfo":
    {
        "city":"北京",
        "cityid":"101010100",
        "temp":"27.9",
        "WD":"南风",
        "WS":"小于3级",
        "SD":"28%",
        "AP":"1002hPa",
        "njd":"暂无实况",
        "WSE":"<3",
        "time":"17:55",
        "sm":"2.1",
        "isRadar":"1",
        "Radar":"JC_RADAR_AZ9010_JB"
    }
}

http://weather.com.cn/data/cityinfo/101010100.html 返回的 JSON 数据：

{
    "weatherinfo":
    {
        "city":"北京",
        "cityid":"101010100",
        "temp1":"18℃",
        "temp2":"31℃",
        "weather":"多云转阴",
        "img1":"n1.gif",
        "img2":"d2.gif",
        "ptime":"18:00"
    }
}

---

请求与响应

为方便起见，我们设置一个输入框获取城市代码，设置一个按钮触发查询请求，然后将实时气温显示在下面。

Show the code !

【头文件】

#ifndef MAINWIDGET_H
#define MAINWIDGET_H

#include <QWidget>
#include <QNetworkAccessManager>
#include <QNetworkRequest>
#include <QNetworkReply>

namespace Ui {
class MainWidget;
}

class MainWidget : public QWidget
{
    Q_OBJECT

public:
    explicit MainWidget(QWidget *parent = 0);
    ~MainWidget();

private slots:
    void slotReadyRead();
    void downloadFinished();
    void replyFinished(QNetworkReply *reply);

    void on_pushButton_clicked();

private:
    Ui::MainWidget *ui;

    QNetworkAccessManager *manager;
    QNetworkReply *reply;
};

#endif // MAINWIDGET_H

【源文件】

#include "mainwidget.h"
#include "ui_mainwidget.h"

#include <QTextCodec>

MainWidget::MainWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::MainWidget)
{
    ui->setupUi(this);
    this->setWindowTitle(tr("天气查询"));

    manager = new QNetworkAccessManager(this);
    connect(manager, SIGNAL(finished(QNetworkReply*)), this, SLOT(replyFinished(QNetworkReply*)));
}

MainWidget::~MainWidget()
{
    delete ui;
}

void MainWidget::on_pushButton_clicked()
{
    qDebug() << "clicked";

    QNetworkRequest request;
    request.setUrl(QUrl(QString("http://weather.com.cn/data/sk/%1.html").arg(ui->lineEdit->text())));

    /* Set header */
    request.setRawHeader(QByteArray("User-Agent"), QByteArray("Mozilla/5.0"));
    /* Auto redirect */
    request.setAttribute(QNetworkRequest::FollowRedirectsAttribute, true);

    reply = manager->get(request);
    connect(reply, SIGNAL(readyRead()), this, SLOT(slotReadyRead()));
    connect(reply, SIGNAL(finished()), this, SLOT(downloadFinished()));
}

void MainWidget::slotReadyRead()
{
    qDebug() << "ready";
}

void MainWidget::downloadFinished()
{
    qDebug() << "download";
    reply->deleteLater();
}

void MainWidget::replyFinished(QNetworkReply *reply)
{
    qDebug() << "reply";

    /* Get http status code */
    QVariant statusCode = reply->attribute(QNetworkRequest::HttpStatusCodeAttribute);
    if(statusCode.isValid()) {
        qDebug() << "status code:" << statusCode.toInt();
    }

    QVariant reason = reply->attribute(QNetworkRequest::HttpReasonPhraseAttribute);
    if(reason.isValid()) {
        qDebug() << "reason:" << reason.toString();
    }

    QNetworkReply::NetworkError err = reply->error();
    if(err != QNetworkReply::NoError) {
        qDebug() << "Failed:" << reply->errorString();
    }
    else {
        QByteArray bytes = reply->readAll();
        QString string = QString::fromUtf8(bytes);
        qDebug() << string;
    }
}

输入 101010100，点击查询按钮，可以看到终端打印如下：

需要特别注意的是，由于请求发生重定向，所以一定要加上这行代码，设置自动跳转，否则会返回 302。

/* Auto redirect */
request.setAttribute(QNetworkRequest::FollowRedirectsAttribute, true);

解析 JSON 数据

创建函数 parseFromJson 用于读取、解析 JSON 数据，并在 TextBrowser 中直接显示出来。

void parseFromJson(const QString &jsonStr);

具体代码实现如下：

void MainWidget::parseFromJson(const QString &jsonStr)
{
    QJsonParseError err;
    QJsonDocument doc = QJsonDocument::fromJson(jsonStr.toUtf8(), &err);

    if(err.error != QJsonParseError::NoError) {
        qDebug() << "Parsed error";
        return;
    }
    QJsonObject obj = doc.object();
    if(obj.contains(QLatin1Literal("weatherinfo"))) {
        qDebug() << "Parsing";
        QJsonObject subObj = obj.value("weatherinfo").toObject();
        QString city = subObj["city"].toString();
        QString temp = subObj["temp"].toString();
        QString WD = subObj["WD"].toString();
        QString WS = subObj["WS"].toString();
        QString time = subObj["time"].toString();
        ui->textBrowser->setText(QString("城市：%1\n气温：%2\n风向：%3\n风速：%4\n时间：%5").arg(city).arg(temp).arg(WD).arg(WS).arg(time));
    }
}

运行程序，输入城市代码，查询… 如下：

OK，你学会了吗？