Как проверить форму и перенаправить на определенный путь в электронном

Question

Здравствуйте. Я довольно новичок в электронике, но разрабатывал веб-приложения с использованием Express.Я создаю настольное приложение, и у меня есть страница index.html с простой формой входа.Я понимаю, что в экспрессе я могу выполнить проверку и перенаправить на правильный маршрутизатор в зависимости от результата проверки.Как я могу иметь такую ​​же функциональность в Electron?Другое дело, что я не хочу создавать другое окно браузера, я просто хочу, чтобы пути перенаправляли и отображали HTML-страницы в одном и том же окне браузера.Спасибо

Answer 1

Electron - очень гибкая комбинация Node и Chromium, с добавлением секретного соуса собственного API.

Вам доступно много вариантов.

Одна из самых важных вещей, которую нужно осознать с помощью Electron, заключается в том, что можно разрабатывать автономные приложения, для которых не требуется онлайн-сервер, как вы, вероятно, привыкли делать. Это означает, что вы можете запустить Express внутри Electron, обрабатывать маршрутизацию и выполнять свою обычную работу. Это означает, что Express работает на ПК или Mac вашего конечного пользователя, а не на размещенном сервере в Интернете.

Как разработчик Express, это может быть хорошим способом для вас быстро начать работу. Вы можете установить Express в свое приложение Electron (npm install express --save).

Таким образом, вы можете запустить экспресс в Electron, что позволит вам продолжать работать во многом так же, как вы уже привыкли. Это не будет точно так же. Как вы уже видели, вам нужно научиться управлять окнами браузера и другими концепциями Electron. Существуют также некоторые ограничения и обходные пути, поскольку Express обычно работает на внутреннем сервере хостинг-провайдера.

Здесь приведены указания по началу работы: NodeJS Electron с экспрессом или вы можете использовать Google для «создания приложений с помощью Electron и Express».

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

Здесь действительно большой список связанных с Электроном обучающих и других ресурсов: https://github.com/sindresorhus/awesome-electron#videos

Обновление: я понял, что не ответил на некоторые ваши вопросы, поэтому,

Чтобы проверить форму, вы можете сделать это так, как вы привыкли (возможно, отправив форму в Express и выполнить некоторую логику), или, возможно, использовать скрипт, работающий на реальной странице.

Чтобы перенаправить на определенный путь в Electron, у вас есть много вариантов, но экспресс-маршрутизация все еще может работать для вас, или вы можете загрузить определенный файл, используя loadFile, в объекте API веб-содержимого Electron BrowserWindow (вам, вероятно, потребуется выполнить некоторые действия). чтение на Main и Renderer, чтобы хорошо это понять).

Наслаждайтесь разработкой с Electron и удачи!

Answer 2

1. Это более или менее общение между ipcMain и ipcRenderer .

Поскольку вы разбираетесь в веб-разработке, вы можете оценить ipcMain в качестве бэкэнда (экспресс) и ipcRenderer в качестве клиента (браузера).

Однако разница в том, что вы общаетесь между ipcMain и ipcRenderer, отправляя события вместо сетевых вещей, таких как вызовы AJAX, как вы делаете с backend / frontend.

Для проверки данных на экспресс-стороне, отправьте событиеот ipcRenderer, чтобы ipcMain прослушал его и сделал проверку.После этого события emit возвращаются в ipcRenderer и, как только ipcRenderer получает данные проверки, обработайте их.

Самый простой способ обработки перенаправления / рендеринга html-страниц в одном и том же окне браузера - это разработка одностраничного приложения в вашем электроне с использованием html5-маршрутизации.Вот хороший пример, если вы знакомы с реагировать и реагировать маршрутизатор.https://github.com/electron-react-boilerplate/electron-react-boilerplate