FreeMediaLab

Questa pagina è in sola lettura. Puoi visualizzare il sorgente, ma non puoi modificarlo. Contatta l'amministratore se pensi che ci sia un errore.
====== Introduzione al server http nativo di Bun ======
Autore: **//Fabio Di Matteo//** \\ Ultima revisione:  **//  04/07/2026 15:54   //**  // //

Un web server di prova con codice sparso in piu' file e sistema di template integrato (jsx). Giusto per cominciare.
La documentazione ufficiale: [[https://bun.sh/docs/runtime/http/server|Bun http server]]


**main.js**
<code javascript>
import {lista} from "./lista.js";

function echo (s,status=200){
    let myheader={"Content-Type": "text/html; charset=utf-8",}  
    return new Response(s,{headers: myheader, status: status});
}





function home(){
    return echo("Si, è la home page in html.");
}


const server = Bun.serve({
  // `routes` requires Bun v1.2.3+
  routes: {
    // Static routes
    "/": home(),
    "/lista": lista(),
  }
});      
console.log(`Server running at ${server.url}`);

</code>

**lista.js**
<code javascript>

export function lista(){
  let elements=["Uno", "Due","Tre"];
  return new Response(`
      <!doctype html>
      <html lang="it">
      <head>
        <meta charset="utf-8">
        <title>Bun demo</title>
      </head>
      <body>
        <h1>Ciao da Bun</h1>
        <ul>${elements.map(item => `<li>${item}</li>`).join("")}</ul>
      </body>
      </html>
    `, {
      headers: { "Content-Type": "text/html; charset=utf-8" }
    });

  
}



</code>

===== Uso di template ejs =====

<code javascript>
#!/usr/bin/env bun


import ejs from './ejs/ejs.js';

function echo (s,status=200){
    let myheader={"Content-Type": "text/html; charset=utf-8",}  
    return new Response(s,{headers: myheader, status: status});
}





async function home(){
      const template = await Bun.file("./views/home.html").text();

      const html = ejs.render(template, {
        user: "Fabio Di Matteo",
      });
    return echo(html);
}


const server = Bun.serve({
  routes: {
    "/": home,
    
  }
});      
console.log(`Server running at ${server.url}`);

</code>

**views/home.html**
<code html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hello</title>
</head>
<body>
	<h1><%= user  %> </h1>
</body>
</html> 

</code>