Download as PDF, PPTX
![C/C++
• C++ name mangling extern "C" export
• EMSCRIPTEN_KEEPALIVE
-s 'EXPORTED_FUNCTIONS=["_<C >", …]'
( )
extern "C" {
EMSCRIPTEN_KEEPALIVE int c_func(int p_int, void* p_ptr);
}](https://image.slidesharecdn.com/ew-night07-190419101628/75/C-C-WebAssembly-8-2048.jpg)
![Build
•
$ emcc …
-s 'EXTRA_EXPORTED_RUNTIME_METHODS=["ccall", “cwrap"]'](https://image.slidesharecdn.com/ew-night07-190419101628/75/C-C-WebAssembly-9-2048.jpg)
![JavaScript
• ccall, cwrap ; emscripten
(.wasm WebAssembly.Instance.exports)
let r = ccall(
'c_func', // C
'number', // number(pointer ), array, string, boolean
['number', 'number'], //
[< >, < >] //
);
let f = cwrap('c_func', 'number', ['number', 'number']);
f(< >, < >);](https://image.slidesharecdn.com/ew-night07-190419101628/75/C-C-WebAssembly-10-2048.jpg)
![• Promise (※ )
connect(url, token) {
const promise = new Promise((resolve, reject) => {
// resolve/reject
let onSuccess = addFunction((veinPtr) => { resolve(); }, 'vi');
let onFailure = addFunction((veinPtr) => { reject(); }, 'vi');
let [urlPtr] = allocPtrString(url);
let [tokenPtr] = allocPtrString(token);
// C/C++ Callback
ccall('js_connect', 'null',
['number', 'number', 'number', 'number'],
[this._veinPtr, urlPtr, tokenPtr, onSuccess, onFailure]);
freePtr(url);
freePtr(token);
});
return promise;
}](https://image.slidesharecdn.com/ew-night07-190419101628/75/C-C-WebAssembly-18-2048.jpg)
![get/set
<C/C++>
extern "C" {
EMSCRIPTEN_KEEPALIVE int64_t get_int(PTR_T value_ptr);
EMSCRIPTEN_KEEPALIVE void set_int(PTR_T value_ptr, int64_t v);
}
<JavaScript>
get() {
return ccall('get_int', 'number', ['number'], [this._valuePtr]);
}
set(v) {
ccall('set_int', 'void', ['number', 'number'], [this._valuePtr, v]);
}](https://image.slidesharecdn.com/ew-night07-190419101628/75/C-C-WebAssembly-21-2048.jpg)
![connect(url, token) {
const promise = new Promise((resolve, reject) => {
let onSuccess = addFunction((veinPtr) => { resolve(); }, 'vi');
let onFailure = addFunction((veinPtr) => { reject(); }, 'vi');
// JavaScript C/C++
let [urlPtr] = allocPtrString(url);
let [tokenPtr] = allocPtrString(token);
//
ccall('js_connect', 'null',
['number', 'number', 'number', 'number'],
// !C/C++
[this._veinPtr, urlPtr, tokenPtr, onSuccess, onFailure]);
//
freePtr(url);
freePtr(token);
});
return promise;
}](https://image.slidesharecdn.com/ew-night07-190419101628/75/C-C-WebAssembly-26-2048.jpg)
![disconnect() {
//
if (this._timerInvoke) {
clearTimeout(this._timerInvoke);
this._timerInvoke = false;
}
// C++
ccall('js_disconnect', 'null', ['number'], [this._veinPtr]);
// JS
delete this._instanceCache;
}](https://image.slidesharecdn.com/ew-night07-190419101628/75/C-C-WebAssembly-27-2048.jpg)
C/C++とWebAssemblyを利用したライブラリ開発
- 1. C/C++ WebAssembly / @llamerada_jp 2019/04/19Emscripten & WebAssembly night !! #7
- 2. • • ; SE •, Java, Cloud, VMWare • ; • C/C++, go, WebAssembly, WebRTC, WebSocket • PROCESS WARP • twitter ; @llamerada_jp • facebook ; https://www.facebook.com/ito.yuuji • github ; https://github.com/llamerada-jp
- 3. • WebAssembly • • JavaScriptC/C++ API • C/C++ JavaScript API • CallBack • • • •
- 4.
- 5. • WebAssembly • • JavaScriptC/C++ API • C/C++ JavaScript API • CallBack • • • •
- 6. C/C++( ) WebAssembly(emscripten) webexport • •
- 7. • WebAssembly • • JavaScriptC/C++ API • C/C++ JavaScript API • CallBack • • • •
- 8. C/C++ • C++ namemangling extern "C" export • EMSCRIPTEN_KEEPALIVE -s 'EXPORTED_FUNCTIONS=["_<C >", …]' ( ) extern "C" { EMSCRIPTEN_KEEPALIVE int c_func(int p_int, void* p_ptr); }
- 9. Build • $ emcc … -s'EXTRA_EXPORTED_RUNTIME_METHODS=["ccall", “cwrap"]'
- 10. JavaScript • ccall, cwrap; emscripten (.wasm WebAssembly.Instance.exports) let r = ccall( 'c_func', // C 'number', // number(pointer ), array, string, boolean ['number', 'number'], // [< >, < >] // ); let f = cwrap('c_func', 'number', ['number', 'number']); f(< >, < >);
- 11. • WebAssembly • • JavaScriptC/C++ API • C/C++ JavaScript API • CallBack • • • •
- 12. JavaScript • C/C++ exportJavaScript API <api > mergeInto(LibraryManager.library, { js_func: function(p1, p2) { // … }, … });
- 13. Build • $ emcc …--js-library <api >
- 14. C/C++ • C/C++ extern "C"{ extern void js_func(int p1, void* p2); } • js_func(100, &val);
- 15. • WebAssembly • • JavaScriptC/C++ API • C/C++ JavaScript API • CallBack • • • •
- 16. JavaScript • JavaScript C •addFunction ; JavaScript emscripten • ccall C/C++ • C/C++ let f_ptr = addFunction( js_func.bind(this), // bind 'vi' // (1 ), (2 ) // v:void, i:int32, j:int64, f:float, d:double );
- 17. Build • $ emcc …-s 'RESERVED_FUNCTION_POINTERS=< >' • • JavaScript on Callback
- 18. • Promise (※) connect(url, token) { const promise = new Promise((resolve, reject) => { // resolve/reject let onSuccess = addFunction((veinPtr) => { resolve(); }, 'vi'); let onFailure = addFunction((veinPtr) => { reject(); }, 'vi'); let [urlPtr] = allocPtrString(url); let [tokenPtr] = allocPtrString(token); // C/C++ Callback ccall('js_connect', 'null', ['number', 'number', 'number', 'number'], [this._veinPtr, urlPtr, tokenPtr, onSuccess, onFailure]); freePtr(url); freePtr(token); }); return promise; }
- 19. • WebAssembly • • JavaScriptC/C++ API • C/C++ JavaScript API • CallBack • • • •
- 20. C++ class • IDJavaScript • JavaScript C++ ID • C ID C++ ('A`)
- 21. get/set <C/C++> extern "C" { EMSCRIPTEN_KEEPALIVEint64_t get_int(PTR_T value_ptr); EMSCRIPTEN_KEEPALIVE void set_int(PTR_T value_ptr, int64_t v); } <JavaScript> get() { return ccall('get_int', 'number', ['number'], [this._valuePtr]); } set(v) { ccall('set_int', 'void', ['number', 'number'], [this._valuePtr, v]); }
- 22. • get/set • • • • () • Module.HEAPU8 • • JavaScript get/set
- 23. • WebAssembly • • JavaScriptC/C++ API • C/C++ JavaScript API • CallBack • • • •
- 24. • , • new,delete • alloc, free • , • open, close
- 25. • JavaScript • WebAssemblyJavaScript GC (2019/04 ) • • JavaScript API
- 26. connect(url, token) { constpromise = new Promise((resolve, reject) => { let onSuccess = addFunction((veinPtr) => { resolve(); }, 'vi'); let onFailure = addFunction((veinPtr) => { reject(); }, 'vi'); // JavaScript C/C++ let [urlPtr] = allocPtrString(url); let [tokenPtr] = allocPtrString(token); // ccall('js_connect', 'null', ['number', 'number', 'number', 'number'], // !C/C++ [this._veinPtr, urlPtr, tokenPtr, onSuccess, onFailure]); // freePtr(url); freePtr(token); }); return promise; }
- 27. disconnect() { // if (this._timerInvoke){ clearTimeout(this._timerInvoke); this._timerInvoke = false; } // C++ ccall('js_disconnect', 'null', ['number'], [this._veinPtr]); // JS delete this._instanceCache; }
- 28. • WebAssembly • • JavaScriptC/C++ API • C/C++ JavaScript API • CallBack • • • •
- 29. libvein • • KVS, 2PubSub • C/C++, Python, web ( )
- 30.
- 31. Seed/Server (WebRTC ) Application API Application API Application API Node ( ) Application API NodeNode Node Routing KVS, 2 PubSub WebSocket WebRTC
- 32.