AngularSSR(通用)网站无法与keycloak-js适配器和keycloak-angular插件配合使用。
创始人
2024-10-29 16:30:33
0
  1. 首先,确保keycloak-js适配器和keycloak-angular插件已正确安装和配置。
  2. 在SSR应用程序的server.ts文件中添加以下代码来解决此问题:

import 'zone.js/dist/zone-node'; // 包括这一行

import { ngExpressEngine } from '@nguniversal/express-engine'; import { Request, Response } from 'express';

// 包括以下代码 (global as any).WebSocket = require('ws'); (global as any).XMLHttpRequest = require('xhr2');

// 这里是 express app const app = express();

app.engine('html', ngExpressEngine({ bootstrap: AppServerModuleNgFactory, }));

app.set('view engine', 'html'); app.set('views', __dirname);

// 初始化 keycloak-angular 插件 app.use(keycloak.middleware({ ... // 配置对应的url // 例如:url: 'http://localhost/auth', ... }));

app.use(express.static(${__dirname}/static, { index: false }));

app.get('.', express.static(${__dirname}/static, { maxAge: '1y' }));

// 渲染页面及传递 keycloak 的信息 app.get('*', (req: Request, res: Response) => { res.render('index', { req, res, providers: [ // 同上,也应该配置 keycloak ... ] }); });

// 监听本地端口,默认为 4000 app.listen(process.env.PORT || 4000, () => { console.log('Server listening'); });

  1. 将上述代码中的“...”处替换为相应的keycloak配置信息,例如keycloak的url。这将确保在SSR渲染页面时,keycloak插件能够正确地与后端进行通信,以检索相关信息。

相关内容

热门资讯

透视ai"wepok... 透视ai"wepoker数据分析"详细辅助总结教程(辅助器激活码技巧)是一款可以让一直输的玩家,快速...
透视好友"竞技联盟破... 透视好友"竞技联盟破解版最新版"详细辅助细节方法(有机器人神器)1、玩家可以在竞技联盟破解版最新版软...
透视实锤"werpl... 1、透视实锤"werplan透视挂"详细辅助科技教程(手机版透视脚本辅助)2、进入游戏-大厅左侧-新...
透视软件"wpk插件... 透视软件"wpk插件"详细辅助可靠技巧(私人局辅助挂教程)准备好在wpk插件ia的高塔上攀登,扮演一...
透视好友"wepok... 透视好友"wepoker游戏安装教程"详细辅助wpk教程(透视破解版软件)是由北京得wepoker游...
透视好友房"拱趴大菠... 透视好友房"拱趴大菠萝万能挂图解"详细辅助辅助教程(可以破解游戏方法)1、不需要AI权限,帮助你快速...
透视黑科技"红龙po... 透视黑科技"红龙poker有辅助吗"详细辅助安装教程(万能挂透明);最新版2024是一款经典耐玩的益...
透视免费"agpok... 透视免费"agpoker辅助"详细辅助普及教程(游戏安装教程软件);1.agpoker辅助 ai辅助...
透视肯定"约局吧透视... 透视肯定"约局吧透视挂下载"详细辅助必赢教程(底牌透视技巧)1、很好的工具软件,可以解锁游戏的ai质...
透视辅助"wepok... 透视辅助"wepoker轻量版透视方法"详细辅助详细教程(辅助工具教程);wepoker轻量版透视方...