WebAssembly,wasm返回字符串

2021-04-22 08:50:32

参考地址 emscripten、 WebAssembly,传递字符串给c函数


可以用这个方法来实现 wasm AES加密


也可以参考现成的库,来改成自己需要的方法。 aes-wasm

下面看具体的实例。


下面的代码是一个C函数,实现简单的字符串拼接,然后返回拼接的字符串。

#include <stdio.h>#include <string>

 char* EMSCRIPTEN_KEEPALIVE outName(char *n){

 char xhName[] = "xuanhun";
 strcat(n, xhName);
 return n;}


下面使用命令进行编译:

emcc hello.cc -o test2.js


然后在页面中引用:

<script>
        Module = {};
        Module.onRuntimeInitialized = function () {

 var ptr = allocate(
            intArrayFromString("玄魂"),
 'i8',
              ALLOC_NORMAL);

 var retPtr = Module._outName(ptr);

 var resValue = Pointer_stringify(retPtr);
 console.log(resValue);

            _free(ptr);

        }
 </script>
 <script src="test2.js"></script>


上面的代码我们核心部分逐行分析一下:

  var ptr = allocate(intArrayFromString("玄魂"), 
 'i8', ALLOC_NORMAL);


上面的intArrayFromString方法,将字符串转换为UTF8的char数组,然后allocate 方法开辟内存空间存储数据,返回指针。

 var retPtr = Module._outName(ptr);


调用C导出函数,传入字符串指针。

 var resValue = Pointer_stringify(retPtr);


调用Pointer_stringify胶水函数,将c返回的指针转换为字符串。

   _free(ptr);


释放内存。

下面查看下运行结果:




  • 2020-02-22 13:58:50

    深入理解 requestAnimationFrame

    在Web应用中,实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的API,那就是 requestAnimationFrame,顾名思义就是请求动画帧。 为了深入理解 requestAnimationFrame 背后的原理,我们首先需要了解一下与之相关的几个概念:

  • 2020-02-22 17:35:14

    使用tweenjs写一个发牌的demo

    移动端h5的三大抽奖方式:转盘,老虎机,翻纸牌。 前两样demo比较多,用户也审美疲劳了。这次微信公众号要抽奖,于是调研了下翻纸牌。

  • 2020-02-22 17:45:43

    tweenjs简单快速学习

    tweenjs 是使用 JavaScript 中的一个简单的补间动画库,支持数字、对象的属性和 CSS 样式属性的赋值。 tweenjs 以平滑的方式修改元素的属性值,需要传递给 tween 要修改的值、动画结束时的最终值和动画花费时间(duration),之后 tween 引擎就可以计算从开始动画点到结束动画点之间值,从而产生平滑的动画效果。

  • 2020-02-22 17:47:12

    easeJs入门学习教程

    createjs中包含以下四个部分: EaselJS:用于 Sprites、动画、向量和位图的绘制,创建 HTML5 Canvas 上的交互体验(包含多点触控) TweenJS:用于做动画效果 SoundJS:音频播放引擎 PreloadJS:网站资源预加载

  • 2020-02-22 17:54:59

    最新FullCalendar中文文档

    Fullcalendar是一款用来管理日程安排、工作计划的日历工具,它功能非常强大而且非常实用。而目前网络上没有很好的中文文档,为了更好的和大家分享Fullcalendar的相关使用,即日起计划将Fullcalendar的英文文档翻译成中文版。

  • 2020-02-22 17:57:05

    nuxtjs支持api接口,serverMiddleware

    Who can’t relate to this: You’ve built a small portfolio page for someone, maybe a company, a friend or yourself. And the only API endpoint you’d need is one for a form. What now? Scaffolding a new service just for this one endpoint?

  • 2020-02-22 17:59:34

    FullCalendar插件的基本使用带详细配置翻译

    前段时间,一直在开发考勤系统,当时为满足设计的需求,选了好几个插件,最后决定采用Fullcanlendar的插件。感觉这个插件可以满足现阶段的功能开发需求