| [](https://pub.dev/packages/shelf) | |
| [](https://pub.dev/packages/shelf/publisher) | |
| ## Web Server Middleware for Dart | |
| **Shelf** makes it easy to create and compose **web servers** and **parts of web | |
| servers**. How? | |
| - Expose a small set of simple types. | |
| - Map server logic into a simple function: a single argument for the request, | |
| the response is the return value. | |
| - Trivially mix and match synchronous and asynchronous processing. | |
| - Flexibility to return a simple string or a byte stream with the same model. | |
| See the | |
| [Dart HTTP server documentation](https://dart.dev/tutorials/server/httpserver) | |
| for more information. You may also want to look at | |
| [package:shelf_router](https://pub.dev/packages/shelf_router) and | |
| [package:shelf_static](https://pub.dev/packages/shelf_static) as examples of | |
| packages that build on and extend `package:shelf`. | |
| ## Example | |
| See `example/example.dart` | |
| ```dart | |
| import 'package:shelf/shelf.dart'; | |
| import 'package:shelf/shelf_io.dart' as shelf_io; | |
| void main() async { | |
| var handler = | |
| const Pipeline().addMiddleware(logRequests()).addHandler(_echoRequest); | |
| var server = await shelf_io.serve(handler, 'localhost', 8080); | |
| // Enable content compression | |
| server.autoCompress = true; | |
| print('Serving at http://${server.address.host}:${server.port}'); | |
| } | |
| Response _echoRequest(Request request) => | |
| Response.ok('Request for "${request.url}"'); | |
| ``` | |
| ## Handlers and Middleware | |
| A [Handler][] is any function that handles a [Request][] and returns a | |
| [Response][]. It can either handle the request itself–for example, a static file | |
| server that looks up the requested URI on the filesystem–or it can do some | |
| processing and forward it to another handler–for example, a logger that prints | |
| information about requests and responses to the command line. | |
| [handler]: https://pub.dev/documentation/shelf/latest/shelf/Handler.html | |
| [request]: https://pub.dev/documentation/shelf/latest/shelf/Request-class.html | |
| [response]: https://pub.dev/documentation/shelf/latest/shelf/Response-class.html | |
| The latter kind of handler is called "[middleware][]", since it sits in the | |
| middle of the server stack. Middleware can be thought of as a function that | |
| takes a handler and wraps it in another handler to provide additional | |
| functionality. A Shelf application is usually composed of many layers of | |
| middleware with one or more handlers at the very center; the [Pipeline][] class | |
| makes this sort of application easy to construct. | |
| [middleware]: https://pub.dev/documentation/shelf/latest/shelf/Middleware.html | |
| [pipeline]: https://pub.dev/documentation/shelf/latest/shelf/Pipeline-class.html | |
| Some middleware can also take multiple handlers and call one or more of them for | |
| each request. For example, a routing middleware might choose which handler to | |
| call based on the request's URI or HTTP method, while a cascading middleware | |
| might call each one in sequence until one returns a successful response. | |
| Middleware that routes requests between handlers should be sure to update each | |
| request's [`handlerPath`][handlerpath] and [`url`][url]. This allows inner | |
| handlers to know where they are in the application so they can do their own | |
| routing correctly. This can be easily accomplished using | |
| [`Request.change()`][change]: | |
| [handlerpath]: | |
| https://pub.dev/documentation/shelf/latest/shelf/Request/handlerPath.html | |
| [url]: https://pub.dev/documentation/shelf/latest/shelf/Request/url.html | |
| [change]: https://pub.dev/documentation/shelf/latest/shelf/Request/change.html | |
| ```dart | |
| // In an imaginary routing middleware... | |
| var component = request.url.pathSegments.first; | |
| var handler = _handlers[component]; | |
| if (handler == null) return Response.notFound(null); | |
| // Create a new request just like this one but with whatever URL comes after | |
| // [component] instead. | |
| return handler(request.change(path: component)); | |
| ``` | |
| ## Adapters | |
| An adapter is any code that creates [Request][] objects, passes them to a | |
| handler, and deals with the resulting [Response][]. For the most part, adapters | |
| forward requests from and responses to an underlying HTTP server; | |
| [shelf_io.serve][] is this sort of adapter. An adapter might also synthesize | |
| HTTP requests within the browser using `window.location` and `window.history`, | |
| or it might pipe requests directly from an HTTP client to a Shelf handler. | |
| [shelf_io.serve]: https://pub.dev/documentation/shelf/latest/shelf_io/serve.html | |
| ### API Requirements | |
| An adapter must handle all errors from the handler, including the handler | |
| returning a `null` response. It should print each error to the console if | |
| possible, then act as though the handler returned a 500 response. The adapter | |
| may include body data for the 500 response, but this body data must not include | |
| information about the error that occurred. This ensures that unexpected errors | |
| don't result in exposing internal information in production by default; if the | |
| user wants to return detailed error descriptions, they should explicitly include | |
| middleware to do so. | |
| An adapter should ensure that asynchronous errors thrown by the handler don't | |
| cause the application to crash, even if they aren't reported by the future | |
| chain. Specifically, these errors shouldn't be passed to the root zone's error | |
| handler; however, if the adapter is run within another error zone, it should | |
| allow these errors to be passed to that zone. The following function can be used | |
| to capture only errors that would otherwise be top-leveled: | |
| ```dart | |
| /// Run [callback] and capture any errors that would otherwise be top-leveled. | |
| /// | |
| /// If `this` is called in a non-root error zone, it will just run [callback] | |
| /// and return the result. Otherwise, it will capture any errors using | |
| /// [runZoned] and pass them to [onError]. | |
| void catchTopLevelErrors( | |
| void Function() callback, | |
| void Function(Object error, StackTrace stackTrace) onError, | |
| ) { | |
| if (Zone.current.inSameErrorZone(Zone.root)) { | |
| return runZonedGuarded(callback, onError); | |
| } else { | |
| return callback(); | |
| } | |
| } | |
| ``` | |
| An adapter that knows its own URL should provide an implementation of the | |
| [`Server`][server] interface. | |
| [server]: https://pub.dev/documentation/shelf/latest/shelf/Server-class.html | |
| ### Request Requirements | |
| When implementing an adapter, some rules must be followed. The adapter must not | |
| pass the `url` or `handlerPath` parameters to [Request][]; it should only pass | |
| `requestedUri`. If it passes the `context` parameter, all keys must begin with | |
| the adapter's package name followed by a period. If multiple headers with the | |
| same name are received, the adapter must collapse them into a single header | |
| separated by commas as per [RFC 2616 section 4.2][]. | |
| [rfc 2616 section 4.2]: https://www.w3.org/Protocols/rfc2616/rfc2616-sec4.html | |
| If the underlying request uses a chunked transfer coding, the adapter must | |
| decode the body before passing it to [Request][] and should remove the | |
| `Transfer-Encoding` header. This ensures that message bodies are chunked if and | |
| only if the headers declare that they are. | |
| ### Response Requirements | |
| An adapter must not add or modify any [entity headers][] for a response. | |
| [entity headers]: https://www.w3.org/Protocols/rfc2616/rfc2616-sec7.html#sec7.1 | |
| If _none_ of the following conditions are true, the adapter must apply [chunked | |
| transfer coding][] to a response's body and set its Transfer-Encoding header to | |
| `chunked`: | |
| - The status code is less than 200, or equal to 204 or 304. | |
| - A Content-Length header is provided. | |
| - The Content-Type header indicates the MIME type `multipart/byteranges`. | |
| - The Transfer-Encoding header is set to anything other than `identity`. | |
| [chunked transfer coding]: | |
| https://www.w3.org/Protocols/rfc2616/rfc2616-sec3.html#sec3.6.1 | |
| Adapters may find the [`addChunkedEncoding()`][addchunkedencoding] middleware | |
| useful for implementing this behavior, if the underlying server doesn't | |
| implement it manually. | |
| [addchunkedencoding]: | |
| https://pub.dev/documentation/shelf/latest/shelf/addChunkedEncoding.html | |
| When responding to a HEAD request, the adapter must not emit an entity body. | |
| Otherwise, it shouldn't modify the entity body in any way. | |
| An adapter should include information about itself in the Server header of the | |
| response by default. If the handler returns a response with the Server header | |
| set, that must take precedence over the adapter's default header. | |
| An adapter should include the Date header with the time the handler returns a | |
| response. If the handler returns a response with the Date header set, that must | |
| take precedence. | |
| ## Inspiration | |
| - [Connect](https://github.com/senchalabs/connect) for NodeJS. | |
| - [Rack](https://github.com/rack/rack) for Ruby. |