如何在 angular2 webpack starter 打字稿中使用 CAS 身份验证?

How to use CAS authentication with angular2 webpack starter typescript?

我正在使用以下内容:

https://github.com/gdi2290/angular-starter

我用 npm start 启动了使用 webpack 开发服务器的应用程序。我的问题是我想添加 CAS 身份验证,但不知道去哪里。这是我正在尝试使用的库:

https://github.com/TencentWSRD/connect-cas2

所有示例似乎都使用了 express,但我不确定我是否可以像我正在使用的 starter 一样将其与 webpack-dev-server 一起使用?如果是这样,我该如何使用它?还是我需要一个与 npm start 兼容的不同 CAS 库?

Webpack 更像是一个具有最小服务器功能的构建工具。它可以提供静态内容,使其非常适合动态更新内容,并将具有基本路由和客户端逻辑的简单网站放在一起。

如果您想要更复杂的东西,您将需要服务器端技术。所以 connect-cas2 会要求你使用 node.js 和 express。文档向您展示了具体的设置方法。

我对 connect-cas2 一无所知,但我知道用于身份验证的护照,但它们不会有太大的不同。我会遵循快速入门,如果您有任何问题,请使用您遇到问题或难以理解的代码编辑您的问题。

我一直在研究,如果您已经在某处设置了 CAS 服务器,您也许可以代理身份验证。我会尝试以下操作:

// the proxy option is part of the devServer in your webpack.config.js
devServer: {
    contentBase: 'public',

    // setup a proxy
    proxy: {
        // just replace the /cas/validate endpoint to the endpoint in your 
        // website that will trigger the api call
        '/cas/validate': 'https://url-to-your-cas-server.com'
    }
},