Я попробовал ответ, приведенный здесь: перенаправление на поток Google OAuth в прогрессивном веб-приложении , но включение этой библиотеки сломало мое приложение, использующее Materialise CSS, и оно все равно открылось в браузере.Также в этой статье Medium приводятся некоторые хорошие моменты, почему вы все равно не должны использовать эту библиотеку.
Я не уверен, что проблема в моих настройках.Внешний интерфейс - React, размещенный на AWS, а внутренний - Node.js, аутентифицирующий Passport.js, размещенный на Heroku.В настоящее время я просто подключаюсь к своему бэкэнду, чтобы добраться до конечной точки аутентификации, например:
<a href="<myHerokuServer>/auth/google">Login with Google</a>
, затем маршрутизирую аутентификацию следующим образом:
//google login
router.get(
"/google",
passport.authenticate("google", {
scope: ["profile", "email"]
})
);
//callback route for google to redirect to
router.get("/google/redirect", passport.authenticate("google"), (req, res) => {
res.redirect("<myFrontEnd>");
});
Возможно ли сделать это внутри?PWA без открытия окна браузера и сохранения пользовательских файлов cookie?