Передать результат запроса для просмотра

Я новичок в Electron, и я зациклился на том, как передать результат запроса для просмотра.

Вот js-файл:

const request = require('request');

let serverUrl = 'http://localhost:3000/api';

request.get({
    url: serverUrl + '/properties'
}, handleResponse);

var properties = {};

function handleResponse(error, response, body) {
    properties = JSON.parse(response.body);
    console.info(properties);
}

А вот html-часть:

<div class = "block">
    <div class = "title">General</div>
    <script>
        const { remote } = require('electron');
        console.info(properties);
        for (var i in remote.properties) {
            document.write('<p>' + remote.properties[i] + '</p>');
        }
    </script>

Я знаю, что запрос асинхронный, поэтому console.info(properties) из представления печатает {}. Итак, есть ли способ отправить результат запроса в представление?

electron

10.04.2019 12:51

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

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

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Наконец, я нашел решение, инкапсулировав запрос в функцию с обратным вызовом, как показано ниже:

function getProperties(callback) {
    request.get({
        url: serverUrl + '/properties'
    }, function (error, response, body) {
        callback(JSON.parse(response.body));
    });
}

Теперь из представления мне просто нужно вызвать getProperties:

<div class = "block">
    <div class = "title">General</div>
    <script>
        getProperties((properties) => {
            console.info(properties);
        });
    </script>
</div>

10.04.2019 14:00

Ответ принят как подходящий

Вы можете либо отправить запрос из процесса средства визуализации и обработать ответ в обратном вызове, который выполняется после получения данных, либо сделать запрос в основном процессе, а затем отправить сообщение средству визуализации.

Вариант 1: Запрос и обработка в средстве визуализации

<!DOCTYPE html>
<html>
<body>

</body>
<script type = "text/javascript">

    const request = require('request')

    let serverUrl = 'http://localhost:3000/api'

    request.get({
        url: serverUrl + '/properties'
    }, handleResponse)

    function handleResponse(error, response, body) {
        properties = JSON.parse(response.body)
        for (var i in properties) {
            document.write('<p>' + properties[i] + '</p>')
        }
    }

</script>
</html>

Вариант 2: Запросить в main, отправить ответ рендереру

Основной:

const request = require('request')
let serverUrl = 'http://localhost:3000/api'

request.get({
    url: serverUrl + '/properties'
}, handleResponse)

function handleResponse(error, response, body) {
    properties = JSON.parse(response.body)
    mainWindow.webContents.send('my_message', properties)
}

Рендерер:

<!DOCTYPE html>
<html>
<body>

</body>
<script type = "text/javascript">

    require('electron').ipcRenderer.on('my_message', function(e, message) {
        console.info(message)
        for (var i in message) {
            document.write('<p>' + message[i] + '</p>');
        }
    });

</script>
</html>

Спасибо ! Ваш ответ более полный

— 12.04.2019 13:06

10.04.2019 14:15