Implemented sign-in URL

Author: jasonjoh

app.js

@@ -5,10 +5,11 @@ var logger = require('morgan');
 var cookieParser = require('cookie-parser');
 var bodyParser = require('body-parser');
 
+require('dotenv').config();
+
 var index = require('./routes/index');
 var users = require('./routes/users');
 
-require('dotenv').config();
 var app = express();
 
 // view engine setup

helpers/auth.js

@@ -0,0 +1,23 @@
+const credentials = {
+  client: {
+    id: process.env.APP_ID,
+    secret: process.env.APP_PASSWORD,
+  },
+  auth: {
+    tokenHost: 'https://login.microsoftonline.com',
+    authorizePath: 'common/oauth2/v2.0/authorize',
+    tokenPath: 'common/oauth2/v2.0/token'
+  }
+};
+const oauth2 = require('simple-oauth2').create(credentials);
+    
+function getAuthUrl() {
+  const returnVal = oauth2.authorizationCode.authorizeURL({
+    redirect_uri: process.env.REDIRECT_URI,
+    scope: process.env.APP_SCOPES
+  });
+  console.log(`Generated auth url: ${returnVal}`);
+  return returnVal;
+}
+
+exports.getAuthUrl = getAuthUrl;

routes/index.js

@@ -1,9 +1,11 @@
 var express = require('express');
 var router = express.Router();
+var authHelper = require('../helpers/auth');
 
 /* GET home page. */
 router.get('/', function(req, res, next) {
-  res.render('index', { title: 'Express' });
+  const signInUrl = authHelper.getAuthUrl();
+  res.render('index', { title: 'Home', signInUrl: signInUrl });
 });
 
 module.exports = router;

sample.env

@@ -1,4 +1,4 @@
 APP_ID="YOUR APP ID HERE"
 APP_PASSWORD="YOUR APP PASSWORD HERE"
 APP_SCOPES="openid User.Read Mail.Read"
-REDIRECT_URI="http://localhost:3000/"
+REDIRECT_URI="http://localhost:3000/authorize"

views/index.hbs

@@ -4,6 +4,6 @@
   {{#if user}}
     <p>Welcome {{user.displayName}}</p>
   {{else}}
-    <a class="btn btn-primary btn-large" href="#">Click here to login</a>
+    <a class="btn btn-primary btn-large" href="{{signInUrl}}">Click here to login</a>
   {{/if}}
 </div>

views/layout.hbs

@@ -36,7 +36,7 @@
             </li>
           {{else}}
             <li class="nav-item">
-              <a class="nav-link" href="#">Sign In</a>
+              <a class="nav-link" href="{{signInUrl}}">Sign In</a>
             </li>
           {{/if}}
         </ul>