WebAssembly初体验——配置环境

发布日期:

我这里以win10为例
按照官网的入门文档,我们需要安装以下工具

  • git:主要用来clone一些工具,例如emsdk
  • cmake:构建工具,linux用户可以用包管理器安装,win用户可下载安装包Download | CMake
  • 系统编译器,linux安装gcc,mac使用xcode,win要vs2015+,但我并没有安装vs
  • python2.7

接着,构建emsdk,你可以按照官网的教程,clone然后构建

$ git clone https://github.com/juj/emsdk.git
$ cd emsdk
$ ./emsdk install latest
$ ./emsdk activate latest

但是我试了一下,一百多兆的库,用不到100kb的github小水管clone了半天,然后还是构建失败了,我不知道什么原因,然后,我找到了emsdk的windows安装程序,下载地址,这个可能打不开。直接安装就行了,但是在emscripten的官网是建议win用户用linux子系统进行安装。
然后大致上就可以运行一下 hello world了,教程上的sdk-incoming-64bit,binaryen-master-64bit两个工具我没有安装
在文件夹内新建一个 hello.c 文件,放入c语言中的hello world代码

#include <stdio.h>
int main(int argc, char ** argv) {
    printf("Hello, world!\n");
}

然后就可以“编译”了

emcc hello.c -s WASM=1 -o hello.html

然后等待1-2分钟,即可编译完成
TIM截图20180619134809.png
然后开启一个简单的本地服务查看效果吧

$ emrun --no_browser --port 8080 .

打开http://localhost:8080/hello.html即可看到效果
TIM截图20180619134952.png