把代码执行演示嵌在你的PPT中

“Talk is cheap, show me your code!”

当一个程序员在做技术分享的时候， 代码演示经常是不可或缺的一个环节。然而在你的演示PPT和代码运行之间切换是一件非常恼人事情，而且非常影响演示的节奏和流畅性。要做一个完美的技术分享，能不能把代码的运行嵌入到PPT中呢？

当然可以，我前不久在公司内部分享了一起关于Python的小谜题，大家可以到斗鱼去观看这次分享的视频录播 （很糟糕的是在36分钟后，摄像头偏移了，拍了大半天挂钟）

为了实现代码嵌入ppt，我用到的关键技术包括：

• Microsoft PowerPoint
• Glot Code Runner
• Docker

首先，演示常用的是微软的PowerPoint（至于苹果的Keynote，我暂时还没有找到解决方案），所以你需要安装PowerPoint，在最新的Office套件中，微软提供了一个Webview的插件，有了这个插件，可以直接把一个Web页面，嵌入到Office文档中，自然也就包含了PPT。

注意，为了安全性的考虑，嵌入的web页面必须是https的。

好了有了这个，我们就可以把一个代码运行的web页面直接嵌入到演示文档中，剩下的事情，就是做一个可以运行不同代码的Web应用了。

Glot 是一个开源的在线代码运行平台。其架构如下图所示。

利用Glot的代码运行的核心功能，我们就可以很方便的开发一个可以运行各种代码的web应用。

利用容器，我们可以把整个应用分为以下的几个层次：

• Base
  提供基本的代码运行的环境，包含了代码执行的必要的解释器和编译器。在本次演示中，我使用了golang:latest，但是碰巧的是这个镜像是拥有Python的解释器的，我的代码演示都是python，省去了我安装Python的步骤。如果是别的不同的语言的演示，注意安装对应的环境。
• Code Runner https://github.com/gangtao/code_runner
  我的Code Runner是对Glot的Code Runner的一个增强，该项目提供一个运行代码的服务。
  项目的Dockerfile：

  FROM golang:latest
  
  MAINTAINER gangtao@outlook.com
  
  ENV GOPATH=/home/glot
  ENV GOROOT=/usr/local/go
  
  # Add user
  RUN groupadd glot
  RUN useradd -m -d /home/glot -g glot -s /bin/bash glot
  
  # Copy files
  Add ./build/release/server /home/glot/
  # Add ./vendor/. /home/glot/src
  
  USER glot
  WORKDIR /home/glot/
  
  # generate certificate
  RUN go run $GOROOT/src/crypto/tls/generate_cert.go --host localhost
  
  EXPOSE 8080
  
  # CMD ["/home/glot/runner"]
  ENTRYPOINT ["/home/glot/server"]

  通过Dockerfile我们可以看出该项目主要的内容：利用Glot实现代码运行，产生证书用于https，利用echo实现web 服务。
  Web服务的代码如下：