## 一、前言
从Qt5.14开始,官方的在线安装提供了qt for webassembly构建套件,这对很多小白来说绝对是个好消息,也绝对是个好东西,好消息是不用再去交叉编译自己生成qt for webassembly的qt库,在线安装版本直接就给你安装好,很多小白就困在如何交叉编译qt for webassembly的qt库上了,环境简直是弄哭了,望而却步;好东西是你可以直接将你现有的qt程序直接编译成wasm文件然后直接网页运行,注意这里不是说activex的形式在IE中运行,而是直接各种支持wasm的浏览器上直接运行,比如谷歌浏览器、火狐浏览器、edge浏览器等,反正主流的浏览器都支持,是不是很牛逼,大致的原理就是借助emsdk中的emscripten编译器将qt的程序直接静态编译生成wasm文件,然后同时生成对应的js文件和html文件,js文件负责加载wasm文件进行编译使用canvs绘制程序。理论上c++程序执行效率要比js高,个人体验下来也是效率蛮高,最激动的就是一行代码不用修改,直接就可以编译成网页程序。
安装好以后如果勾选了mingw版本的Qt构建套件,则可以自行测试hello跑起来,同时你也会发现qt for webassembly这个构建条件是不可用的,别急,那是因为现在你只安装了qt for webassembly的qt的库,而并没有找到需要的编译器emscripten。
### (二)、安装emsdk编译器
任何编程语言开发环境,都离不开编译器,需要用对应的编译器将代码编译成对应的可执行文件,Qt是一个兼容了N种编译器的通用代码库,你使用何种编译器则调用对应的Qt库然后再编译生成对应的程序,qt for webassembly就需要借助emsdk中的编译器emscripten来编译,而不是使用msvc、mingw、gcc等,所以需要单独安装emsdk编译器。