Вопрос Интеграция CEF на React.

[Harvey Specter]

Здравствуйте господа. Хотел поинтересоваться у ребят которые уже занимались написанием CEF'а на React для клиентки. Как вы вызываете или передаёте данные в CEF?

 

[hecate]

челавек паук написал(а):

Здравствуйте господа. Хотел поинтересоваться у ребят которые уже занимались написанием CEF'а на React для клиентки. Как вы вызываете или передаёте данные в CEF?

Нажмите для раскрытия...

Первый вариант

JavaScript:

// На клиенте

let _browser = mp.browsers.new('http://package/cef/index.html');
_browser.call('eventName', 'arg1', 'arg2');

// На CEF

window.mp.events.add('eventName', (arg1, arg2) => {
    // todo
});

Второй вариант

JavaScript:

// На клиенте

let _browser = mp.browsers.new('http://package/cef/index.html');
let _data = {
    name: 'andrey',
    surname: 'hecate
};

_browser.execute(`test(${JSON.stringify(_data)})`);

// На CEF

global.test = (data) => {
    let _data = JSON.parse(data);
    console.log(`Name: ${_data.name}\nSurname: ${_data.surname}`);
};

 

[iuvis]

hecate написал(а):

Первый вариант

Код:

// На клиенте

let _browser = mp.browsers.new('http://package/cef/index.html');
_browser.call('eventName', 'arg1', 'arg2');

// На CEF

window.mp.events.add('eventName', (arg1, arg2) => {
    // todo
});

Второй вариант

Код:

// На клиенте

let _browser = mp.browsers.new('http://package/cef/index.html');
let _data = {
    name: 'andrey',
    surname: 'hecate
};

_browser.execute(`test(${JSON.stringify(data)})`);

// На CEF

global.test = (data) => {
    let _data = JSON.parse(data);
    console.log(`Name: ${_data.name}\nSurname: ${_data.surname}`);
};

Нажмите для раскрытия...

А для чего нужна stringify-обёртка?

 

[Mr.Scalise]

uvanov написал(а):

А для чего нужна stringify-обёртка?

Нажмите для раскрытия...

Точно не уверен, но слышал про то, что многие значения передаваться могут не правильно. Всё равно где-то нужно парсить, конвертировать, но не работал с реактом, не могу говорить наверняка

 

[Harland David Sanders]

Mr.Scalise написал(а):

Точно не уверен, но слышал про то, что многие значения передаваться могут не правильно. Всё равно где-то нужно парсить, конвертировать, но не работал с реактом, не могу говорить наверняка

Нажмите для раскрытия...

Передавать можно только строчку.

 

[hecate]

uvanov написал(а):

А для чего нужна stringify-обёртка?

Нажмите для раскрытия...

Если Вы взглянете внимательней, я передаю строку

JavaScript:

_browser.execute(`test(${JSON.stringify(data)})`);

Из-за того, что можно передавать только строку, мне нужно после каждого аргумента поставить запятую, которая "как-бы" разделяет один аргумент от другого, таким образом я получаю нужный эффект и отправляю его в функцию.

Подробнее о сериализации данных можно почитать тут: тык

UPD: Забыл написать еще, что я передаю объект с name и surname, лучше всего будет преобразовать в строку и передать её, далее запарсить и достать нужные данные

 

[iuvis]

hecate написал(а):

что можно передавать только строку

Нажмите для раскрытия...

А, вот этого момента я не знал.

 

[Harvey Specter]

Спасибо.