WebAssembly探索篇(一)安装编译环境,emcc和cmake

本文讲述了作者在Ubuntu18.04环境下为WebAssembly项目安装Emscripten和CMake时遇到的错误,包括OpenSSL缺失和cmake找不到命令的问题,提供了相应的解决步骤和环境配置方法。
摘要由CSDN通过智能技术生成


    最近因为项目原因,研究了一下WebAssembly。2015年上线与JS、HTML、CSS并称web界四语言,额,虽然已经上线快10年,但是研究的人好少,注定这个探索之路是崎岖的。(事实也是这样,已经耗进去快2周了,人都麻了-_-||)
    本文依赖的环境是Ubuntu18.04,因项目需要将C/C++编写的项目打包成wasm,项目结构复杂,若使用emcc命令行方式会很麻烦,因此使用emcc+cmake组合。

开发环境

为啥要把开发环境放在第一位呢,这里面也是采了无数的坑。

开发工具版本
Ubuntu18.04
emscripten3.1.55
cmake3.28.3

安装Emscripten编辑器

参考文档如下:
Emscripten中文网
emscripten Download and install

  1. 下载源码git clone https://github.com/juj/emsdk.git
  2. 进入emsdk目录,执行如下命令
# 在 Linux 或者 Mac macOS 上
./emsdk install --build=Release sdk-incoming-64bit binaryen-master-64bit
./emsdk activate --global --build=Release sdk-incoming-64bit binaryen-master-64bit

# 出错:如果在你的 macos/linux 上获得以下错误
Error: No tool or SDK found by name 'sdk-incoming-64bit'
# 请执行
./emsdk install latest
# 按照提示配置环境变量即可
./emsdk activate latest
  1. 配置环境变量
# on Linux or Mac macOS
source ./emsdk_env.sh

# on Windows
emsdk_env.bat
  1. 验证,输入命令行查看版本号emcc -v

安装cmake环境

  1. 在官网下载源码https://cmake.org/download/ cmake-3.28.3.tar.gz
  2. 创建目录后解压 tar -zxf cmake-3.28.3.tar.gz
  3. 配置cmake,打开源码目录cd cmake-3.28.3,然后执行./configure --prefix=/opt/cmake报找不到OpenSSL,解决后继续执行该命令
  4. 编译,make -j 8
  5. 安装,sudo make install
  6. 配置环境变量,export PATH="$PATH:/opt/cmake/bin"
  7. 重新初始化Bash, source ~/.bashrc
  8. 查看最新cmake版本, cmake --version

错误

Could NOT find OpenSSL

Ubuntu18.04 Cmake安装,报错openssl

Could NOT find OpenSSL, try to set the path to OpenSSL root folder in the system variable OPENSSL_ROOT_DIR (missing: OPENSSL_CRYPTO_LIBRARY OPENSSL_INCLUDE_DIR)

解决方案:

sudo apt-get install openssl
sudo apt-get install libssl-dev

Ubuntu Cmake :Command not found解决方法

已经安装了,但是执行cmake命令还是会报错Command not found环境变量写入是一次性的,重启机器后失效,得重新配置一遍6-7步

  1. 配置环境变量,export PATH="$PATH:/opt/cmake/bin"
  2. 重新初始化Bash, source ~/.bashrc
  3. 查看最新cmake版本, cmake --version
  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值