Передать параметры на угловую страницу, не появляясь в URL - PullRequest
0 голосов
/ 09 октября 2019

Мы создаем независимую веб-страницу Angular для обслуживания паролей, которая будет вызываться из всех наших внешних приложений, имеющих логины. При смене пароля мы хотим передать логин пользователя, чтобы предварительно заполнить поле в форме смены пароля. Мы также хотим передать URL, чтобы вернуться, когда закончите. Есть ли способ передать эти значения в приложение Angular, кроме добавления к URL-адресу (в качестве параметров маршрута или параметров запроса)? Мы бы предпочли, чтобы эти значения не отображались в URL.

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

Ответы [ 2 ]

0 голосов
/ 13 октября 2019

После некоторого исследования идея передачи входных параметров из одного приложения Angular UI в другое в теле HTTP-запроса нецелесообразна, особенно если вы хотите сделать это с помощью простой ссылки привязки, отображаемой в первом приложении. Тем не менее, мы не хотели, чтобы параметры отображались в URL незаметно, поэтому мы пришли к тому, что вызывающее приложение встраивает параметры в строку JSON, а затем использует btoa () для кодирования строки JSON как Base64. Затем мы передаем это как параметр строки запроса, например: http: // ....? Data = ksldjoisdosidfjsdf ... Вызываемое приложение просто захватывает один параметр строки запроса и переворачивает процесс, чтобы получить объектсодержит все переданные параметры.

Обратите внимание, что это действительно только для внешнего вида, а не шифрования. Попытка зашифровать данные, которые были бы незашифрованы браузером, будет очень трудно защитить, поскольку пользователь может получить доступ ко всему, что происходит в браузере, с помощью обычных инструментов разработки.

0 голосов
/ 09 октября 2019

Вы можете передавать данные через сервис https://angularfirebase.com/lessons/sharing-data-between-angular-components-four-methods/

...