CakeResume
CakeResume Logo
Log In
Sign Up
Build your Network
My Network
Access your personal network connections and manage your contacts.
CakeResume Meet
Expand your professional network by meeting and connecting with other users.
Community
Engage with other users through discussions, forums, and networking events.
Log In
Sign Up
Portfolios
黃昱潔
透過 Weather API 取得天氣數據

透過 Weather API 取得天氣數據

Avatar of 黃昱潔.
Avatar of 黃昱潔.

透過 Weather API 取得天氣數據

By黃昱潔
前端工程師
・
New Taipei City, Taiwan

使用 node-fetch 取得 Weather API 當前天氣數據

node-fetch:

https://www.npmjs.com/package/node-fetch


Weather API:

https://openweathermap.org/api

在首頁搜尋城市，例如搜尋 "Taipei"

並跳轉下一頁展示天氣圖片、天氣、詳細描述及溫度

可以繼續搜尋其他城市，如 "Kyoto"

也以 Ajax 的方式重新渲染相對應的城市天氣

完整程式碼(Github):

https://github.com/Bajohn69/js-practice/tree/main/weather

使用 node-fetch 取得 Weather API 當前天氣數據
Avatar of the user.
Please login to comment.
黃昱潔
Published: Jan 9th 2023
34
8
0

Tools

express
Express
css3
CSS3
html5
HTML5
npm
npm
javascript
JavaScript
nodejs
Node.js
ajax
front-end
API
html5
css3
node-fetch
npm
node.js
ejs
express
javascript

Share

Other works from 黃昱潔

Cover of 使用 React.js 串接 Recipe Search API 製作食譜網站.
使用 React.js 串接 Recipe Search API 製作食譜網站
Cover of 月老喵 - 整合全台月老廟資訊平台(線上求籤).
月老喵 - 整合全台月老廟資訊平台(線上求籤)
Cover of 月老喵 - 整合全台月老廟資訊平台(首頁).
月老喵 - 整合全台月老廟資訊平台(首頁)
Cover of 沾沾字喜 - 介紹字型的網站，讓你也能沾沾字的喜氣!.
沾沾字喜 - 介紹字型的網站，讓你也能沾沾字的喜氣!
Cover of MERN 專案.
MERN 專案
Cover of 使用 Vue 製作的 Todo List.
使用 Vue 製作的 Todo List