node.js 中国天气预报 简单实现

下面我将详细讲解如何实现“node.js中国天气预报”的完整攻略：

简介

作为一个天气预报的 web 应用，它的基本功能就是根据用户所提供的城市名称，来获取该城市的天气信息。在本次实现中，我们需要使用如下几个技术和工具：
- Node.js：一个支持 JavaScript 运行在服务器端的开放源代码、跨平台的运行环境；
- Express：一个基于 Node.js 平台的极简、灵活的 web 应用开发框架；
- superagent：一个轻量的、渐进式的网络请求库，可用于客户端和服务器端；
- cheerio：一个实现了 jQuery 核心选择器的库，用于解析 Dom 结构和操作 Dom 树。

实现步骤

第一步：创建项目文件夹并进行初始化

1. 在本地创建一个项目文件夹，进入该文件夹；
2. 通过执行npm init 命令初始化 package.json 文件。

第二步：安装依赖项

1. 安装 express：执行 npm install express --save；
2. 安装 superagent：执行 npm install superagent --save；
3. 安装 cheerio：执行 npm install cheerio --save。

第三步：编写代码

app.js（主要代码）

const express = require('express');
const superagent = require('superagent');
const cheerio = require('cheerio');

const app = express();

app.get('/weather', (req, res, next) => {
  const city = req.query.city;
  const url = `http://www.weather.com.cn/weather/${city}.shtml`;

  superagent.get(url).end((err, res2) => {
    if (err) {
      return next(err);
    }

    const $ = cheerio.load(res2.text);
    const weatherTips = $('.today .wea_tips em').text();
    const airTips = $('.today .wea_alert .alert_txt').text();
    const reg = /[℃°]/g;
    const temperature = $('.today .temp').text().replace(reg, '');
    const weather = $('.today .wea').text();
    const wind = $('.today .win').text();

    const result = {
      status: 0,
      msg: 'ok',
      data: {
        weatherTips,
        airTips,
        temperature,
        weather,
        wind
      }
    };

    res.status(200).send(result);
  });
});

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

第四步：运行代码

在终端窗口中运行下列命令：

node app.js

示例一

通过浏览器访问 node.js 服务器提供的服务：http://localhost:3000/weather?city=beijing
结果如下：

{
  "status": 0,
  "msg": "ok",
  "data": {
        "weatherTips": "阴有雨，出门记得带伞",
        "airTips": "",
        "temperature": "16~26",
        "weather": "阴",
        "wind": "东南风3-4级转3-4级"
  }
}

示例二

在浏览器的控制台中执行如下 JavaScript 代码来获取北京市的天气信息：

const xhr = new XMLHttpRequest();
xhr.open('get', 'http://localhost:3000/weather?city=beijing', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
}
xhr.send()

结果如下：

{
  "status": 0,
  "msg": "ok",
  "data": {
        "weatherTips": "阴有雨，出门记得带伞",
        "airTips": "",
        "temperature": "16~26",
        "weather": "阴",
        "wind": "东南风3-4级转3-4级"
  }
}

至此，关于“node.js 中国天气预报 简单实现”的完整攻略就介绍完毕了。