icon
icon

ルーティング処理を行う!Expressで書くrouterの使い方【初心者向け】

初心者向けにExpressでのrouterの使い方について解説しています。ルーティング処理を行う際に重要な知識です。実際にルートパス「/」へのルーティング処理をプログラムを書いて説明しています。ぜひ参考にしてみてください。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

今回は、express routerについて解説します。

Node.js環境でexpressを使用して、ルーティングを行いたい場合に参考にしてみてください。

 

なお本記事は、TechAcademyのNode.jsオンライン講座の内容をもとに作成しています。

 

田島悠介

今回はExpressでルーティングを行う方法について見ていこう。

大石ゆかり

田島メンター!ルーティングというのは何をするんですか~?

田島悠介

ユーザーが特定の場所にアクセスしたときの応答を設定しておく機能なんだ。最初に基本の形を見て、次に実際の例で確かめてみよう。

大石ゆかり

はい!

 

Express Routerとは

Expressとは、Node.jsのフレームワークの一つです。

Routerとは、特定URIにアクセスした際に、どのファイルを実行するかを指定する機能です。

URIとはURLとURNという2種類の意味がを含んでいます。URLとはWEB上の住所を示します。ホームページのアドレスをイメージするとわかりやすいです。URNとはWEB上の名前を示します。

例えば、「https://techacademy.jp」にアクセスする場合、実際には、index.htmlが実行されている場合、Routerの機能を利用してルーティング処理を行った結果、index.htmlがhttp://techacademy.jpにアクセスした際に表示されています。

 

Express Routerの使い方

ExpressでRouterを利用する基本

基本構文

var app = express();
app.METHOD(PATH, CALLBACK);

 

解説

1行目のapp = express( );で、expressをインスタンス化して、app変数というオブジェクトにしています。

2行目のapp.では実際のルーティング処理を行います。

指定内容は次の3種類を基本構文とします。

METHOD部分には、getやpostやputやdelete等を指定することで、動作内容を指定します。

PATH部分には、URLルーティング処理を行うパスを指定しています。パスとは、サーバー内のファイルの位置を示す住所のようなものです。

CALLBACK部分には、PATHに一致した際に行う処理を指定しています。

 

田島悠介

ルーティングの基本の形になるよ。

大石ゆかり

METHOD・PATH・CALLBACKにあたる部分を状況に応じて埋めていくんですね。

田島悠介

そうだね。それでは次は、これらを実際に記述した場合の例で確認してみよう。

 

[PR] Node.jsで挫折しない学習方法を動画で公開中

ExpressでRouterを使ってみよう

ルートパス / へのルーティング処理を行います。

ソースコード

var express = require('express');
var app = express();
app.get("/", function (request, response) {
  response.send("Hello World");
});

 

解説

1行目では、expressを利用してappへインスタンス化しています。

2行目のMETHOD部分にgetを指定してPATHで指定した箇所にアクセスした際にgetする処理を指定しています。

getとはページを読み込むようなイメージです。

PATHには、”/”を指定することで、ルートパスを指定しています。

ルートパスとは、http://techacademy.jpというサイトであれば最も上位に位置する場所を示す、http://techacademy.jpの位置を意味します。

CALLBACK部分には、ルートパスにアクセスした場合の処理を指定しています。

今回は、ルートパスにアクセスした場合、response.send(“Hello World”);で指定してあるようにHello Worldを返します。

 

今回は、express routerについて解説しました。

ルーティング処理を行う際にぜひ参考にしてみてください。

 

田島悠介

具体的な書き方の例を見てみたよ。

大石ゆかり

今回はルートパスにアクセスして、指定した文字列が表示されるようになっているという形ですね。

田島悠介

ルーティングはWebアプリケーションを作成する際必ず使うことになるので、実際に動作させて確認しながら学習してみよう。

大石ゆかり

了解です。ありがとうございました!

 

また、オンラインのプログラミングスクールTechAcademyでは、Node.jsオンライン講座を開催しています。

Node.jsを使ってWebアプリケーションを開発することができます。

現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、習得することが可能です。

この記事を監修してくれた方

中本賢吾(なかもとけんご)
アジマッチ有限会社 代表取締役社長

開発実績:PHPフレームワークを利用した会員制SNS・ネットショップ構築、AWSや専用サーバー下でLinuxを使用したセキュアな環境構築、人工知能を利用したシステム開発、店舗検索スマホアプリ開発など。

その他にも地域の職業プログラマー育成活動を行い、2018年には小学生がUnityで開発したオリジナルAndroidアプリをGooglePlayでリリース。ゲームで遊ぶより作ろうぜ!を合言葉に、小学生でも起業できる技術力を育成可能で有ることを証明し続けている。

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」

こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する