github 上已经有人搞了一个deno 的docker 镜像，是基于源码编译的，挺好的
所以结合官方的http server demo 使用docker 运行

环境准备

  • docker-compose 文件
 
version: "3"
services:
  app:
    image: maxmcd/deno:slim
    volumes:
    - "./app:/opt"
    command: deno /opt/app.ts
  file-server:
    image: maxmcd/deno:slim
    ports:
    - "4500:4500"
    volumes:
    - "./server:/opt/server"
    command: deno /opt/server/app.ts --allow-net
 
  • http server 内容
    http 模块的我修改为了使用http，就不用管下载的问题了
 
// This program serves files in the current directory over HTTP.
// TODO Stream responses instead of reading them into memory.
// TODO Add tests like these:
// https://github.com/indexzero/http-server/blob/master/test/http-server-test.js
​
import {
    listenAndServe,
    ServerRequest,
    setContentLength,
    Response
  } from "https://deno.land/x/net/http.ts";
  import { cwd, DenoError, ErrorKind, args, stat, readDir, open } from "deno";
​
  const dirViewerTemplate = `
  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Deno File Server</title>
    <style>
      td {
        padding: 0 1rem;
      }
      td.mode {
        font-family: Courier;
      }
    </style>
  </head>
  <body>
    <h1>Index of <%DIRNAME%></h1>
    <table>
      <tr><th>Mode</th><th>Size</th><th>Name</th></tr>
      <%CONTENTS%>
    </table>
  </body>
  </html>
  `;
​
  const serverArgs = args.slice();
  let CORSEnabled = false;
  // TODO: switch to flags if we later want to add more options
  for (let i = 0; i < serverArgs.length; i++) {
    if (serverArgs[i] === "--cors") {
      CORSEnabled = true;
      serverArgs.splice(i, 1);
      break;
    }
  }
  let currentDir = cwd();
  const target = serverArgs[1];
  if (target) {
    currentDir = `${currentDir}/${target}`;
  }
  const addr = `0.0.0.0:${serverArgs[2] || 4500}`;
  const encoder = new TextEncoder();
​
  function modeToString(isDir: boolean, maybeMode: number | null) {
    const modeMap = ["---", "--x", "-w-", "-wx", "r--", "r-x", "rw-", "rwx"];
​
    if (maybeMode === null) {
      return "(unknown mode)";
    }
    const mode = maybeMode!.toString(8);
    if (mode.length < 3) {
      return "(unknown mode)";
    }
    let output = "";
    mode
      .split("")
      .reverse()
      .slice(0, 3)
      .forEach(v => {
        output = modeMap[+v] + output;
      });
    output = `(${isDir ? "d" : "-"}${output})`;
    return output;
  }
​
  function fileLenToString(len: number) {
    const multipler = 1024;
    let base = 1;
    const suffix = ["B", "K", "M", "G", "T"];
    let suffixIndex = 0;
​
    while (base * multipler < len) {
      if (suffixIndex >= suffix.length - 1) {
        break;
      }
      base *= multipler;
      suffixIndex++;
    }
​
    return `${(len / base).toFixed(2)}${suffix[suffixIndex]}`;
  }
​
  function createDirEntryDisplay(
    name: string,
    path: string,
    size: number | null,
    mode: number | null,
    isDir: boolean
  ) {
    const sizeStr = size === null ? "" : "" + fileLenToString(size!);
    return `
    <tr><td class="mode">${modeToString(
      isDir,
      mode
    )}</td><td>${sizeStr}</td><td><a href="${path}">${name}${
      isDir ? "/" : ""
    }</a></td>
    </tr>
    `;
  }
​
  // TODO: simplify this after deno.stat and deno.readDir are fixed
  async function serveDir(req: ServerRequest, dirPath: string, dirName: string) {
    // dirname has no prefix
    const listEntry: string[] = [];
    const fileInfos = await readDir(dirPath);
    for (const info of fileInfos) {
      if (info.name === "index.html" && info.isFile()) {
        // in case index.html as dir...
        return await serveFile(req, info.path);
      }
      // Yuck!
      let mode = null;
      try {
        mode = (await stat(info.path)).mode;
      } catch (e) {}
      listEntry.push(
        createDirEntryDisplay(
          info.name,
          dirName + "/" + info.name,
          info.isFile() ? info.len : null,
          mode,
          info.isDirectory()
        )
      );
    }
​
    const page = new TextEncoder().encode(
      dirViewerTemplate
        .replace("<%DIRNAME%>", dirName + "/")
        .replace("<%CONTENTS%>", listEntry.join(""))
    );
​
    const headers = new Headers();
    headers.set("content-type", "text/html");
​
    const res = {
      status: 200,
      body: page,
      headers
    };
    setContentLength(res);
    return res;
  }
​
  async function serveFile(req: ServerRequest, filename: string) {
    const file = await open(filename);
    const fileInfo = await stat(filename);
    const headers = new Headers();
    headers.set("content-length", fileInfo.len.toString());
​
    const res = {
      status: 200,
      body: file,
      headers
    };
    return res;
  }
​
  async function serveFallback(req: ServerRequest, e: Error) {
    if (
      e instanceof DenoError &&
      (e as DenoError<any>).kind === ErrorKind.NotFound
    ) {
      return {
        status: 404,
        body: encoder.encode("Not found")
      };
    } else {
      return {
        status: 500,
        body: encoder.encode("Internal server error")
      };
    }
  }
​
  function serverLog(req: ServerRequest, res: Response) {
    const d = new Date().toISOString();
    const dateFmt = `[${d.slice(0, 10)} ${d.slice(11, 19)}]`;
    const s = `${dateFmt} "${req.method} ${req.url} ${req.proto}" ${res.status}`;
    console.log(s);
  }
​
  function setCORS(res: Response) {
    if (!res.headers) {
      res.headers = new Headers();
    }
    res.headers!.append("access-control-allow-origin", "*");
    res.headers!.append(
      "access-control-allow-headers",
      "Origin, X-Requested-With, Content-Type, Accept, Range"
    );
  }
​
  listenAndServe(addr, async req => {
    const fileName = req.url.replace(/\/$/, "");
    const filePath = currentDir + fileName;
​
    let response: Response;
​
    try {
      const fileInfo = await stat(filePath);
      if (fileInfo.isDirectory()) {
        // Bug with deno.stat: name and path not populated
        // Yuck!
        response = await serveDir(req, filePath, fileName);
      } else {
        response = await serveFile(req, filePath);
      }
    } catch (e) {
      response = await serveFallback(req, e);
    } finally {
      if (CORSEnabled) {
        setCORS(response);
      }
      serverLog(req, response);
      req.respond(response);
    }
  });
​
  console.log(`HTTP server listening on http://${addr}/`);
 
 

运行&&效果

  • 运行
docker-compose up -d
  • 效果

说明

deno 的安全控制上做的挺不错，因为使用了net ，所以需要在运行的时候指定 --allow-net

参考资料

https://github.com/rongfengliang/deno-docker-compose
https://deno.land/

deno学习四 docker 运行官方的一个http file server的更多相关文章

  1. docker 运行jenkins及vue项目与springboot项目(四.docker运行nginx)

    docker 运行jenkins及vue项目与springboot项目: 一.安装docker 二.docker运行jenkins为自动打包运行做准备 三.jenkins的使用及自动打包vue项目 四 ...

  2. Singer 学习五 docker 运行说明

    介绍过一个工具knots ,方便Singer 可视化开发的工具,但是默认这个工具包含的tap 以及target 比较少(可以自己扩展) 同时这个工具就是基于docker 运行的 docker 运行的几 ...

  3. ICE学习笔记一----运行官方的java版demo程序

    建议新手和我一样,从官网下载英文文档,开个有道词典,慢慢啃. 官方文档下载: http://download.csdn.net/detail/xiong_mao_1/6300631 程序代码就不说了, ...

  4. OpenGL学习——搭建OpenGL运行环境——生成一个空白视口——基于GLFW&GLEW

    最近学习OpenGL,读OpenGL宝典一头蒙,各种gl函数不知所云.逐决定先搭OpenGL运行环境,详细如下. 1.首先OpenGL是什么?是一个标准规范,是一个巨大的状态机,并无具体实现,大多数实 ...

  5. docker学习(四) - docker构建redis主从结构

    此文章假设你已经安装了docker,如果没有安装请查询本博客docker安装章节 容器网络 docker network ls  查看默认的网络 Docker安装后,默认会创建下面三种网络类型 在启动 ...

  6. JBPM学习(四)：运行流程实例

    概念: ProcessInstance,流程实例:代表流程定义的一次执行.如:张三昨天按请假流程请了一次假.一个流程实例包含了全部执行阶段,当中最典型的属性就是跟踪当前节点的指针,例如以下图. Exe ...

  7. docker 运行jenkins及vue项目与springboot项目(三.jenkins的使用及自动打包vue项目)

    docker 运行jenkins及vue项目与springboot项目: 一.安装docker 二.docker运行jenkins为自动打包运行做准备 三.jenkins的使用及自动打包vue项目 四 ...

  8. benchmarkdotnet docker 运行

    使用docker 运行基准测试是一个不错的选择,可以减少我们环境搭建的时间,同时也可以加速ci/cd 环境准备 docker-compose 文件 version: "3" ser ...

  9. docker 运行jenkins及vue项目与springboot项目(一.安装docker)

    docker 运行jenkins及vue项目与springboot项目: 一.安装docker 二.docker运行jenkins为自动打包运行做准备 三.jenkins的使用及自动打包vue项目 四 ...

随机推荐

  1. 顺便谈谈对于Java程序猿学习当中各个阶段的建议

    引言 其实本来真的没打算写这篇文章,主要是LZ得记忆力不是很好,不像一些记忆力强的人,面试完以后,几乎能把自己和面试官的对话都给记下来.LZ自己当初面试完以后,除了记住一些聊过的知识点以外,具体的内容 ...

  2. [Leetcode 3] 最长不重复子串 Longest substring without repeating 滑动窗口

    [题目] Given a string, find the length of the longest substring without repeating characters. [举例] Exa ...

  3. Cracking The Coding Interview4.3

    //Given a sorted (increasing order) array, write an algorithm to create a binary tree with minimal h ...

  4. 【Appium】Appium工作原理

    参考:http://www.cnblogs.com/zhjsll/p/5698878.html 原作者写的很好,所以直接放在这里. 一.什么是Appium Appium是一个开源.跨平台的测试框架,可 ...

  5. linux 下ftp几种上传和下载方式

    1. ftp自动登录批量下载文件. 复制代码代码如下: #####从ftp服务器上的/home/data 到 本地的/home/databackup#####!/bin/bashftp -n<& ...

  6. Java语法基础学习DayEight

    一.异常处理 1.结构 java.lang.Object |-----java.lang.Throwable |-----java.lang.Error:错误,java程序对此无能为力,不显式处理 | ...

  7. MySQL：存储过程和函数

    存储过程和函数 一.创建存储过程和函数 1.创建存储过程 语法: CREATE PROCEDURE sp_name ([proc_parameter[,...]]) [characteristic . ...

  8. Delphi 10.3.1 TNetHttpClient在多线程中存在的问题及解决方法。

    Delphi 10.3.1发布了,对10.3.0存在的各种问题,做了大量的修正.但听高勇说TNetHttpClient在多线程中存在问题,今天做了一下测试,确实如此,看来,还需要官方进一步修正! 具体 ...

  9. django面试六

    Redis缓存击穿.缓存雪崩.缓存重建 回答参考: 缓存击穿: 当一个连接访问缓存数据库中不存在的数据时,会直接通过缓存数据库到后端数据库中查找数据,但如果有大量连接在查询一个不存在的数据,就会有大量 ...

  10. 2019-03-06-day012-生成器与推导式

    01 昨日回顾 迭代器: 迭代器有iter方法 next方法就是迭代器 递归: 自己调用自己 明确的结束条件 递归的最大深度 官方 1000 实际测试:998/997 import sys sys.s ...