ホームページ >ウェブフロントエンド >jsチュートリアル >デノにコマンドラインの天気アプリを構築します

デノにコマンドラインの天気アプリを構築します

Joseph Gordon-Levitt
Joseph Gordon-Levittオリジナル
2025-02-10 13:07:16820ブラウズ

Build a Command Line Weather App in Deno

このチュートリアルは、最初のデノアプリケーションを構築することをガイドします:コマンドラインの天気予報プログラム。 Denoのインストール、OpenWeatherMap APIを介して天気データを取得し、ユーザーフレンドリーなテーブルで予測を提示します。 Denoプラグインを使用したVisual Studioコードを強くお勧めします。 拡張コードの透明度にTypeScriptを使用します

重要な概念:

Denoのランタイム環境のインストールと検証。
  • OpenWeatherMap APIを使用します(APIキーの無料アカウント登録が必要です)。
  • Denoの安全なサンドボックスモデルと許可フラグを理解する(例:
  • )。 URLを使用してモジュールのインポート(node.jsとの重要な違い)。
  • コマンドラインの引数とエラー条件を処理します。
  • --allow-net
  • および
  • インストール:
  • date-fns ascii_tableオペレーティングシステムに適切なコマンドを使用してdenoをインストールしてください:

Windows(PowerShell):

linux(ターミナル):

<code class="language-powershell">iwr https://deno.land/x/install/install.ps1 -useb | iex</code>
macos(homebrew):

インストールの確認:
<code class="language-bash">curl -fsSL https://deno.land/x/install/install.sh | sh</code>

プロジェクトディレクトリを作成し、ファイル:

<code class="language-bash">brew install deno</code>

ユーザー入力とAPIデータの取得:
<code class="language-bash">deno --version</code>

index.ts都市名はコマンドライン引数として渡されます。 引数の解析には、Denoの

モジュールを使用します
<code class="language-bash">mkdir weather-app
cd weather-app
code index.ts  // Or your preferred editor</code>

APIは、OpenWeatherMap:からデータを取得します

flagsフラグ:

で実行することを忘れないでください
<code class="language-typescript">import { parse } from "https://deno.land/std@0.61.0/flags/mod.ts";
// ... (rest of the code)</code>

fetchデータの処理とプレゼンテーション:

<code class="language-typescript">// ... (API key and other code)

const res = await fetch(
  `https://api.openweathermap.org/data/2.5/forecast?q=${args.city}&units=metric&appid=${apiKey}`,
);
const data = await res.json();
// ... (error handling and data processing)</code>

日付のフォーマットには--allow-net、クリーンな出力には

を使用します。
<code class="language-bash">deno run --allow-net index.ts --city London</code>

最終出力はフォーマットされたテーブルです:

完全なコード(エラー処理とタイプ定義を備えた):date-fnsascii_table(注:

を実際のOpenWeatherMap APIキーに置き換えます。)
<code class="language-typescript">import { fromUnixTime, format } from "https://deno.land/x/date_fns@v2.15.0/index.js";
import AsciiTable from "https://deno.land/x/ascii_table/mod.ts";
// ... (data processing using interfaces and functions)</code>

この強化された応答には、より詳細な説明とエラー処理が含まれ、より堅牢で初心者に優しいものになります。 プレースホルダーAPIキーを自分のものに置き換えることを忘れないでください。

以上がデノにコマンドラインの天気アプリを構築しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。