如何使用angular2 webpack starter typescript进行CAS身份验证？

Question

I am using the following:

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

I start the application with npm start that uses webpack dev server. My issue is I want to add CAS authentication, but have no idea where what goes. This is the library I am trying to use:

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

All the examples appear to use express, though I am not sure if I can use this with the webpack-dev-server as is with the starter I am using? If so, how do I use it? Or do I need a different CAS library that is compatible with the npm start?

Answer 1

Webpack is more of a build tool with minimal server capability. It can serve static content making it perfect for updating content on the fly and put together simple websites with basic routing and client side side logic.

If you want anything even a little more complex you will need a server side technology. So the connect-cas2 will require you to use node.js and express. The documentation shows you exactly how to set it up.

I don't know anything about connect-cas2 but I know passport for authentication, but they wouldn't be terribly different. I would follow the quick start and if you have any issues then edit your question with the code that you are having issues with or have trouble understanding.

I have been digging around and you might be able to proxy the authentication if you already have a CAS server setup somewhere. I would try the following:

// 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'
    }
},