WeatherStack API is a leading API service that gives accurate weather information for any location. You can retrieve real-time or historical world weather data in seconds.
This is what we are building today using a weather data api:
We have several posts and tutorials about WeatherStack API and comparisons of other different weather data APIs. You can learn more about them here:
In this tutorial, we are going to show how we can integrate WeatherStack API into our Node.js web applications!
Before starting make sure to head over and sign up for a free subscription plan right now. This gives you a free API access key that you can utilize to call the API endpoint.
Starting Node.js Web App
You can follow these commands to create a project folder, initialize it with Node modules, and configure it using the project config file.
Note: you must have NODEJS installed on your machine.
Open your terminal and type this command to install the required node packages.
Here is the project structure. You should download or copy the static files first.
For the final configuration, you need to open the package.json file and make changes like this. When you make changes to the source code it restarts the application.
Here is the main section which has all the required actions, like fetching the data from the WeatherStack API and sending it to the view.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
const express = require("express") const axios = require("axios") const app = express() const port = 1998 app.use(express.static('public')) app.use('/css', express.static(__dirname + 'public/css')) app.use('/img', express.static(__dirname + 'public/img')) // for images app.use('/js', express.static(__dirname + 'public/js')) app.set('views', './src/views') app.set('view engine', 'ejs') app.get('/api/:version', function(req, res) { res.send(req.params.version); }); app.get("/current/:location", async function(req, res) { try { const API_ACC_KEY = "1ec3dade5a2d89dc10a6aecd5b84d0b5"; const weather = await axios.get( `http://api.weatherstack.com/current?access_key=${API_ACC_KEY}&query=${req.params.location}` ); // console.log(weather.data.current); res.render("weatherstack", { info: weather.data }); } catch (error) { if (error.response) { console.log(error.response.data); } else if (error.request) { console.log(error.request); } else { console.log("Error Message: ", error.message); } } }); app.get('/', (req, res) => res.send('Index Page')) app.listen(port, () => console.log(`Running on ${port} port`)) |
As you can see in the code, you can send any country name as a string to the request URL to check the weather data.
|
1 |
http://localhost:1998/current/london |
Be sure to check out this tutorial also that shows you how to develop a cross-platform weather application in Delphi FireMonkey.
Check out the full source code here
Head over now and get your free email verification plan on WeatherStack!
