Criado rotas para insercao e seguranca de acesso de rotas

Author: markleymsm

client/config/dev.env.js

@@ -5,5 +5,5 @@ const prodEnv = require('./prod.env')
 
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
-  SERVER: '"http://localhost:9091"'
+  SERVER: '"http://localhost:3000"'
 })

client/src/components/auth/Login.vue

@@ -7,7 +7,7 @@
           <form @submit.prevent="userLogin()">
             <div class="row">
               <div class="input-field col s12">
-                <input id="email" type="email" v-model="login.username" class="validate" />
+                <input id="email" type="email" v-model="login.user_name" class="validate" />
                 <label for="email">Email</label>
               </div>
             </div>
@@ -18,8 +18,7 @@
               </div>
             </div>
             <button class="btn" type="submit">
-              Acessar
-              <i class="material-icons rigth">send</i>
+              Acessar <i class="material-icons rigth">send</i>
             </button>
           </form>
         </div>
@@ -76,10 +75,14 @@ export default {
   },
   methods: {
     userLogin () {
-      console.log('login')
+      this.$store.dispatch('authentication', this.login).then(() => {
+        this.$router.push({path: '/'})
+      })
     },
     userRegister () {
-      console.log('register')
+      this.$store.dispatch('register', this.register).then(() => {
+        this.$router.push({path: '/'})
+      })
     }
   }
 }

client/src/router/index.js

@@ -2,15 +2,17 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import Hello from '@/components/Hello'
 import Login from '@/components/auth/Login'
+import store from '@/states'
 
 Vue.use(Router)
 
-export default new Router({
+let router = new Router({
   routes: [
     {
       path: '/',
       name: 'Hello',
-      component: Hello
+      component: Hello,
+      meta: {requiresAuth: true}
     },
     {
       path: '/login',
@@ -19,3 +21,25 @@ export default new Router({
     }
   ]
 })
+
+export default router
+
+router.beforeEach((to, from, next) => {
+  let requiresAuth = to.meta.requiresAuth || false
+
+  let token = store.state.user.token
+
+  if (token) {
+    window.axios.defaults.headers.common['Authorization'] = 'bearer ' + token
+  }
+
+  if (requiresAuth) {
+    return store.dispatch('getCurrentUser')
+      .then(() => {
+        return next()
+      }).catch(() => {
+        return next({path: 'login'})
+      })
+  }
+  return next()
+})

client/src/states/modules/user.js

@@ -1 +1,43 @@
-export default {}
+let qs = require('qs')
+
+export default {
+  state: {
+    me: null,
+    token: window.localStorage.getItem('token')
+  },
+  mutations: {
+    updateUser (state, data) {
+      state.me = data
+    },
+    updateToken (state, data) {
+      state.token = data
+    }
+
+  },
+  actions: {
+    getCurrentUser (context) {
+      console.log('context', context)
+      return window.axios.get('/users/me').then((response) => {
+        console.log('response do getCurrente', response)
+        context.commit('updateUser', response.data)
+        return response
+      })
+    },
+    authentication (context, user) {
+      return window.axios.post('/users/token', qs.stringify(user)).then((response) => {
+        context.commit('updateToken', response.date.token)
+        window.localStorage.setItem('token', response.data.token)
+        return response
+      })
+    },
+    register (context, user) {
+      return window.axios.post('/users/register', qs.stringify(user)).then((response) => {
+        let authData = {
+          username: user.email,
+          password: user.password
+        }
+        return context.dispatch('authentication', authData)
+      })
+    }
+  }
+}

server/app.js

@@ -4,11 +4,13 @@ let path = require('path');
 let cookieParser = require('cookie-parser');
 let logger = require('morgan');
 let mongoose = require('./src/db/connection');
+let cors = require('cors');
 
 let indexRouter = require('./routes/index');
 let usersRouter = require('./routes/users');
 
 let app = express();
+app.use(cors());
 
 // view engine setup
 app.set('views', path.join(__dirname, 'views'));

server/package-lock.json

@@ -7,6 +7,7 @@
   },
   "dependencies": {
     "cookie-parser": "~1.4.4",
+    "cors": "^2.8.5",
     "debug": "~2.6.9",
     "ejs": "~2.6.1",
     "express": "~4.16.1",

server/package.json

@@ -7,9 +7,9 @@ let cfg = require('../config');
 
 router.post('/token', function (req, res, next) {
   let user = req.body;
-
+  console.log('user',user.user_name)
   if (!user.user_name || !user.password) {
-    return res.status(401).send('Unauthorized');
+    return res.status(401).send('Unauthorized111');
   }
 
   let query = { email: user.user_name, password: user.password };
@@ -20,7 +20,7 @@ router.post('/token', function (req, res, next) {
     }
 
     if (!user) {
-      return res.status(401).send('Unauthorized');
+      return res.status(401).send('Unauthorized2222');
     }
 
     let payload = { id: user.id };
@@ -36,13 +36,15 @@ router.post('/token', function (req, res, next) {
 });
 
 router.get('/me', passport.authenticate('jwt', { session: false }), function (req, res, next) {
+  console.log('reqreq',req)
  res.status(200).json({
    user: req.user
  })
 
 });
 
-router.get('/register', function (req, res, next) {
+router.post('/register', function (req, res, next) {
+  
   let data = {
     name: req.body.name,
     email: req.body.email,
@@ -58,7 +60,7 @@ router.get('/register', function (req, res, next) {
     if (err) {
       return res.status(422).json({ err: err });
     }
-    return res, status(200).json({ user: user });
+    return res.status(200).json({ user: user });
 
   };