“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:
通过Dockerfile我们可以看出该项目主要的内容:利用Glot实现代码运行,产生证书用于https,利用echo实现web 服务。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"]
Web服务的代码如下: