Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@MikH

初級編:「HTTPリクエスト」と「HTTPレスポンス」の基礎理解

More than 1 year has passed since last update.

enebular初級レベルとしての理解のために

初級レベルとして、「httpノード」と「http responseノード」で、httpリクエストを行うことを通じて、httpリクエストとhttpレスポンスの基礎を理解したいと思います。

具体的には、現在の時刻をブラウザに表示するhttpリクエストとhttpレスポンスを、enebularが行う仕組みを作ります。

ノードを使って処理の流れを作る

enebularを起動して
左のパレットから入力としてhttp、出力としてhttp response、機能としてfunctionとtemplateを、それぞれワークスペースにドラッグ&ドロップして追加します。
20191221_22-21-41.JPG

ドラッグ&ドロップして並べたところ
20191221_22-26-47.JPG

httpノードimage.pngをダブルクリックしてURLに /site01 と設定して 右上の完了ボタンを押す。

20191221_22-28-34.JPG

functionノードimage.pngをダブルクリックして、名前に current time, コード欄に以下のコードを設定し、右上の完了ボタンを押す。

image.png

templateimage.pngをダブルクリックして以下の通り設定する
20191221_23-16-21.JPG

http responseノードimage.pngの中は設定変更しない。

http, function, template, http responseの4つのノードを順につないで、右上のデプロイを押す。

20191221_22-58-35.JPG

最終的な全体図
image.png

httpサイトのURLをデプロイボタンの左のimage.pngマークを押してURL情報をコピーする。

image.png

新しいブラウザに、コピーしたURLをペーストして、その後ろに、httpノード設定画面内で入力したURL(今回は/site01)を追加する。

20191221_23-05-29.JPG

以下の通り表示される。
20191221_23-13-44.JPG

ノードの流れのおさらい

/site01のURLに、ブラウザから「HTTPリクエスト」(GETメソッド)を送信することで「httpノード」が処理を開始し、時間データを取得し、template内に記述したHTMLに時間データを加えて、そのHTMLを「http responseノード」に伝え、「HTTPレスポンス」をブラウザに送信する流れで、現在時刻が表示されます。

enebularを使って、「HTTPリクエスト」と「HTTPレスポンス」のことが初級編として理解できました。

0
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
MikH
まず作って試してみるプロトタイプ派。 ProtoOut Studio 1期生,  Call for Code 2019 Regional Finalist, Call for Code 2020 Regional Finalist, IBM Chamipon 2021 ,  医学博士,   実験室と医療現場をAI・IoT化することミッションに、xMedGear株式会社を設立。
protoout-studio
プロトアウトスタジオは日本初のプロトタイピング専門スクールです。プログラミングだけではなく、企画力と発信力を身に付けて”自分で課題を見つけて実装し、発信し続ける人”を育成しています。 圧倒的なアウトプット力を身に付けましょう。 学生募集中です。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?