A fast and optimized middleware server with an absurdly small amount of code (300 lines) built on top of Deno's native HTTP APIs

Overview

Faster

A fast and optimized middleware server with an absurdly small amount of code (300 lines) built on top of Deno's native HTTP APIs with no dependencies. It also has a collection of useful middlewares: log file, serve static, CORS, session, rate limit, token, body parsers, redirect, proxy and handle upload. In "README" there are examples of all the resources. Faster's ideology is: all you need is an optimized middleware manager, all other functionality is middleware.

Contents

Benchmarks

The middleware is built on top of Deno's native HTTP APIs, see the benchmarks ('hello word' server):

Machine: 8 GiB, Intel® Core™ i5-10210U CPU @ 2.11GHz × 4

method: autocannon -c 100 -d 40 -p 10 localhost:80. Deno v1.19.3, Ubuntu 20.04 LTS.

Framework Version Router? Results
Express 4.17.3 167k requests in 40.11s, 29 MB read
Fastify 3.27.4 1105k requests in 40.07s ,193 MB read
Oak 10.4.0 260k requests in 40.09s, 45 MB read
Faster 5.5 1432k requests in 40.17s, 250 MB read

Note that in addition to performance, Faster is a very complete framework considering its middleware collection.

Example

Defining routes

Static (/foo, /foo/bar)

Parameter (/:title, /books/:title, /books/:genre/:title)

Parameter w/ Suffix (/movies/:title.mp4, /movies/:title.(mp4|mov))

Optional Parameters (/:title?, /books/:title?, /books/:genre/:title?)

Wildcards (*, /books/*, /books/:genre/*)

POST read and return JSON

{ console.log(ctx.body); ctx.res.body = { msg: "json response example" }; await next(); }, ); await server.listen({ port: 80 });">
import { req, res, Server } from "https://deno.land/x/faster/mod.ts";
const server = new Server();
server.post(
  "/example_json",
  res("json"),
  req("json"),
  async (ctx: any, next: any) => {
    console.log(ctx.body);
    ctx.res.body = { msg: "json response example" };
    await next();
  },
);
await server.listen({ port: 80 });

GET return HTML

{ ctx.res.body = ` title example HTML body example `; await next(); }, );">
server.get(
  "/example_html",
  res("html"),
  async (ctx: any, next: any) => {
    ctx.res.body = `
      
      
        
          
   
          title example
        
        
          HTML body example
        
      
    `;
    await next();
  },
);

Get URL params

{ console.log(ctx.params.ex1); console.log(ctx.url.searchParams.get("foo")); //you can explore the URL (ctx.url) object await next(); }, );">
server.get(
  "/example_params/:ex1?foo=bar",
  async (ctx: any, next: any) => {
    console.log(ctx.params.ex1);
    console.log(ctx.url.searchParams.get("foo")); //you can explore the URL (ctx.url) object
    await next();
  },
);

Cookies

{ setCookie(ctx.res.headers, { name: "user_name", value: "San" }); //explore interface 'Cookie' for more options deleteCookie(ctx.res.headers, "last_order"); console.log(getCookies(ctx.req.headers)); await next(); }, );">
import {
  Cookie,
  deleteCookie,
  getCookies,
  Server,
  setCookie,
} from "https://deno.land/x/faster/mod.ts"; //alias to deno std
server.get(
  "/cookies",
  async (ctx: any, next: any) => {
    setCookie(ctx.res.headers, { name: "user_name", value: "San" }); //explore interface 'Cookie' for more options
    deleteCookie(ctx.res.headers, "last_order");
    console.log(getCookies(ctx.req.headers));
    await next();
  },
);

Redirect

{ ctx.redirect("/my_custom_url_or_path"); await next(); }, );">
server.get(
  "/redirect_example",
  async (ctx: any, next: any) => {
    ctx.redirect("/my_custom_url_or_path");
    await next();
  },
);

Middleares

This project has a standard set of middleware useful for most cases.

Logger

Example:

server.use(logger());

You can pass custom log file:

logger("./my_dir/my_custom_log.txt");

Body Parsers res and req

Example:

{ console.log(ctx.body); //the original (no parser) body is in ctx.req.body ctx.res.body = { msg: "json response example" }; await next(); }, );">
server.post(
  "/example_parsers",
  res("json"), //Response parser
  req("json"), //Request parser
  async (ctx: any, next: any) => {
    console.log(ctx.body); //the original (no parser) body is in ctx.req.body
    ctx.res.body = { msg: "json response example" };
    await next();
  },
);

The current supported options for "req" are: "arrayBuffer", "blob", "formData", "json", "text".

The current supported options for "res" are: "json", "html", "javascript".

If there are no parsers for your data, don't worry, you can handle the data manually, Ex:

{ ctx.res.headers.set( "Content-Type", "application/json", ); const data = await exCustomParseBody(ctx.req.body); //do what you want with ctx.req.body ctx.res.body = JSON.stringify({ msg: "ok" }); // //ctx.res.body can also be other data types such as streams, bytes and etc. await next(); }, );">
server.post(
  "/upload",
  async (ctx: any, next: any) => {
    ctx.res.headers.set(
      "Content-Type",
      "application/json",
    );
    const data = await exCustomParseBody(ctx.req.body); //do what you want with ctx.req.body
    ctx.res.body = JSON.stringify({ msg: "ok" }); // //ctx.res.body can also be other data types such as streams, bytes and etc.
    await next();
  },
);

Rate Limit

Example:

server.use(rateLimit());

OPTIONS (with default values):

rateLimit({
  attempts: 30,
  interval: 10,
  maxTableSize: 100000,
  id: (ctx: Context) => JSON.stringify(ctx.conn.remoteAddr),
});

Serve Static

Example (must end with "/*"):

server.get(
  "/pub/*",
  serveStatic("./pub"),
);

Set Cors

Example:

{ await next(); }, );">
server.options("/example_cors", setCORS()); //enable pre-fligh request
server.get(
  "/example_cors",
  setCORS(),
  async (ctx, next) => {
    await next();
  },
);

You can pass valid hosts to cors function:

setCORS("http://my.custom.url:8080");

Token

This middleware is encapsulated in an entire static class. It uses Bearer Token and default options with the "HS256" algorithm, and generates a random secret when starting the application (you can also set a secret manually). Ex:

Authorization: Bearer TOKEN Token.middleware, async (ctx, next) => { console.log(ctx.extra.tokenPayload); console.log(ctx.extra.token); await next(); }, );">
server.get(
  "/example_verify_token", //send token to server in Header => Authorization: Bearer TOKEN
  Token.middleware,
  async (ctx, next) => {
    console.log(ctx.extra.tokenPayload);
    console.log(ctx.extra.token);
    await next();
  },
);

Generate Token ex:

await Token.generate({ user_id: "172746" }, null); //null to never expire, this parameter defaults to "1h"

Set secret ex:

Token.setSecret("a3d2r366wgb3dh6yrwzw99kzx2"); //Do this at the beginning of your application

Get token payload out of middleware:

await Token.getPayload("YOUR_TOKEN_STRING"); //Ex: use for get token data from token string in URL parameter.

You can also use the static method Token.setConfigs.

Redirect

Ex:

server.get(
  "/my_url_1",
  redirect("/my_url_2"), //or the full url
);

Session

Ex:

{ console.log(ctx.extra.session); //get session data ctx.extra.session.foo = "bar"; //set session data await next(); }, );">
server.use(session());
//in routes:
server.get(
  "/session_example",
  async (ctx, next) => {
    console.log(ctx.extra.session); //get session data
    ctx.extra.session.foo = "bar"; //set session data
    await next();
  },
);

OPTIONS (with default values):

session(engine: SessionStorageEngine = new SQLiteStorageEngine(60)) //60 is 60 minutes to expire session

Proxy

Ex:

server.use(proxy({ url: "https://my-url-example.com" }));

In routes:

{ console.log(ctx.req); //req has changed as it now points to the proxy console.log(ctx.res); //res has changed because now it has the proxy answer //OR if replaceReqAndRes = false console.log(ctx.extra.proxyReq); console.log(ctx.extra.proxyRes); await next(); }, );">
server.get(
  "/proxy_example",
  async (ctx, next) => {
    console.log(ctx.req); //req has changed as it now points to the proxy
    console.log(ctx.res); //res has changed because now it has the proxy answer

    //OR if replaceReqAndRes = false
    console.log(ctx.extra.proxyReq);
    console.log(ctx.extra.proxyRes);

    await next();
  },
);

Or proxy in specific route:

{ console.log(ctx.req); //req has changed as it now points to the proxy console.log(ctx.res); //res has changed because now it has the proxy answer await next(); }, );">
server.get(
  "/proxy_example",
  proxy({
    url: "https://my-url-example.com/proxy_ex2",
    replaceProxyPath: false, //specific proxy route for the route "/proxy_example"
  }),
  async (ctx, next) => {
    console.log(ctx.req); //req has changed as it now points to the proxy
    console.log(ctx.res); //res has changed because now it has the proxy answer
    await next();
  },
);

Conditional proxy:

{ if (ctx.url.searchParams.get("foo")) { return true; } else { return false; } }, }), async (ctx, next) => { console.log(ctx.extra.proxied); //will be true if proxy condition is true console.log(ctx.req); //req has changed as it now points to the proxy console.log(ctx.res); //res has changed because now it has the proxy answer await next(); }, );">
server.get(
  "/proxy_example",
  proxy({
    url: "https://my-url-example.com/proxy_ex3",
    condition: (ctx) => {
      if (ctx.url.searchParams.get("foo")) {
        return true;
      } else {
        return false;
      }
    },
  }),
  async (ctx, next) => {
    console.log(ctx.extra.proxied); //will be true if proxy condition is true
    console.log(ctx.req); //req has changed as it now points to the proxy
    console.log(ctx.res); //res has changed because now it has the proxy answer
    await next();
  },
);

OPTIONS (with default values):

proxy(url: string, replaceReqAndRes: true, replaceProxyPath: true, condition: : (ctx: Context) => true )

Do not use "res body parsers" with 'replaceReqAndRes: true' (default) !!!

If you don't use Request body information before the proxy or in your condition, don't use "req body parsers" as this will increase the processing cost !!!

Upload

This middleware automatically organizes uploads to avoid file system problems and create dirs if not exists, perform validations and optimizes ram usage when uploading large files using Deno standard libraries!

Upload usage

Ex:

{ ...">
.post("/upload", upload(), async (ctx: any, next: any) => { ...

Ex (with custom options):

{ ...">
.post("/upload", upload({ path: 'uploads_custom_dir' , extensions: ['jpg', 'png'], maxSizeBytes: 20000000, maxFileSizeBytes: 10000000, saveFile: true, readFile: false, useCurrentDir: true }), async (ctx: any, next: any) => { ...

Request must contains a body with form type "multipart/form-data", and inputs with type="file".

Ex (pre validation):

{ ...">
.post("/pre_upload", preUploadValidate(["jpg", "png"], 20000000, 10000000), async (ctx: any, next: any) => { ...

Pre validation options:

preUploadValidate(
  extensions: Array
   
     = [],
  maxSizeBytes: number = Number.MAX_SAFE_INTEGER,
  maxFileSizeBytes: number = Number.MAX_SAFE_INTEGER,
)

   

Upload examples in frontend and backend

Below an frontend example to work with AJAX, also accepting type="file" multiple:

response.json()); console.log(res); //VALIDATIONS -------------- var validationData = {}; for (var i = 0; i < files.length; i++) { var newObj = { //newObj is needed, JSON.stringify(files[i]) not work "name": files[i].name, "size": files[i].size, }; validationData[`${name}_${i}`] = newObj; } var validations = await fetch("/pre_upload", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(validationData), }).then((response) => response.json()); console.log(validations);">
var files = document.querySelector("#yourFormId input[type=file]").files;
var name = document.querySelector("#yourFormId input[type=file]").getAttribute(
  "name",
);

var form = new FormData();
for (var i = 0; i < files.length; i++) {
  form.append(`${name}_${i}`, files[i]);
}
var res = await fetch("/upload", { //Fetch API automatically puts the form in the format "multipart/form-data".
  method: "POST",
  body: form,
}).then((response) => response.json());
console.log(res);

//VALIDATIONS --------------

var validationData = {};
for (var i = 0; i < files.length; i++) {
  var newObj = { //newObj is needed, JSON.stringify(files[i]) not work
    "name": files[i].name,
    "size": files[i].size,
  };
  validationData[`${name}_${i}`] = newObj;
}
var validations = await fetch("/pre_upload", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify(validationData),
}).then((response) => response.json());
console.log(validations);

In Deno (backend):

{ ctx.res.body = ctx.extra.uploadedFiles; await next(); }, ); server.post( "/pre_upload", res("json"), preUploadValidate(["jpg", "png"], 20000000, 10000000), async (ctx: any, next: any) => { ctx.res.body = { msg: "Passed upload validations." }; await next(); }, ); server.get("/", res("html"), async (ctx: any, next: any) => { ctx.res.body = `

`; await next(); }); await server.listen({ port: 80 });">
import {
  preUploadValidate,
  res,
  Server,
  upload,
} from "https://deno.land/x/faster/mod.ts";
const server = new Server();
server.post(
  "/upload",
  res("json"),
  upload({
    path: "my_uploads",
    extensions: ["jpg", "png"],
    maxSizeBytes: 20000000,
    maxFileSizeBytes: 10000000,
  }),
  async (ctx: any, next: any) => {
    ctx.res.body = ctx.extra.uploadedFiles;
    await next();
  },
);
server.post(
  "/pre_upload",
  res("json"),
  preUploadValidate(["jpg", "png"], 20000000, 10000000),
  async (ctx: any, next: any) => {
    ctx.res.body = { msg: "Passed upload validations." };
    await next();
  },
);
server.get("/", res("html"), async (ctx: any, next: any) => {
  ctx.res.body = `
  
   

`; await next(); }); await server.listen({ port: 80 });

All imports

import {
  Context,
  ContextResponse, //type
  Cookie, //type, alias to deno std
  deleteCookie, //alias to deno std
  getCookies, //alias to deno std
  logger,
  NextFunc, //type
  Params, //type
  parse,
  preUploadValidate,
  ProcessorFunc, //type
  proxy,
  rateLimit,
  redirect,
  req,
  res,
  Route, //type
  RouteFn, //type
  Server,
  serveStatic,
  Session, //type
  session,
  SessionStorageEngine,
  setCookie, //alias to deno std
  setCORS,
  SQLiteStorageEngine,
  Token,
  upload,
} from "https://deno.land/x/faster/mod.ts";

Example Deploy

Example of depoly application "my-deno-app" in ubuntu environment. Change the "my-deno-app" and the directories to yours.

Create service

Create run script ("run-server.sh") in your application folder with the content:

#!/bin/bash
/home/ubuntu/.deno/bin/deno run --allow-net --allow-read --allow-write /home/ubuntu/my-deno-app/app.ts

Give permission to the script:

chmod +x run-server.sh

Create service files:

sudo touch /etc/systemd/system/my-deno-app.service
sudo nano /etc/systemd/system/my-deno-app.service

In "my-deno-app".service (change the "Description", "WorkingDirectory" and "ExecStart" to yours):

[Unit]
Description=My Deno App

[Service]
WorkingDirectory=/home/ubuntu/my-deno-app
ExecStart=/home/ubuntu/my-deno-app/run-server.sh
TimeoutSec=30
Restart=always
RestartSec=1

[Install]
WantedBy=multi-user.target

If your application needs to wait for another service to start, such as the mongodb database, you can use the ´[Unit]´ section like this:

[Unit]
Description=My Deno App
After=mongod.service

Enable the "my-deno-app" service:

sudo systemctl enable my-deno-app.service

To start and stop the "my-deno-app" service:

sudo service my-deno-app stop
sudo service my-deno-app start

See log:

journalctl -u my-deno-app.service --since=today -e

Configure HTTPS

Install certbot:

sudo apt install certbot

Generate certificates:

sudo certbot certonly --manual

In your application, to verify the domain you will need something like:

/.well-known/acme-challenge/ "/.well-known/*", serveStatic("./.well-known"), // ex: create .well-known folder in yor app folder ); await server.listen({ port: 80 });">
import { Server, serveStatic } from "https://deno.land/x/faster/mod.ts";
const server = new Server();
server.get( //verify http://
     
      /.well-known/acme-challenge/
      
     
  "/.well-known/*",
  serveStatic("./.well-known"), // ex: create .well-known folder in yor app folder
);
await server.listen({ port: 80 });

To run your application on https (Change "yourdomain.link" to your domain):

await server.listen({
  port: 443,
  certFile: "/etc/letsencrypt/live/yourdomain.link/fullchain.pem",
  keyFile: "/etc/letsencrypt/live/yourdomain.link/privkey.pem",
});

The certificate is valid for a short period. Set crontab to update automatically. The command 'sudo crontab' opens roots crontab, all commands are executed as sudo. Do like this:

sudo crontab -e

Add to the end of the file (to check and renew if necessary every 12 hours):

0 */12 * * * certbot -q renew

Or also to check every 7 days:

0 0 * * 0 certbot -q renew

About

Author: Henrique Emanoel Viana, a Brazilian computer scientist, enthusiast of web technologies, cel: +55 (41) 99999-4664. URL: https://sites.google.com/site/henriqueemanoelviana

Improvements and suggestions are welcome!

You might also like...

Get the latest Flashbots blocks and Flashbots transactions using TypeScript in two lines of code !

mev-blocks-js This package can let you query the Flashbots blocks API easily from any JavaScript or TypeScript project. You can access the Flashbots b

May 14, 2022

Interactive To Do List, draggable tasks, optimized for desktop and mobile screen sizes. It reserves data in local storage. Built with HTML, CSS, and JavaScript.

To Do List Interactive daily To-Do List Built With Major languages: html, css, javascript Frameworks: Technologies used: Webpack Live Demo Live Demo L

Aug 4, 2022

Ticket system v2, many new and improved features. Optimized code.

Ticket system v2, many new and improved features. Optimized code.

Global Ticket System V2 Ticket system v2, many new and improved features. Optimized code. Dependencies: mongoose = npm i mongoose dotenv = npm i dot

Dec 2, 2022

Find out how many lines of code you have written for your project 📜

Find out how many lines of code you have written for your project 📜

📜 TLOC (Tomper Lines Of Code) Find out how many lines of code you have written for your project. 📈 Installation (Install the package globally) npm i

Oct 17, 2022

Capable Langchain/AutoGPT alternative in ~350 lines of core code

🕵️ 🔗 BingChain This is an evolution of langchain-mini, a very simple re-implementation of LangChain, in ~350 lines of core code. In essence, it is a

Jul 30, 2023

🦜️🔗 This is a very simple re-implementation of LangChain, in ~100 lines of code

🦜️ 🔗 LangChain-mini This is a very simple re-implementation of LangChain, in ~100 lines of code. In essence, it is an LLM (GPT-3.5) powered chat app

Aug 14, 2023

Run REST APIs in Node.js applications frameworks (Express, Koa, Hapi and Fastify) on top of any Serverless Cloud.

🚀 Serverless Adapter Install | Usage | Support | Architecture | Credits Run REST APIs and other web applications using your existing Node.js applicat

Jan 1, 2023

A set of APIs for handling HTTP and HTTPS requests with Deno 🐿️ 🦕

oak commons A set of APIs that are common to HTTP/HTTPS servers. HTTP Methods (/method.ts) A set of APIs for dealing with HTTP methods. Content Negoti

May 23, 2022

📡Usagi-http-interaction: A library for interacting with Http Interaction API

📡 - A library for interacting with Http Interaction API (API for receiving interactions.)

Oct 24, 2022
Comments
  • Serve static for both GET and HEAD requests breaks server

    Serve static for both GET and HEAD requests breaks server

    Hi, first of all, great work on faster, love it so far!

    I'm running into an issue when trying to handle HEAD requests (using them from the frontend to see if i need to fetch the entire file or if i can used the cached version in the browser, e.g. to check if the file was changed) for static files while also serving them statically via GET requests, i have this (played around with the order of the blocks, but no change):

    server.get(
    	'/www/*',
    	serveStatic('./www'),
    );
    
    server.head(
    	'/www/*',
    	serveStatic('./www'),
    );
    
    // also tried the following with no change in behaviour
    server.get(
    	'/www/*',
    	serveStatic('./www'),
    	async (ctx, next) => {
    		await next();
    	},
    );
    
    server.head(
    	'/www/*',
    	serveStatic('./www'),
    	async (ctx, next) => {
    		await next();
    	},
    );
    

    when the server.head() handler is present, the HEAD requests work fine, but the GET requests stop working and stay as (pending) forever in the network monitor (browser side), if i remove it, HEAD requests return a 404 and the GET requests work as expected. I'm not sure where the issue is, i don't get errors on the server side and neither in the browser, the GET request is just stuck. Any ideas why that could be? maybe using the same middleware twice? but i checked the code, don't see why that would be an issue.

    opened by exside 4
Releases(v7.0)
Owner
Henrique Emanoel Viana
Henrique Emanoel Viana
A minimal routing library designed to sit on top of Bun's fast HTTP server.

siopao A minimal routing library designed to sit on top of Bun's fast HTTP server. Based on Radix Tree. Sio=Hot Pao=Bun Installation bun add siopao Us

Robert Soriano 69 Nov 8, 2022
⚡️ Makes writing scripts absurdly easy

haxx easily create and run scripts using javascript getting started • commands • api Features ?? Process DX - easily manage and run processes ?? Javas

henrycunh 9 Apr 15, 2022
🚀 A mongoose plugin to monetize your apis in few lines of code

Stripe Mongoose Api Stripe Mongoose Api is a Mongoose plugin that simplifies building checkout and payment system for apis with stripe. It will provid

Moscatelli Marco 13 Dec 29, 2022
A fast and powerful http toolkit that take a list of domains to find active domains and other information such as status-code, title, response-time , server, content-type and many other

HTTPFY curently in beta so you may see problems. Please open a Issue on GitHub and report them! A Incredible fast and Powerful HTTP toolkit Report Bug

DevXprite 44 Dec 22, 2022
A small, but powerful HTTP library for Deno & Deno Deploy, built for convenience and simplicity

Wren Wren is a small, but powerful HTTP library for Deno & Deno Deploy, built for convenience and simplicity. convenient aliases for HTTP responses au

Jakub Neander 69 Dec 12, 2022
Jonathan Parker 6 Nov 23, 2022
Minimize the amount of walls necessary by graph theory!

minCutWall Minimize the amount of walls necessary by graph theory! I've tried my best to make the code as easy as possible to understand. Feel free to

Josef Wittmann 5 Oct 29, 2022
A lightweight, performant, and simple-to-use wrapper component to stick section headers to the top when scrolling brings them to top

A lightweight, performant, and simple-to-use wrapper component to stick section headers to the top when scrolling brings them to top

Mayank 7 Jun 27, 2022
Perfect SvelteKit dark mode in 2 lines of code. Support System preference and any other theme with no flashing

This library is a port of next-theme for SvelteKit. All credit goes to pacocoursey and all next-themes contributors While usable, this library is stil

null 42 Sep 30, 2022