バックエンドWeb開発、API、およびエクスプレスへの導入.js
バックエンド開発は、Web開発プロセスの精神です.バックエンドは、ビジネスロジックのほとんどがユーザーのステルス的に起こった場所です.バックエンドは24/7を走らせて、常にインターネットに接続しているサーバーと呼ばれている特別なコンピュータでホストされます.今日はバックエンドのWeb開発について議論し、APIを紹介し、Expressを使用して簡単なサーバーを作成します.js
バックエンド開発は、データベースを含むウェブサイトのサーバー側を開発することを意味します.フロントとバックエンドは、そのキッチンと一緒にレストランのようなものです.正面はレストラン自体、椅子、テーブルなどで飾られています.レストランのクライアントが見ることができる場所です.同様に、ウェブサイトのフロントエンドは、訪問者がブラウザで見ている視覚的でグラフィカルな部分です.
一方、バックエンドやサーバーサイドは、すべての料理が起こるレストランのようです.データベースはすべての必要な情報が保たれている幼虫のようです.
API -アプリケーションプログラミングインタフェースは、プログラマがソフトウェアを作成したり、外部システムと対話するために使用できるコマンド、関数、プロトコル、およびオブジェクトのセットです.
天気API、警察API、地理位置情報APIなど様々なAPIがあります.
APIを議論するとき、エンドポイント、パス、パラメータ、および認証を含むいくつかのことについて考える必要があります.
エンドポイントは、GETリクエストをAPIに送るのに使用されるURLです
https://v2.jokeapi.dev/joke/Any
時々、それはhttps://v2.jokeapi.dev/joke/Programming?contains=debuggingのような終点の終わりにいくつかの語を加えました
終了後の最後の部分マークは“=”記号で2部によって分けられます.この2つの部分をキー値対と呼ぶ.パラメータと呼ばれます.
を使用して分離することにより、複数のパラメータを追加することができますを追加した後にパラメータを追加しなければなりません(疑問符)終点後.
ウィキペディア、「Expressions . js」または「単純Express」によると、Node . jsのためのバックエンドWebアプリケーションフレームワークは、MITライセンスの下で無料でオープンソースソフトウェアとしてリリースされます
ディレクトリを作成し、NPM INITを使ってNPMを初期化します.クリエイト.NMSのインストールエクスプレスを使用してExpressをインストールします.これは自動的にダウンロードされ、依存関係として保存されます.
サーバーを起動するには、最初にExpressを追加します.JSファイルを使用する
getメソッドの直前にgetという別のメソッドを使用します.getメソッドは2つのパラメータを受け取ります.第一は、ルート(“/”)とコールバック関数です.コールバック関数は、リクエストと応答の2つのパラメータも受け取ります.標準はREQ , Researchと呼ばれます.
Getメソッド内の最初のパラメータは、Webページのルートまたはパスと呼ばれます.我々はそれを任意の要件として設定することができます.すなわち、"/contact "、"/about "などは、getメソッドを複数回使用して、異なるページのパスを指定できます.
手動で停止し、サーバーの起動を避けるために、我々は自動的にサーバーを制御し、再起動することができます.すべての後にNMSモジュールをインストールすることによって保存してください.詳細な手順についてはnodemon.ioをご覧ください.
get methodの内部では、send sendfile ()は任意のファイルをブラウザに送信します.dirnameは動的に調整されたファイルの場所に対して現在のフォルダーの場所を持ってきて追加する.つまりインデックスを送信します.ブラウザにHTMLを使用する必要があります.
action属性“/”(action =//)の値を設定し、postメソッド(method =“post”)を介してサーバにユーザー入力を送信します.
サーバへの入力の値をキャプチャし、ユーザに何かを返送するには、2つのことをしなければなりません.
まず第一に、アプリを設定します.ポスト.使用
ボディパーサーのインストール
バックエンドWeb開発
バックエンド開発は、データベースを含むウェブサイトのサーバー側を開発することを意味します.フロントとバックエンドは、そのキッチンと一緒にレストランのようなものです.正面はレストラン自体、椅子、テーブルなどで飾られています.レストランのクライアントが見ることができる場所です.同様に、ウェブサイトのフロントエンドは、訪問者がブラウザで見ている視覚的でグラフィカルな部分です.
一方、バックエンドやサーバーサイドは、すべての料理が起こるレストランのようです.データベースはすべての必要な情報が保たれている幼虫のようです.
APIとは
API -アプリケーションプログラミングインタフェースは、プログラマがソフトウェアを作成したり、外部システムと対話するために使用できるコマンド、関数、プロトコル、およびオブジェクトのセットです.
天気API、警察API、地理位置情報APIなど様々なAPIがあります.
APIエンドポイント、パス、およびパラメータ
APIを議論するとき、エンドポイント、パス、パラメータ、および認証を含むいくつかのことについて考える必要があります.
エンドポイントは、GETリクエストをAPIに送るのに使用されるURLです
https://v2.jokeapi.dev/joke/Any
時々、それはhttps://v2.jokeapi.dev/joke/Programming?contains=debuggingのような終点の終わりにいくつかの語を加えました
終了後の最後の部分マークは“=”記号で2部によって分けられます.この2つの部分をキー値対と呼ぶ.パラメータと呼ばれます.
を使用して分離することにより、複数のパラメータを追加することができますを追加した後にパラメータを追加しなければなりません(疑問符)終点後.
何が急行ですか。
ウィキペディア、「Expressions . js」または「単純Express」によると、Node . jsのためのバックエンドWebアプリケーションフレームワークは、MITライセンスの下で無料でオープンソースソフトウェアとしてリリースされます
Expressでの最初のサーバーの作成
ディレクトリを作成し、NPM INITを使ってNPMを初期化します.クリエイト.NMSのインストールエクスプレスを使用してExpressをインストールします.これは自動的にダウンロードされ、依存関係として保存されます.
サーバーを起動するには、最初にExpressを追加します.JSファイルを使用する
const express = require("express"); const app = express();
app.listen(3000, function() { console.log("server has started with port : 3000 });
ノードサーバーを使用してコマンドラインで実行します.チェックするJS.コンソールを表示します.閲覧localhost : 3000は「成功することができない」ように何かを示します.リクエストとレスポンスの処理
getメソッドの直前にgetという別のメソッドを使用します.getメソッドは2つのパラメータを受け取ります.第一は、ルート(“/”)とコールバック関数です.コールバック関数は、リクエストと応答の2つのパラメータも受け取ります.標準はREQ , Researchと呼ばれます.
app.get("/", function(req, res) {
res.send("<h1>Hello, wrld</h1>");
});
ルートの理解と作業
Getメソッド内の最初のパラメータは、Webページのルートまたはパスと呼ばれます.我々はそれを任意の要件として設定することができます.すなわち、"/contact "、"/about "などは、getメソッドを複数回使用して、異なるページのパスを指定できます.
手動で停止し、サーバーの起動を避けるために、我々は自動的にサーバーを制御し、再起動することができます.すべての後にNMSモジュールをインストールすることによって保存してください.詳細な手順についてはnodemon.ioをご覧ください.
HTMLファイルのリクエストに対する応答
get methodの内部では、send sendfile ()は任意のファイルをブラウザに送信します.dirnameは動的に調整されたファイルの場所に対して現在のフォルダーの場所を持ってきて追加する.つまりインデックスを送信します.ブラウザにHTMLを使用する必要があります.
res.sendFile(__dirname + "index.html");
ボディパーサーを使用したPOSTリクエストの処理
action属性“/”(action =//)の値を設定し、postメソッド(method =“post”)を介してサーバにユーザー入力を送信します.
サーバへの入力の値をキャプチャし、ユーザに何かを返送するには、2つのことをしなければなりません.
まず第一に、アプリを設定します.ポスト.使用
app.post("/", function(req, res) {
res.send("Send something to the user to show after submitting");
})
第二に、入力の値をキャプチャするためにボディパーサーをインストールして使用する必要があります.ボディパーサーのインストール
npm install body-parser
それを必要とするconst bodyParser = require(“body-parser”)
Expressを使用して-app.use(bodyParser.urlencoded({extended: true});
すべてのユーザーの入力値を取得するには、reqを使用します.ボディのアプリ.ポストapp.post("/", function() {
req.body // Every input value will be in body object i.e to access the value of name="number", use req.body.number, etc.
} );
Reference
この問題について(バックエンドWeb開発、API、およびエクスプレスへの導入.js), 我々は、より多くの情報をここで見つけました https://dev.to/sisrafilss/introduction-to-backend-web-development-apis-and-expressjs-1ckjテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol