Электрон сохранить пользовательские изменения на странице

Question

У меня проблема с моим электронным приложением.Я перемещаюсь по страницам броска, используя window.loadUrl().На некоторых страницах пользователю необходимо ввести некоторые данные для сохранения.Проблема в том, что когда пользователь переходит на другую страницу (после того, как он добавил некоторые данные к входам и т. Д.) И после возврата не обнаруживает изменений, и электрон просто загружает HTML-файл без пользовательских данных.Как можно сохранить эти данные и дать странице пользователя свои ранее добавленные данные?Спасибо

Answer 1

Для локального решения вы можете хранить данные в нескольких типах данных:

• localStorage - Сохраняется со страницы на страницу и после закрытия браузера.Удаляется только по запросу пользователя в соответствии с W3 spec .
• sessionStorage - Удаляется после закрытия вкладки / страницы или по запросу пользователя в соответствии с W3 spec.

Оттуда вы можете загружать данные при загрузке / выгрузке страниц.

// Save the data
localStorage.setItem('userData', JSON.stringify(data));

// Load the data
let data = JSON.parse(localStorage.getItem('userData') || {});

Примечание: Это работает только в процессе рендерингаа не основной процесс.

---

Для удаленного решения вам нужно будет отправить данные на веб-сервер, где он будет обрабатывать и сохранять данные в удаленном месте.API - хороший способ отправки этих данных.

Отправка / запрос данных с уникальным идентификатором, таким как идентификатор пользователя.

// Save the data
fetch('http://my-website.com/save/123456', { // 123456 = userid
  method: 'post',
  body: JSON.stringify(data)
})

// Get the data
fetch('http://my-website.com/load/123456')
  .then(resp => resp.json())
  .then(json => { data = json })