C++ wasm 使用教程

2024-05-25 20:52
文章标签 c++ 使用 教程 wasm

本文主要是介绍C++ wasm 使用教程,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

环境搭建

  • git clone https://github.com/emscripten-core/emsdk.git
  • git pull
  • ./emsdk install latest
  • ./emsdk activate latest
  • source ./emsdk_env.sh
  • ./emcc -v && ./emcc c11__Thread_local.c -s WASM_WORKERS --threadprofiler --memoryprofiler -v -o test.html && node a.out.js
  • emrun --no_browser --port 8087 .
  • emrun FILENAME.html
  • docker run --rm -v $(pwd):/src -u ( i d − u ) : (id -u): (idu):(id -g)
    emscripten/emsdk emcc helloworld.cpp -o helloworld.js

emcmake

  • call emsdk_env.bat
  • ::TIMEOUT /T 0.5
  • cmd /c buildApp.bat
  • ::TIMEOUT /T 3
  • cd -wasm
  • mkdir wasm
  • cd wasm
  • cmd /c emcmake cmake -DWASM=ON -DPRODUCTMODE=OFF -DSRC_MAP_DEBUG_MODE=%1 -DDEBUG_SRC_SITE=%2 …
  • ::TIMEOUT /T 3
  • ::emmake make clean
  • ::for /l %%a in (1,1,4) do ( emmake make -j32)
  • emmake make -j32
  • pause
  • cmd /c call build_wasm.bat 0 “http://localhost:999/”
  • http-server ./wasm -p 999 --cors
  • emake报错时需将mingw32-make改成make

面向WebAssembly编程笔记

创建虚拟文件系统,实现fopen打开本地文

预加载本地文件

./emcc test/hello_world_file.cpp -o hello.html –preload-file test/hello_world_file.txt

Emscripten Test Suite

  def test_cmake_px_icu(self):os.mkdir('build')self.run_process([EMCMAKE, 'cmake', test_file('cmake/px_icu')], cwd='build')self.run_process(['cmake', '--build', 'build'])self.assertContained('OK', self.run_js('build/test_prog.js'))

Emscripten 多线程

  • 多线程 -s WASM_WORKERS
  • 单线程 -s SINGLE_FILE
  • lock-free atomic原子不断轮询设置操作,不可中断(其它线程不会读到操作一半的值),解决死锁
  • 示例目录:upstream\emscripten\tests\wasm_worker

NetWork

  • emscripten_async_wget
  • -lwebsocket.js -s WEBSOCKET_URL
  • 捕获异常:-fexceptions -fwasm-exceptions
  • 定时器:emcc -O3 example.cpp -sASYNCIFY
  • 异常位置打印:-fsanitize=undefined ,-fsanitize-minimal-runtime,-fsanitize=address

优化

  • emcc -sENVIRONMENT=web,只生成web代码,不生成nodejs代码,减少大小
  • toolchain profiler:set EMPROFILE=1,emcc test.c -o test.html,emprofile --graph

https://www.cnblogs.com/chenchao521/articles/15493198.html

编译qt源码
进入源码目录,命令行输入,
./configure.bat -no-warnings-are-errors -xplatform wasm-emscripten -platform win32-g++ -nomake examples -prefix %CD%\qtbase
大概10分钟就可以编译完毕

构建需要的模块
E:/Qt/Qt5.10.1/Tools/mingw530_32/bin/make.exe module-qtbase module-qtdeclarative
如果不需要裁剪,可以直接 E:/Qt/Qt5.10.1/Tools/mingw530_32/bin/make.exe

引用

  • 1
  • mozilla
  • cntofu

源码调试

DWARF
wamr
vs

创作不易, 小小的支持一下吧!

微信支付宝

这篇关于C++ wasm 使用教程的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1002597

相关文章

如何使用CSS3实现波浪式图片墙

《如何使用CSS3实现波浪式图片墙》:本文主要介绍了如何使用CSS3的transform属性和动画技巧实现波浪式图片墙,通过设置图片的垂直偏移量,并使用动画使其周期性地改变位置,可以创建出动态且具有波浪效果的图片墙,同时,还强调了响应式设计的重要性,以确保图片墙在不同设备上都能良好显示,详细内容请阅读本文,希望能对你有所帮助...

MySQL zip安装包配置教程

《MySQLzip安装包配置教程》这篇文章详细介绍了如何使用zip安装包在Windows11上安装MySQL8.0,包括下载、解压、配置环境变量、初始化数据库、安装服务以及更改密码等步骤,感兴趣的朋... 目录mysql zip安装包配置教程1、下载zip安装包:2、安装2.1 解压zip包到安装目录2.2

Rust中的注释使用解读

《Rust中的注释使用解读》本文介绍了Rust中的行注释、块注释和文档注释的使用方法,通过示例展示了如何在实际代码中应用这些注释,以提高代码的可读性和可维护性... 目录Rust 中的注释使用指南1. 行注释示例:行注释2. 块注释示例:块注释3. 文档注释示例:文档注释4. 综合示例总结Rust 中的注释

Linux使用cut进行文本提取的操作方法

《Linux使用cut进行文本提取的操作方法》Linux中的cut命令是一个命令行实用程序,用于从文件或标准输入中提取文本行的部分,本文给大家介绍了Linux使用cut进行文本提取的操作方法,文中有详... 目录简介基础语法常用选项范围选择示例用法-f:字段选择-d:分隔符-c:字符选择-b:字节选择--c

使用Go语言开发一个命令行文件管理工具

《使用Go语言开发一个命令行文件管理工具》这篇文章主要为大家详细介绍了如何使用Go语言开发一款命令行文件管理工具,支持批量重命名,删除,创建,移动文件,需要的小伙伴可以了解下... 目录一、工具功能一览二、核心代码解析1. 主程序结构2. 批量重命名3. 批量删除4. 创建文件/目录5. 批量移动三、如何安

springboot的调度服务与异步服务使用详解

《springboot的调度服务与异步服务使用详解》本文主要介绍了Java的ScheduledExecutorService接口和SpringBoot中如何使用调度线程池,包括核心参数、创建方式、自定... 目录1.调度服务1.1.JDK之ScheduledExecutorService1.2.spring

Java使用Tesseract-OCR实战教程

《Java使用Tesseract-OCR实战教程》本文介绍了如何在Java中使用Tesseract-OCR进行文本提取,包括Tesseract-OCR的安装、中文训练库的配置、依赖库的引入以及具体的代... 目录Java使用Tesseract-OCRTesseract-OCR安装配置中文训练库引入依赖代码实

C++一个数组赋值给另一个数组方式

《C++一个数组赋值给另一个数组方式》文章介绍了三种在C++中将一个数组赋值给另一个数组的方法:使用循环逐个元素赋值、使用标准库函数std::copy或std::memcpy以及使用标准库容器,每种方... 目录C++一个数组赋值给另一个数组循环遍历赋值使用标准库中的函数 std::copy 或 std::

Python使用Pandas对比两列数据取最大值的五种方法

《Python使用Pandas对比两列数据取最大值的五种方法》本文主要介绍使用Pandas对比两列数据取最大值的五种方法,包括使用max方法、apply方法结合lambda函数、函数、clip方法、w... 目录引言一、使用max方法二、使用apply方法结合lambda函数三、使用np.maximum函数

Qt 中集成mqtt协议的使用方法

《Qt中集成mqtt协议的使用方法》文章介绍了如何在工程中引入qmqtt库,并通过声明一个单例类来暴露订阅到的主题数据,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录一,引入qmqtt 库二,使用一,引入qmqtt 库我是将整个头文件/源文件都添加到了工程中进行编译,这样 跨平台