将Angular嵌入Business Central并进行身份验证

Question

目前，我正在与Angular一起进行一个有趣的项目。我的公司主要为Microsoft Business Central开发，希望我将Angular应用嵌入Business Central组件中。

我认为Business Central开发人员的目标群体很小，但我认为将Angular App嵌入到诸如wordpress等的其他应用程序中时，也会遇到同样的问题。

因此，我创建了一个ng new项目（带有路由），并以Azure B2C作为身份提供者（通过浏览器弹出窗口输入您的凭据）实现了身份验证。我已经创建了一个组件来测试路由（/ home）。

使用ng serve运行应用程序时，登录流程有效并且我已通过身份验证。 但是在构建项目并将其嵌入到Business Central Extension中之后，我可以单击导航菜单以将路由切换为“ /”和“ / home”，但是我的身份验证无效。

这是完全有道理的，因为自从我的应用程序嵌入以来，我的应用程序后面没有正确的URL。因此重定向URL是未知的。我也不知道，因为window.location.origin提到我在https://businesscentral.dynamics.com上，而Angular在“ / home”或“ /”上有它的活动路线。

因此我无法从Business Central外部调用某些资源或访问Angular路线注册的URL ...

如果确实存在身份验证，我有哪些选择可以使身份验证正常工作？ 对于身份验证，我使用“ angular-oauth2-oidc”，并且使用PXCE的授权代码流。

在Business Central内部运行Angular的屏幕截图下方