一 安装emsdk
按照Download and install — Emscripten 3.1.6-git (dev) documentation
和Qt 官网介绍Qt for WebAssembly | Qt 5.15
这两篇文章的指示,一步一步操作,可以安装好 emsdk.
注意:按官网的说法,Qt版本和Emsdk的版本要匹配:
但是实际上,emsdk已经下载不到我对应要找的1.38.27这个版本了。
可以执行
emskd list
All recent (non-legacy) installable versions are:
3.1.5
3.1.4
3.1.3
3.1.2
3.1.1
3.1.0
3.1.5-asserts
3.1.4-asserts
3.1.3-asserts
3.1.2-asserts
3.1.1-asserts
3.1.0-asserts
3.0.1
3.0.0
3.0.1-asserts
3.0.0-asserts
2.0.34
2.0.33
2.0.32
2.0.31
2.0.30
2.0.29
2.0.28
2.0.27
2.0.26
2.0.25
2.0.24
2.0.23
2.0.22
2.0.21
2.0.20
2.0.19
2.0.18
2.0.17
2.0.16
2.0.15
2.0.14
2.0.13
2.0.12
2.0.11
2.0.10
2.0.9
2.0.8
2.0.7
2.0.6
2.0.5
2.0.4
2.0.3
2.0.2
2.0.1
2.0.0
2.0.31-asserts
2.0.30-asserts
2.0.29-lto
2.0.28-lto
2.0.27-lto
2.0.26-lto
2.0.23-lto
2.0.20-lto
2.0.19-lto
1.40.1
1.40.0
1.39.20
1.39.19
1.39.18
1.39.17
1.39.16
1.39.15
1.39.14
1.39.13
1.39.12
1.39.11
1.39.10
1.39.9
1.39.8
1.39.7
1.39.6
1.39.5
1.39.4
1.39.3
1.39.2
1.39.1
1.39.0
1.38.48
1.38.47
1.38.46
1.38.45
1.38.44
1.38.43
1.38.42
1.38.41
1.38.40
1.38.39
1.38.38
1.38.37
1.38.36
1.38.35
1.38.34
1.38.33
我选择了最接近的 1.38.33版本。
二、准备Qt
我用的版本是5.14 . 应为更高级的版本需要自己编译源码。
从清华的镜像下载安装文件,
注意: 安装过程中,可以断网安装, 在线的话,则需要填写账号和密码,我没有。
离线方式安装的时候, 并没有提供web assembly 模块。 所以下载的时候,需要把Source 给加上
然后按教程开始编译webassembly模块。
configure -xplatform wasm-emscripten -developer-build -release -static -no-feature-thread -nomake tests -nomake examples -no-dbus -no-headersclean -no-ssl -no-warnings-are-errors