名前がそのまま意味

インターフェース ＝ 窓口

窓口があると うれしいことが2つ

利点1 中身を知らなくても使える

利点2 見せたくないものを隠せる

窓口のルールは この4つ

4つを組み合わせると コードになる

// server.js
if (req.method === "POST" && pathname === "/auth") {
//      ② メソッド                     ① URL

  const body = await req.json();
//      ③ 送られたもの を受け取る

  return Response.json({ ok: true, message: "ログインできました" });
//                     ④ 返すもの
}

これがテンプレートの最初の形

import { serveDir } from "jsr:@std/http/file-server";

Deno.serve((req) => {                    // 通信は全部ここに来る
  const pathname = new URL(req.url).pathname;
  console.log(pathname);                 // 叩かれたパスを表示

  if (req.method === "GET" && pathname === "/welcome-message") {
    return new Response("jigインターンへようこそ！");
  }

  return serveDir(req, { fsRoot: "public", ... });
});

上から順に「自分の担当か」を見ている

public の中のファイルも server.js が返している

1つずつ 4回に分けて返る

自分のサイトで見てみよう

デプロイしたアプリに 足していく

進め方

今日さわるファイルは3つ