ホームページ ウェブフロントエンド jsチュートリアル npm 上の Fastly CLI: JavaScript をすぐに使えるようになりました

npm 上の Fastly CLI: JavaScript をすぐに使えるようになりました

Dec 30, 2024 pm 09:49 PM

Fastly CLI on npm: now at your JavaScript fingertips

Fastly CLI は、コマンド ラインから Fastly API を操作するために Fastly が提供する推奨ツールです。これは、サービスの作成、バックエンドとドメインの管理、コンピューティング パッケージのデプロイなど、Fastly アカウントに代わってさまざまなアクションを実行するために開発者や継続的統合パイプラインで使用されるオープンソース ツールです。 JavaScript で Fastly Compute を使用している場合、Fastly CLI をより身近なものにするエキサイティングなニュースがあります。Fastly CLI は npm でパッケージとして利用できるようになりました。


Fastly Compute エッジ プラットフォームでの JavaScript サポートを発表してから 3 年が経ち、JavaScript SDK v1.0 をリリースしてから約 2 年が経ちました。これはプラットフォーム上で非常に人気のある言語であり、私の個人的なお気に入りでもあります。 JavaScript を使用して Fastly Compute 向けに開発すると、エッジ アプリケーションを迅速かつ楽しい方法で作成できるようになります。私たちは、エッジ アプリケーションへのアクセスをできるだけ多くのユーザーに拡張したいと考えています。

開発者第一の企業として、私たちが常に念頭に置いていることが 1 つあります。それは、実際の開発を妨げる障害をできる限り取り除くことです。つまり、開発者が 1 回少ないクリック、1 回少ない依存関係、1 つ少ないインストール必要なツールで作業を完了できるようにするにはどうすればよいでしょうか? Compute での JavaScript 開発をより簡単にする方法はありますか?それが今回私たちが取り組むことです。

Fastly CLI は、Fastly アカウントでアクションを実行するために使用されるオープンソース ツールです。これは Compute アプリケーションの実行と公開に使用されるため、ローカルで試すだけであっても、JavaScript で Fastly Compute を開発するための要件の 1 つです。これは従来、GitHub リポジトリにアクセスしてビルド済みパッケージを取得するか、macOS 上の Homebrew を介してパッケージをインストールすることを意味していました。これらは開発者にとって一般的に馴染みのある手順ですが、私たちはコンピューティング アプリケーション開発に取り組むための障壁をできる限り低くしたいと考えました。

そのため、バージョン 10.14.0 以降、追加の配布手段として Fastly CLI を npmjs.org で公開することにしました。 2024 年の JavaScript 開発者であれば、yarn、pnpm、または信頼できる古い npm をインターフェイスとして使用しているかどうかに関係なく、アプリケーションにパッケージをインストールするための事実上のパッケージ リポジトリとして npmjs.org に精通している可能性があります。 。これは、npmjs.org がデフォルトで誰でも利用できることを意味し、この重要なツールをユーザーの手に届ける素晴らしい方法となります。

Fastly CLI をインストールせずに実行する

npm の便利な機能の 1 つは npx です。これを使用すると、npm パッケージをプロジェクトにインストールしなくても、npm パッケージからコマンドを実行できます。 Node.js と npm が環境で利用できる限り、次のように Fastly CLI を直接呼び出すことができるようになりました。

npx @fastly/cli 
ログイン後にコピー
ログイン後にコピー

これを初めて実行すると、npm によってパッケージをフェッチするように求められます。これにより、環境の npm キャッシュに追加され、将来すぐに使用できるようになります。

Fastly CLI は常に追加パラメーターを使用して呼び出されるため、通常どおりコマンドに続くパラメーターとして指定するだけです。たとえば、Fastly アカウント内のサービスを一覧表示するには、次のように入力します。

npx @fastly/cli service list
ログイン後にコピー
ログイン後にコピー

依存関係パッケージとしての Fastly CLI

もちろん、npmjs.org で利用できるということは、Fastly CLI を Compute JavaScript アプリケーションに標準の依存関係として追加できることを意味します。

npm install @fastly/cli
あるいは、プロジェクトの package.json ファイルに追加することもできます:

{
  "dependencies": {
    "@fastly/cli": "^10.14.0"
  }
}
ログイン後にコピー
ログイン後にコピー

次に、プロジェクトの依存関係をインストールします。

npm install
ログイン後にコピー

これにより、@fastly/cli が依存関係としてプロジェクトの node_modules ディレクトリにインストールされます。これは、node_modules/.bin サブディレクトリの下で fastly と呼ばれるプログラムとして利用可能になるため、次のように呼び出すことができます:

npx fastly
ログイン後にコピー

たとえば、ローカル開発環境でアプリケーションを開始するには、次のように入力します。

npx fastly compute serve
ログイン後にコピー

さらに、package.json ファイルの script セクション内の fastly への参照は、システム上で使用できる Fastly CLI のグローバル インストールを必要とする代わりに、このローカルにインストールされたバージョンの @fastly/cli を検索するようになりました。

{
  "scripts": {
    "build": "js-compute-runtime src/index.js bin/main.wasm",
    "start": "fastly compute serve",
    "deploy": "fastly compute publish"
  }
}
ログイン後にコピー

グローバルインストールは必要ありません

従来、Fastly Compute を使用するすべての開発者は、プラットフォームを実験し始めたばかりの場合でも、アプリケーションを開発し、Fastly アカウントに公開するために、グローバルに利用可能な Fastly CLI のインスタンスをインストールする必要がありました。 Fastly CLI を JavaScript アプリケーションの標準依存関係として利用できるようにすることで、Fastly Compute を初めて使用するユーザーは、アプリケーション リポジトリのクローンを作成し、通常どおり依存関係をインストールし、「npm start」と入力するだけで Compute アプリケーションを体験できるようになります。実際、このアプローチを採用するためにすべての JavaScript および TypeScript スターター キットを更新しました。これにより、コンピューティング プラットフォームの経験がなくても、より多くのユーザーがこれらを体験できるようになります。

チームで働くときにも最適です。あなただけでなく、あなたのアプリケーションを扱う他の開発者も、アプリケーションのコードを取得し、標準手順を使用してその依存関係をインストールし、電池を含めてすぐに作業を開始できます。

この利便性は継続的インテグレーション (CI) パイプラインにも拡張され、アプリケーションがビルドまたはテスト プロセスの一部として Fastly CLI に確実にアクセスできるようになります。

CLI の新機能を安心して使用する

Fastly CLI は積極的に開発中であり、常に新しい機能と改善が加えられています。

Fastly CLI をパッケージの標準依存関係として指定すると、セマンティック バージョニングを使用してそのバージョンを規定できるようになります。これにより、アプリケーションを使用する他の開発者が自分の環境に互換性のあるバージョンの CLI をインストールしているかどうかを心配することなく、最近追加された CLI の機能や動作が変更された可能性のある CLI の機能にパッケージを安全に依存させることができます。

Node.js コードから Fastly CLI を呼び出す

ツールやユーティリティ プログラムなど、Fastly CLI を呼び出す Node.js で実行するコードを作成している場合、このパッケージは非常に簡単で信頼性の高い方法を提供します。

@fastly/cli のデフォルトのエクスポートは、オペレーティング システム、アーキテクチャ、およびインストール方法に応じて、Fastly CLI の実行可能ファイルのフル パスを表す文字列値に解決されます。 Node.js の spawnSync などの関数で直接使用できます。これはこの方法で利用できるため、プログラムを実行する前にパッケージのユーザーに Fastly CLI のグローバル インストールを取得させる必要はありません。

次の Node.js プログラムの例は、fastly version コマンドを実行します。

npx @fastly/cli 
ログイン後にコピー
ログイン後にコピー

Fastly CLI をグローバルにインストールすることもできます

Fastly CLI のグローバル インストールが必要な場合、このパッケージはグローバルに使用するためにそれを入手する 1 つの方法としても機能します。

npx @fastly/cli service list
ログイン後にコピー
ログイン後にコピー

インストールしたら、従来どおりに呼び出します。

{
  "dependencies": {
    "@fastly/cli": "^10.14.0"
  }
}
ログイン後にコピー
ログイン後にコピー

内部的には、これは npx @fastly/cli を使用して環境にキャッシュされた CLI のコピーを呼び出すことと何ら変わりません。ただし、この手順により、コマンドがシステム パス上で迅速に使用可能になり、そこでコマンドを見つけることが期待される他のツールに適合できるようになります。最終結果は、従来のグローバル インストール方法のいずれかを使用した場合と事実上同じですが、npm は多くのマシンで広く利用できるため、このインストール プロセスは便利な代替手段です。

エッジ コンピューティングをより多くの開発者に提供

Fastly では、エッジでより多くのコードを実行し、使い慣れたツールを使用して開発するためのツールを提供するよう努めています。私たちはこれを妨げるものが何もないことを望んでいます。 JavaScript は地球上で最も人気のある言語であるため、npm での Fastly CLI のリリースは、この使命に沿ってさらに前進します。

ユーザーがこれらのツールを最大限に活用できるようになったときの報告をお待ちしております。無料の Fastly 開発者アカウントを取得し、Fastly コミュニティ フォーラムに参加して、あなたが構築しているものを知らせてください!

以上がnpm 上の Fastly CLI: JavaScript をすぐに使えるようになりましたの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

javascriptの分解:それが何をするのか、なぜそれが重要なのか javascriptの分解:それが何をするのか、なぜそれが重要なのか Apr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

誰がより多くのPythonまたはJavaScriptを支払われますか? 誰がより多くのPythonまたはJavaScriptを支払われますか? Apr 04, 2025 am 12:09 AM

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

JavaScriptは学ぶのが難しいですか? JavaScriptは学ぶのが難しいですか? Apr 03, 2025 am 12:20 AM

JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1)変数、データ型、関数などの基本概念を理解します。2)非同期プログラミングをマスターし、イベントループを通じて実装します。 3)DOM操作を使用し、非同期リクエストを処理することを約束します。 4)一般的な間違いを避け、デバッグテクニックを使用します。 5)パフォーマンスを最適化し、ベストプラクティスに従ってください。

Shiseidoの公式Webサイトのように、視差スクロールと要素のアニメーション効果を実現する方法は?
または:
Shiseidoの公式Webサイトのようにスクロールするページを伴うアニメーション効果をどのように実現できますか? Shiseidoの公式Webサイトのように、視差スクロールと要素のアニメーション効果を実現する方法は? または: Shiseidoの公式Webサイトのようにスクロールするページを伴うアニメーション効果をどのように実現できますか? Apr 04, 2025 pm 05:36 PM

この記事の視差スクロールと要素のアニメーション効果の実現に関する議論では、Shiseidoの公式ウェブサイト(https://www.shisido.co.co.jp/sb/wonderland/)と同様の達成方法について説明します。

JavaScriptの進化:現在の傾向と将来の見通し JavaScriptの進化:現在の傾向と将来の見通し Apr 10, 2025 am 09:33 AM

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は? JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は? Apr 04, 2025 pm 05:09 PM

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Apr 04, 2025 pm 05:12 PM

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

See all articles