JS の Web API とは何ですか?

2141 ワード

Web API は、ブラウザーの機能を向上させ、それ自体をより効率的で使いやすいものにするのに役立つ究極の開発者の目標です.
最も複雑な機能と可読性は、API を使用して簡素化することで管理できます.
複雑なコードを処理するのはタスクであったため、簡単な構文を考慮することができます.

API?
APIはアプリケーションプログラミングインターフェースの略です.
前述のように、Web、ブラウザー、またはサーバーの一部と見なすことができ、Web ブラウザーに機能を提供できます.

A Web API is an application programming interface for the Web.

A Browser API can extend the functionality of a web browser.

A Server API can extend the functionality of a web server.



サードパーティ API
サードパーティの API はブラウザに組み込まれていません.これらは拡張機能としても使用され、API をサポートする既存のプラットフォームの Web からダウンロードできます.

これらの API を使用するには、Web からコードをダウンロードする必要があります.

例:

YouTube API - Allows you to display videos on a web site.
Twitter API - Allows you to display Tweets on a web site.
Facebook API - Allows you to display Facebook info on a web site.



ファイルから API をフェッチするには
以下に例を示します.

フェッチ API の例
以下の例では、ファイルをフェッチしてコンテンツを表示します.

例:

fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));


Fetch は async と await に基づいているため、上記の例は次のように理解しやすいかもしれません.

例:

async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}


またはさらに良い: x と y の代わりにわかりやすい名前を使用します.

例:

async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}


独自の履歴から API を追加することもできます!

Web History API は、windows.history オブジェクトにアクセスするための簡単な方法を提供します.
window.history オブジェクトには、ユーザーがアクセスした URL (Web サイト) が含まれています.

履歴 back() メソッド

back() メソッドは、windows.history リストに以前の URL を読み込みます.

ブラウザの「戻る矢印」も代わりに使用できます.

例:

<button onclick="myFunction()">Go Back</button>

<script>
function myFunction() {
  window.history.back();
}
</script>