Emscripten - экспортная функция embind не работает синхронно с Javascript. Использование Asyncify - PullRequest
Новая
       82

Emscripten - экспортная функция embind не работает синхронно с Javascript. Использование Asyncify

0 голосов
/ 06 апреля 2020

Мне нужно сделать HTTP-запрос к серверу, результат JSON. Результат используется в другой функции C ++, которая экспортируется с использованием embind export.

При вызове этой экспортированной функции из js она работает быстро и не может сохранить значение из экспортированной функции, значение пустое, спустя 2 секунды функция завершается, но значение никогда не назначалось.

Шаги для воспроизведения

1. Мой тест / фальшивка webapi https://jsonplaceholder.typicode.com/

2. Mi JS Код - Экземпляр. js

window.VModule({ noInitialRun: false }).then(module => {
     window.VMain = {
          Module: module
     };
});

window.GetData = async function GetData() {
     try {
          var url = "https://jsonplaceholder.typicode.com/todos/200"
          var options = {
               method: "GET",
               //mode: "cors",
               cache: "default"
          };
          var response = await fetch(new Request(url), options);
          var json = await response.json();
          console.log("DATA IN JS: " + json.title);
          return json.title;
     }
     catch (error) {
          console.log("DATA IN JS: ERROR_JS");
          return "ERROR_JS";
     }
}

3. Мой код C ++ - основной. cpp - Функция EM_JS_GetData, которая вызывает «window.GetData», определенная в экземпляре. js - GetData () вызывает EM_JS_GetData window.GetData () -> EM_JS_GetData -> GetData () -> Вызов кнопки из индекса. html. 

#include <iostream>
#include <string>
#include <emscripten.h>
#include <emscripten/bind.h>
typedef std::string String;

EM_JS(const char *, EM_JS_GetData, (), {
    return Asyncify.handleSleep(function(wakeUp) {   
        window.GetData()
        .then(data=>{
            //Converting JsString to C-String
            var lengthBytes = lengthBytesUTF8(data)+1;
            var result = _malloc(lengthBytes);
            stringToUTF8(data, result, lengthBytes);
            wakeUp(result);
        })
    });
});

String GetData()
{
    try
    {
        const char *cstr = EM_JS_GetData();
        String result(cstr);
        free(static_cast<void*> (const_cast<char *>(cstr)));
        emscripten_console_log((u8"DATA IN C++: " + result).c_str());
        return result;
    }
    catch (...)
    {
        emscripten_console_log(u8"DATA IN CPP: ERROR_CPP");
        return "ERROR_CPP";
    }
}


int main(int argc, char ** argv) 
{
    std::cout<< "All components initialized" << std::endl;       
}

EMSCRIPTEN_BINDINGS(my_module) 
{
    using namespace emscripten;
    function("GetData", &GetData);
}

4. Моя команда компиляции в синтаксисе ядра Power Shell. - Compile.ps1 

em++.bat `
"main.cpp" `
-o "VModule.js" `
-std=c++17 `
-O2 `
--bind `
-s WASM=1 `
-s SINGLE_FILE=1 `
-s ASYNCIFY=1 `
-s NO_EXIT_RUNTIME=1 `
-s EXTRA_EXPORTED_RUNTIME_METHODS=[`'ccall`',`'cwrap`'] `
-s EXPORT_NAME=`'VModule`' `
-s MODULARIZE=1 `
-s DISABLE_EXCEPTION_CATCHING=0 `
-s ENVIRONMENT=web `
-s ASYNCIFY_IMPORTS=[`'EM_JS_GetData`'] `
-s VERBOSE=0 `

5. Индекс. html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Validatos - WebAssembly</title>
    <link rel="icon" href="Assets/favicon/favicon.ico">
    <script type="text/javascript" src="VModule.js"></script>
    <script type="module" src="Instance.js"></script>
</head>

<body>
    <button onclick="OnBtnClick()">Test</button>
    <script type="text/javascript">
        function OnBtnClick() {
            console.log("BEFORE");
            var title = window.VMain.Module.GetData();//RESULT FROM FUNCTION IS NOT ASSIGNED // THIS LINE IS EXECUTED QUICKLY // BUT GetData is now executing.
            console.log("DATA IN INDEX.HTML: " + title);//console prints empty string, value was assigned to empty string. GetData continues executing.
            console.log("AFTER");
        }
    </script>
</body>
</html>

Когда я нажимаю кнопку, я получаю следующий результат. 

All components initialized
(index):17 BEFORE
(index):19 DATA IN INDEX.HTML: 
(index):20 AFTER
Instance.js:19 DATA IN JS: ipsam aperiam voluptates qui
VModule.js:9 DATA IN C++: ipsam aperiam voluptates qui

image

как мне позвонить синхронно window.VMain.Module.GetData ()? Желаемое поведение 

All components initialized
(index):17 BEFORE
Instance.js:19 DATA IN JS: ipsam aperiam voluptates qui
VModule.js:9 DATA IN C++: ipsam aperiam voluptates qui
(index):19 DATA IN INDEX.HTML: ipsam aperiam voluptates qui
(index):20 AFTER
...