目錄
- 步驟1 新增賬號并添加産品
- 步驟2 生成插件代碼
- 步驟3 使用插件代碼
- 其他的天氣插件
想在網頁中加入一個天氣預報，是以最近在嘗試各種天氣插件，心知天氣，如風天氣等都可以實作。我在網頁中使用的是心知天氣，具體的步驟如下：
步驟1 新增賬號并添加産品
首先，在心知天氣的官網（https://www.seniverse.com/）注冊心知天氣賬号，成為心知天氣使用者。登入之後，進入【控制台】頁面在側邊欄【産品管理】中點選【添加新産品】。
步驟2 生成插件代碼
心知天氣 V3 插件，會根據使用者自己擁有的 API 産品權限的不同，提供不同的功能。權限越大則功能越豐富。是以，需要使用者自行選擇插件想要綁定的 API 産品。插件資料更新頻率取決于 API 資料更新頻率。登入之後，進入【控制台】頁面，點選側邊欄【新版插件】。
點選【新版插件】。
在【配置密鑰】一欄中選擇産品，并選擇一個與之對應的産品公鑰
在【配置插件】一欄中，會根據【配置密鑰】中所選産品的不同權限，生成相應的插件配置項，您可以根據需求組合不同的插件配置。
點選【生成代碼】擷取插件代碼。
步驟3 使用插件代碼
建立一個 index.html 頁面，并添加以下代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!-- 将生成的代碼複制到此處↓↓↓ -->
</body>
</html> npx http-server -p 3000 其他的天氣插件
-
心知天氣
文檔：https://docs.seniverse.com/api/start/start.html
-
和風天氣
文檔：https://dev.heweather.com/docs/getting-started/
-
天氣網
執行個體：http://www.tianqi.com/dingzhi/
-
天氣API
文檔：https://www.tianqiapi.com/?action=v1