Как получить доступ к хранилищу Vuex родительского приложения Vue из дочернего приложения iframed?

#vue.js #iframe #micro-frontend

#vue.js #iframe #микро-интерфейс

Вопрос:

Я кодирую основное веб-приложение (с VueJS amp; VueCLI, как SPA) только с некоторыми базовыми функциями. Я стремлюсь предоставить платформу, на которой другие разработчики могли бы самостоятельно создавать дополнения путем кодирования и развертывания собственного веб-приложения (с любой платформой) в его конкретном домене, тогда у основного веб-приложения есть страница для загрузки URL-адреса дополнения в теге iframe.

Это похоже на архитектуру микро-интерфейсов. И вот чего не хватает: если основное веб-приложение обрабатывает процесс входа в систему и сохраняет объект учетной записи пользователя в Vuex, то как я могу эффективно получить доступ к Vuex основного веб-приложения из веб-приложения дополнений?

Если iframe — это неподходящее решение, так какая стратегия лучше для меня?

Я открыт для обсуждения и очень ценю любую помощь!

Комментарии:

1. Размещен ли iframe в том же домене, что и родительский?

2. Каждое дополнение развертывается его владельцем и может иметь отдельный домен. Например: URL основного приложения: mainapp.com URL надстройки календаря: my-calendar.com , … и т.д. Но в чем разница, если iframe и основное веб-приложение находятся в одном домене?