Emscripten实现把C/C++文件转成wasm，wast（wasm的可读形式），llvm字节码（bc格式），ll格式（llvm字节码的可读形式）并执行wasm

《一》˙转换

Emscripten实现把C/C++文件转成wasm，wast（wasm的可读形式）,llvm字节码（bc格式），ll格式（llvm字节码的可读形式）的步骤：

最新版本的Emscripten（1.38.12）已经能实现把c/c++转成wasm文件，例子；

（1）源文件：extern.cc  如果不加extern “c”{}则转出的wasm文件对应的wast文件只有module这个词。

extern "C" {

int add(int x, int y) {

int a=333;

return x + y+ a;

}

int min(int x, int y) {

return x - y;

}

}

（2）转成wasm命令：

emcc extern.cc -o extern.js -s EXPORTED_FUNCTIONS='["_add","_min"]'  -O3

注意：这里EXPORTED_FUNCTIONS指的是导出的函数，需要和源文件里的函数名是相对应的，-O3是编译优化等级，只有这个等级生成的wasm文件才会很小（几十字节），不加该优化选项，生成的wasm将会有几十KB。生成的时候会临时产生*.asm.js，等生成完后，会自动删掉。

执行完将会生成 extern.js和extern.wasm两个文件。

（3）转成wast可读文件：

wasm2wat extern.wasm -o extern.wast

wast文件内容：

(module

(type (;0;) (func (param i32 i32) (result i32)))

(func (;0;) (type 0) (param i32 i32) (result i32)

get_local 0

get_local 1

i32.sub)

(func (;1;) (type 0) (param i32 i32) (result i32)

get_local 0

i32.const 333

i32.add

get_local 1

i32.add)

(export "_add" (func 1))

(export "_min" (func 0)))

（4）转成llvm字节码 bc格式：

emcc extern.cc -o extern.bc -s EXPORTED_FUNCTIONS='["_add","_min"]'  -O3

(5)使用llvm-dis把llvm字节码转成可读格式：

llvm-dis extern.bc

执行上述命令将生成extern.ll文件。

extern.ll 文件内容：

; ModuleID = 'extern.bc'

source_filename = "extern.cc"

target datalayout = "e-p:32:32-i64:64-v128:32:128-n32-S128"

target triple = "asmjs-unknown-emscripten"

; Function Attrs: norecurse nounwind readnone

define i32 @add(i32, i32) local_unnamed_addr #0 {

%3 = add i32 %0, 333

%4 = add i32 %3, %1

ret i32 %4

}

; Function Attrs: norecurse nounwind readnone

define i32 @min(i32, i32) local_unnamed_addr #0 {

%3 = sub nsw i32 %0, %1

ret i32 %3

}

attributes #0 = { norecurse nounwind readnone "correctly-rounded-divide-sqrt-fp-math"="false" "disable-tail-calls"="false" "less-precise-fpmad"="false" "no-frame-pointer-elim"="true" "no-frame-pointer-elim-non-leaf" "no-infs-fp-math"="false" "no-jump-tables"="false" "no-nans-fp-math"="false" "no-signed-zeros-fp-math"="false" "no-trapping-math"="false" "stack-protector-buffer-size"="8" "unsafe-fp-math"="false" "use-soft-float"="false" }

!llvm.module.flags = !{!0}

!llvm.ident = !{!1}

!0 = !{i32 1, !"wchar_size", i32 4}

!1 = !{!"clang version 6.0.1  (emscripten 1.38.12 : 1.38.12)"}

最终生成的文件列表如下图：

《二》执行

Emscripten（1.38.12）执行把c/c++转成wasm文件的方法：

方法一：用node执行

源文件：extern-node.cc

#include <stdio.h>

#include <emscripten.h>

extern "C"{

void sayHi() {

printf("Hi!\n");

}

int daysInWeek() {

return 7;

}

}

编译命令：

emcc -s EXPORTED_FUNCTIONS="['_sayHi', '_daysInWeek']" extern-node.cc -o extern-node.js

编写node-test.js

var em_module = require('./extern-node.js');

em_module._sayHi();

em_module.ccall("sayHi");

console.log(em_module._daysInWeek());

执行：

Node node-test.js

方法二：用web服务器执行

源文件：extern.cc

#include <emscripten.h>

extern "C"{

int gol=1111;

int add(int x, int y) {

int a= 333;

//printf("hello world! %d\n",a);

return x + y+ a+gol;

}

int min(int x, int y) {

return x - y;

}

}

编译命令：

emcc extern.cc  -s EXPORTED_FUNCTIONS="['_add']"  -o extern.js

编写test.html

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

<body>

<h1>Test File</h1>

<script type="text/javascript">

var Module = {

onRuntimeInitialized: function() {

var a=Module._add(1,2);

document.write("result == " + a);

}

};

</script>

<script type="text/javascript" src="extern.js"></script>

</body>

在当前目录使用serve运行 serve -l 8000 （如果没有serve，则执行npm install -g serve）

执行：在浏览器地址打开 localhost:8000/test