EOS 用 C++ 开发智能合约为何要编译成 WebAssembly？

82307616 2018-09-21

许多人正试图学习如何在EOS上开发智能合约。但是，这些智能合约是由C++编写的，并编译成WebAssembly，这对大多数非c++程序员来说似乎很奇怪。因此，在深入了解EOS之前，最好先学习一些关于WebAssembly的基本知识。

什么是WebAssembly

我不想从官方网站上复制这个定义。你可以自己看一下。在这里，你可以将其视为可以在Web浏览器中加载和运行的文件。它类似于Javascript，但它比JS更快，更简单，更安全。

如何编写Webassembly

这里是一个工作流程：

EOS 用 C++ 开发智能合约为何要编译成 WebAssembly？

基本上有四个步骤，我将通过一个非常简单的例子来说明。

1.编写C/C++代码

以下代码用于计算数字的平方根。

#include <math.h>
float getSqrt (float num) {
 return sqrt(num);
}

2.将C/C++代码编译成wasm（Webassembly的格式）

编译代码有很多种方法。为了简化这个过程，我找到了一种非常简单的方法。

EOS 用 C++ 开发智能合约为何要编译成 WebAssembly？

将代码复制到该网站并单击build(构建)按钮，你可以找到编译的文件，如下所示。

EOS 用 C++ 开发智能合约为何要编译成 WebAssembly？

然后将program.wasm文件下载到本地文件夹。

3.使用JavaScript将wasm加载到浏览器中

使用以下代码创建test.html，将其放在与program.wasm相同的文件目录中。

<!doctype html>
 <title>WASM Test</title>
 <script>
 fetch('./program.wasm')
 .then(res => {
 if (res.ok)
 return res.arrayBuffer();
 throw new Error(`Unable to fetch WASM.`);
 })
 .then(bytes => {
 return WebAssembly.compile(bytes);
 })
 .then(module => {
 return WebAssembly.instantiate(module);
 })
 .then(instance => {
 window.wasmSqrt = instance.exports.getSqrt;
 });
 </script>

4.在Web浏览器中运行该方法

要解决网站跨域问题，我们需要在该文件夹中运行本地Web服务器。使用Linux或Mac时，让我们执行一下这个命令：

python -m SimpleHTTPServer

然后打开我们的Chrome浏览器，转到此页面：http://localhost:8000/test.html。在控制台中，尝试以下方法：

EOS 用 C++ 开发智能合约为何要编译成 WebAssembly？

完成

82307616

82307616

相关推荐

WebAssembly及其 API 的完整介绍

自从引入计算机以来，本地应用程序的性能有了巨大的提高。相比之下，web 应用程序相当慢，因为 JS 一开始并不是为了速度而构建的。但是由于浏览器之间的激烈竞争以及JS 引擎如V8的快速开发，使得 JS 能够在机器上快速运行。但是它仍然不能超过本机应用程

88274956 / 0评论 2020-11-03

Qt for WebAssembly测试记录

# Fetch the latest version of the emsdk . # Activate PATH and other environment variables in the current terminal. # Configure Q

81357216 / 0评论 2020-06-14

ASP.NET Core Blazor Webassembly 之 数据绑定

数据绑定技术以数据为主导来驱动UI界面，用户对数据的修改会实时提现在UI上，极大的提高了开发效率，让开发者从繁琐的dom操作中解脱出来。对于数据绑定.NET开发者并不会陌生，WPF里大量应用数据绑定技术，有过WPF开发经验的同学其实很容易理解前端的数据绑定

80337710 / 0评论 2020-06-05

WASM逆向分析

wasm是基于堆栈的虚拟机的二进制指令格式。在这次比赛中遇到，记录一下。wasm-objdump：显示有关wasm二进制文件的信息。wasm-decompile：将wasm二进制文件反编译为可读的类似C的语法。wat-desugar：解析规范解释程序支持的

80337710 / 0评论 2020-05-27

使用Jexus 容器化您的 Blazor 应用程序

在本文中，我们将介绍如何将 Blazor 应用程序放入Jexus 容器以进行开发和部署。我们将使用 .NET Core CLI，因此无论平台如何，使用的命令都将是相同的。Blazor 有两个托管模型，它们的要求不同，本文主要基于WebAssembly模型介

89357412 / 0评论 2020-05-05

火狐的野望

作为IT技术人，谁不掌握几门编程语言。随着一代一代炮灰的落去，目前逐渐形成了：系统级别、应用级别、前端级别三个大层次的划分，每个层次都有占据优势的存在。系统级别被 c/c++ 父子占据，偏安一隅，自得其乐。前端级别则目前js独领风骚，web前端自不必谈，a

MrHaoNan / 0评论 2019-12-26

倏忽一年：回顾点评前端 2019 重大事件、趋势

本文回顾和点评 2019 年前端领域发生的所有重大事件、新闻和趋势，并展望 2020。2019 年流行前端框架和库的 NPM 下载趋势React 又一次成为年度最受欢迎的库，并且仍处于增长状态；而 jQuery 拿到了令人意想不到的第二名；紧随其后的是 A

kingyobin / 0评论 2019-12-24

基础为零？如何将 C++ 编译成 WebAssembly

WebAssembly 是一个 W3C 推出的二进制指令格式，近日它的 1.0 版本也正式定稿成为了规范，关于它的基本概念这里不再展开介绍了，网上已经有很多文章了，大家可以自行了解，推荐阅读官方文档①、spec 仓库②、MDN 的教程③、以及 Lin Cl

89357412 / 0评论 2019-12-23

WebAssembly-wasm

　　首先，WebAssembly是一种技术方案统称，主要用于移植非js代码到浏览器环境中执行。　　　　　　emcc a.c -Os -s WASM=1 -s SIDE_MODULE=1 -o a.wasm

81204758 / 0评论 2019-12-19

VS Code 成主宰、Vue 备受热捧！2019 前端开发趋势必读

前端在生产和开发中占据着越来越重要的地位，PC 端、手机端、桌面端、智能手表端等等设备都离不开前端的身影。本文将围绕框架、编程语言、工具、React、Vue 等方面，全面回顾 2019 年前端与 Web 开发的大事。自2017年发布以来，WebAssemb

haohong / 0评论 2019-12-19

W3C 带来了一个新的语言

WebAssembly 核心规范 正式成为 Web 官方标准。继 HTML, CSS, JavaScript 之后，WebAssembly 成为了第4个 Web 语言。WebAssembly 是一种安全的、可移植的、底层的格式，可以在web浏览器上高效的执

88307760 / 0评论 2019-12-14

.NET 应用程序支持直接调用 WebAssembly 模块

WebAssembly Runtime 现已添加 .NET Core API，开发者可直接在 .NET 应用程序中调用 WebAssembly 模块。由于 WebAssembly 是面向网页设计的，网页是一种每次访问网站都会执行不受信任代码的环境，WebA

80377318 / 0评论 2019-12-10

WASM 成为 HTML、CSS 与 JS 之后的第 4 门 Web 语言

大家都知道，万维网联盟W3C 认证的 Web 语言有 HTML、CSS 与 JavaScript，而近日联盟正式宣布 WebAssembly 核心规范成为官方 Web 标准，这意味着WebAssembly 成为了第 4 种 Web 语言。WebAssemb

nercon / 0评论 2019-12-09

【在 Nervos CKB 上做开发】Nervos CKB 脚本编程简介[4]：在 CKB 上实现 WebAssembly

自从我们选择使用 RISC-V 构建 CKB-VM以来，我们几乎每一天都会被问及这样一个问题：为什么不像别人那样在 WebAssembly 上构建你的虚拟机呢？当然 WebAssembly 相比于其他更高级的编程语言和第一代区块链虚拟机而言已经是一个巨大的

80337710 / 0评论 2019-12-08

字节码联盟成立，WebAssembly 生态将完善网络安全性

近日 Mozilla、Fastly、Intel 与 Red Hat 宣布成立联合组织Bytecode Alliance，该联盟旨在通过协作实施标准和提出新标准，以完善WebAssembly 在浏览器之外的生态。WebAssembly 描述了一种内存安全的沙

81357216 / 0评论 2019-12-07

AssemblyScript 入门指南

WebAssembly是 Web 浏览器中相对较新的功能，但它地扩展了把 Web 作为服务应用平台的功能潜力。对于 Web 开发人员来说，学习使用 WebAssembly 可能会有一个艰难的过程，但是 AssemblyScript 提供了一种解决方法。首先

Jiutocrx / 0评论 2019-11-20

研究估计五成 WebAssembly 网站将其用于恶意目的

使用 WebAssembly 代码的网站比例约为六百分之一，但其中一半是将其用于恶意目的，如挖掘数字货币或混淆恶意代码。Wasm 模块被用于六个目的：定制、游戏、库、挖矿、混淆和测试。这项研究对未来的安全防御提出了新的挑战。这有可能是网站正在被恶意攻击。

85334750 / 0评论 2019-11-06

js调用c/cpp函数——WebAssembly入门

emcc main.cpp -o index.html -s EXPORTED_FUNCTIONS="['_setSeed','_mtrandom']" -s WASM=1. <button onclick="run1(

82307616 / 0评论 2017-08-31

深入了解JavaScript 的 WebAssembly

本周发布的 Firefox 52 加入了对 WebAssembly 的支持，成为第一个支持 WebAssembly 标准的浏览器，而其它浏览器如 Chrome 57、Safari 和 Edge 也都会陆续支持 WebAssembly。WebAssembly

zgwyfz / 0评论 2019-06-15

Web前端是编程语言中更新迭代最快的，2019年你变强了，也秃了

本文盘点2019年比较热的技术点，大家好根据前端发展趋势对自己的技术栈做一定规划，抓住重点。Vue 在 2018、2019 年继续增长，其在 GitHub Stars 已经超过了 React ，国内公司更喜欢 Vue。虽然 Angular 与 React

小秋 / 0评论 2019-07-21

WAPM发布：WebAssembly的包管理器

今天，我们发布了一个新的工具，它将会帮助你在任何地方使用WebAssembly：WAPM. 我们意识到包管理器将有助于解决常见问题，如发布、定义模块ABI、分发可执行二进制文件和使用它们。

80377318 / 0评论 2019-07-01

标准化进程中的WASI：赋予WebAssembly在浏览器外运行能力的系统接口

今天，我们宣布了一个新的标准化流程——WASI，一个WebAssembly的系统接口。但是我们对此却并没有一个坚实的基础。然而WebAssembly平台目前却没有这样的东西。正因为WebAssembly是一种针对概念计算机的汇编语言，WebAssembly

88274956 / 0评论 2019-07-01

用 WebAssembly 为 Web 应用提速20倍！（案例研究）

在本文中，我们将探讨如何通过用已编译的 WebAssembly 替换 JavaScript 来加速 Web 应用。如果你还有听说过 WebAssembly，就先看一下解释：WebAssembly 是一种在浏览器中与 JavaScript 一起运行的新语言。

80377318 / 0评论 2019-07-01

「译」使用 WebAssembly 替换应用程序中的Hot Path

在之前的文章中我讲述了 WebAssembly 是如何允许我们将 C/C++ 生态中的库应用于 web 应用中的。一个典型的使用了 C/C++ 扩展包的 web 应用就是 squoosh，这个应用使用了一系列从 C++ 语言编译成 WebAssembly

Lostthewind / 0评论 2019-07-01

JavaScript与WebAssembly进行比较

在识别和描述核心元素的过程中，我们分享了构建SessionStack时使用的一些经验法则，这是一个轻量级但健壮且高性能的JavaScript应用程序，以帮助用户实时查看和重现其Web应用程序的缺陷。这次我们来分析WebAssembly的工作原理，以及在如下

80377318 / 0评论 2019-07-01

实战Forge Viewer渐进应用 - 当Xamarin遇上WebAssembly

Xamarin作为移动端的跨平台原生开发框架的老牌劲旅，一直被视作Mono Project寄予厚望的当家花旦之一。近年来，虽然React Native/Ionic等后起之秀夺去大半江山，但随着Xamarin入驻微软并宣告免费，加之.NET/C#生态的日益完

82307616 / 0评论 2019-06-30

WebAssembly + Forge实战 - 整合Forge AR/VR ToolKit + Unity场景至前端框架

在浏览器环境下，解释运行JavaScript脚本实现高阶功能早已是家常便饭，然而，Web前端日新月异的需求已逐渐无法完全依赖JavaScript实现。幸运的是，打破瓶颈的新技术已逐渐成熟，它就是WebAssembly。自2015年颁布、2017年初正式发布

89357412 / 0评论 2019-06-30

【译】Go和WebAssembly：在浏览器中运行Go程序

在过去很长一段时间里，Javascript是Web开发人员中的通用语言。如果你想写一个稳定成熟的 Web 应用程序，用javascript几乎是唯一的方法。WebAssembly将很快改变这种情况。在本文中，我们将了解如何编写Go程序并使用wasm在浏览器

88274956 / 0评论 2019-06-30

JavaScript是如何工作的:与 WebAssembly比较 及其使用场景

JavaScript是如何工作的：引擎，运行时和调用堆栈的概述！众所周知，JavaScript 的基本语法与 C 语言高度相似。这个编译器可以将 C / C++ 代码编译成 JS 代码，但不是普通的 JS，而是一种叫做 asm.js 的 JavaScrip

王甲评 / 0评论 2019-06-30

【许晓笛】EOS 新增的 WebAssembly 解释器，是什么鬼？

Daniel Larimer 在最近的博客中透露，EOS 新增了官方的 WebAssembly 解释器，用来解释执行 WebAssembly 智能合约，加上之前的编译执行，EOS 智能合约有了两种执行方式。对于很多没有中间语言的（字节码）的编程语言来说，根

89357412 / 0评论 2019-06-29

WebAssembly完全入门——了解wasm的前世今身

前言接触WebAssembly之后，在google上看了很多资料。感觉对WebAssembly的使用、介绍、意义都说的比较模糊和笼统。感觉看了之后收获没有达到预期，要么是文章中的例子自己去实操不能成功，要么就是不知所云、一脸蒙蔽。本着业务催生技术的态度，这

81357216 / 0评论 2019-06-28

js调用c/cpp函数——WebAssembly入门

<button onclick="run1()" >cwrap调用</button><button onclick="run2()" >直接调用</button>

光谷码农 / 0评论 2017-08-31

悄悄掀起 WebAssembly 的神秘面纱

HTML5，CSS4，JavaScript ES6，这些已经在现代浏览器中慢慢普及的技术为前端开发带来了极大的便利。得益于 JIT技术，JavaScript 的运行速度比原来快了 10 倍，这也是 JavaScript 被运用得越来越广泛的原因之一。但是，

bangrenzhuce / 0评论 2019-06-28

EOS入门指南PART5——开发智能合约之前，你还需要知道...

上一篇我们介绍了如何搭建本地测试节点，它提供了一个智能合约的运行环境。我们还介绍如何使用超级账户eosio来创建新账户以及载入系统级别的智能合约。通过上一章的学习，大家可能已经对智能合约有了一个比较模糊的概念。这一章将继续为大家讲解，开发智能合约之前，你还

juniorsky / 0评论 2019-06-28

通过WebAssembly在浏览器运行PHP

某天晚上，在看Emscripten的文档，发现Emscripten有emconfigure和emmake，可以直接用Emscripten替换编译器实现项目移植，灵光一现就有了这个项目。未来一开始设想是用PHP进行前端开发的，但是实现不容易，所以先做成这个样

80377318 / 0评论 2019-06-27

JavaScript 工作原理之六－WebAssembly 对比 JavaScript 及其使用场景

原文请查阅这里，略有改动，本文采用知识共享署名 4.0 国际许可协议共享，BY Troland。本系列持续更新中，Github 地址请查阅这里。这是 JavaScript 工作原理的第六章。现在，我们将会剖析 WebAssembly 的工作原理，而最重要

89357412 / 0评论 2019-06-27

图说 WebAssembly（六）：现状与展望

本文是图说 WebAssembly 系列文章的最后一篇。如果您还未阅读之前的文章，建议您从第一篇入手。现状2017 年 2 月 28 日，主流的四大浏览器达成了共识并宣布 WebAssembly 的最小可行产品已经完成。这是 WebAssembly 搭载在

81357216 / 0评论 2019-06-27

图说 WebAssembly（五）：高性能原因

本文是图说 WebAssembly 系列文章的第五篇。如果您还未阅读之前的文章，建议您从第一篇入手。在上一篇文章中，我们说到了使用 WebAssembly 和 JavaScript 并不是两选一的选择。我们希望开发者可以把部分 JavaScript 代码替

89357412 / 0评论 2019-06-27

图说 WebAssembly（四）：快速入门

本文是图说 WebAssembly 系列文章的第四篇。如果您还未阅读之前的文章，建议您从第一篇入手。WebAssembly 是一种使得除 JavaScript 以外的编程语言也能运行在网页上的技术。在过去，当我们需要通过编程来控制网页内容时，我们的选择只有

82307616 / 0评论 2019-06-27

图说 WebAssembly（三）：什么是汇编

本文是图说 WebAssembly 系列文章的第三篇。如果您还未阅读之前的文章，建议您从第一篇入手。为了更好的理解 WebAssembly ，我们有必要去先理解什么是汇编，以及编译器是如何产生汇编的。因为 WebAssembly 在浏览器中的作用跟汇编类似

88307760 / 0评论 2019-06-27

图说 WebAssembly（二）：JIT 编译器

本文是图说 WebAssembly 系列文章的第二篇，如果你还没阅读其它的，建议您从第一篇开始。JavaScript 的运行，一开始是很慢的，但是后面会变得越来越快，背后的功臣就是 JIT 。虽然你可能不同意把 JavaScript 或者其他高级编程语言称

82921934 / 0评论 2019-06-27

图说 WebAssembly（一）：序言

你可能已经听说 WebAssembly 代码跑起来非常快。但是你知道这是为什么吗？在本系列文章中，我们将探究其原因。所以，当人们说 WebAssembly 很快时，其实是在拿它跟 JavaScript 比较。不过拿这两货来比较一下还是很有意义的，这样我们才

何双江yarshray / 0评论 2019-06-27

Emscripten编译器安装教程，亲测成功编译出第一个WebAssembly

javascript 这门语言的性能无法与原生的C/C++代码相媲美，为了进一步提高网页的性能，业界推出了WebAssembly技术：将C语言编译成了浏览器可以执行的wasm文件。WebAssembly不仅提高了网页的性能，而且还可以完成原来javascr

80377318 / 0评论 2019-06-27

Webpack 4.0 发布:有哪些新特性？（译）

学着使用这个新版本，来构建更快的应用吧。2018年2月25日星期天，Webpack 4.0向公众发布。代号为Legato，是Javascript模块打包器的一个主要版本。继3.0版本之后，4.0花了将近八个月的时间来发布。在这篇文章中，覆盖了Webpack

Techgogogo / 0评论 2019-06-26

前端每周清单第 53 期：Go 与 WebAssembly, React Suspense 演练, CSS 技巧

前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。Flutter beta 1 发布: 作为 Mobile Word Congress 2018 的一部分

Phoebe的学习天地 / 0评论 2019-06-26

WebAssembly 那些事儿

WebAssembly 是除 JavaScript 以外，另一种可以在网页中运行的编程语言，并且相比之下在某些功能和性能问题上更具优势，过去我们想在浏览器中运行代码来对网页中各种元素进行控制，只有 JavaScript 这一种选择，而如今我们可以将其它语言

88274956 / 0评论 2019-06-26

介绍一个WebAssembly的小玩具

名词解释区域WebAssembly是一种新的字节码格式。它的缩写是".wasm"， .wasm 为文件名后缀，是一种新的底层安全的二进制语法。。它被定义为“精简、加载时间短的格式和执行模型”，并且被设计为Web 多编程语言目标文件格式。

82307616 / 0评论 2019-06-26

WebAssembly和Emscripten工作整理

写在前面之前做过一段时间的WebAssembly的研究，写过几个WebAssembly Demo，并且阅读并翻译了很多篇Emscripten官方文档，今天对这些东西做一个总结。如果有需要对这块知识了解的同学，就可以按照这篇文章里的资料顺序来学习。主要是以链

81357216 / 0评论 2019-06-26

前端每周清单第 43 期：2017 JavaScript 回顾、Rust 与 WebAssembly 开发游戏

前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。Angular 5.1 发布: 本文介绍了 Angular 5.1.0, Angular CLI 1.6

LONGSHAN / 0评论 2019-06-26

WebAssembly Demo之Canvas中随机运动圆球

Demo同时实现了纯JS和WebAssembly两个版本，都在Demo地址中。因此，这种实现下，小球的运动轨迹在canvas内的分布更加的均匀。

yaosir / 0评论 2019-06-21