Merge pull request #3 from foyzulkarim/feature/secured-request

Add attribute in API and Update readme

Author: foyzulkarim

README.md

@@ -1 +1,75 @@
-# react-redux-saga-jwt-auth-aspnet
+# Welcome to React Redux JWT Authentication using ASP.NET Core API !
+
+## Technology used
+
+This repository uses a number of frameworks and libraries to work:
+
+* [ReactJS] - A JavaScript library for building user interfaces
+* [ASP.NET Core API] - Build secure REST APIs on any platform with C#
+* [SQL Server] - SQL Server 2019 Express is a free edition of SQL Server
+* [MongoDB] - The database for
+modern applications
+
+
+## Installation and Run
+
+Install the dependencies and devDependencies and start the server.
+
+To run Auth server
+
+```sh
+$ cd .\server\AuthWebApplication\AuthWebApplication\
+$ dotnet restore
+$ dotnet run
+```
+Verify the deployment by navigating to your server address in your preferred browser.
+
+```sh
+http://localhost:5000/
+```
+
+To run Resource server
+
+```sh
+$ cd .\server\WebApplication2\WebApplication2
+$ dotnet restore
+$ dotnet watch run
+```
+Verify the deployment by navigating to your server address in your preferred browser.
+
+```sh
+http://localhost:5005/
+```
+
+To run client
+
+```sh
+$ cd .\client
+$ npm install
+$ npm start
+```
+Verify the deployment by navigating to your server address in your preferred browser.
+
+```sh
+http://localhost:3000/
+```
+
+
+
+
+### Todos
+ - Write tests
+ - Add nodejs resource server
+
+License
+----
+
+MIT
+
+   [node.js]: <http://nodejs.org>
+   [express]: <http://expressjs.com>
+   [ReactJS]: <https://reactjs.org/>
+   [Gulp]: <http://gulpjs.com>
+   [ASP.NET Core API]:<https://dotnet.microsoft.com/apps/aspnet/apis>
+   [SQL Server]:<https://www.microsoft.com/en-us/sql-server/sql-server-downloads>
+   [MongoDB]:<https://www.mongodb.com/>

client/src/reducers/userReducer.js

@@ -26,7 +26,6 @@ export default (state = initialState, action) => {
             };
         default:
             let localStorageData = localStorage.getItem('data');
-            console.log('localStorageData', localStorageData);
             if (localStorageData) {
                 localStorageData = JSON.parse(localStorageData);
                 return {

client/src/sagas/api.js

@@ -1,10 +1,35 @@
 import axios from 'axios';
-// const BaseUrl = 'http://localhost:61361/api';
-const BaseUrl = 'http://feli-api.azurewebsites.net/api';
-const AuthUrl = 'http://localhost:5000'
+
+const BaseUrl = 'http://localhost:5005/api';
+const AuthUrl = 'http://localhost:5000';
+
+
+axios.interceptors.request.use(function (config) {
+    let localStorageData = localStorage.getItem('data');
+    if (localStorageData) {
+        localStorageData = JSON.parse(localStorageData);
+        let token = 'Bearer ' + localStorageData.access_token;
+        config.headers.Authorization = token;
+    }
+    console.log(config);
+    return config;
+});
+
+
+axios.interceptors.response.use(function (response) {
+    return response;
+}, function (error) {
+    if (error.response.status === 401) {
+        localStorage.removeItem('data');
+        window.location = '/login';
+    } else {
+        return Promise.reject(error);
+    }
+});
 
 export const getPosts = () => {
     console.log("getPosts api call.");
+    console.log(axios.defaults);
     return axios.get(`${BaseUrl}/posts`);
 }
 

client/src/sagas/sagas.js

@@ -7,7 +7,7 @@ export function* addPost({ payload }) {
         yield put({ type: 'ADD_POST_SUCCESS', payload: output });
         yield put({ type: 'FETCH_POSTS' });
     } catch (error) {
-        console.log('fetch posts error', error);
+        console.log('addPost error', error);
     }
 }
 
@@ -21,7 +21,7 @@ export function* editPost({ payload }) {
         yield put({ type: 'EDIT_POST_SUCCESS', payload: output });
         yield put({ type: 'FETCH_POSTS' });
     } catch (error) {
-        console.log('fetch posts error', error);
+        console.log('editPost error', error);
     }
 }
 
@@ -35,7 +35,7 @@ export function* deletePost({ payload }) {
         yield put({ type: 'DELETE_POST_SUCCESS', payload: output });
         yield put({ type: 'FETCH_POSTS' });
     } catch (error) {
-        console.log('fetch posts error', error);
+        console.log('deletePost error', error);
     }
 }
 

server/WebApplication2/WebApplication2/Controllers/CommentsController.cs

@@ -6,9 +6,11 @@
 using Microsoft.AspNetCore.Mvc;
 using WebApplication2.Models;
 using WebApplication2.Services;
+using Microsoft.AspNetCore.Authorization;
 
 namespace WebApplication2.Controllers
 {
+    [Authorize]
     [Route("api/[controller]")]
     [ApiController]
     public class CommentsController : ControllerBase

server/WebApplication2/WebApplication2/Controllers/PostsController.cs

@@ -7,9 +7,11 @@
 using Microsoft.AspNetCore.Mvc;
 using WebApplication2.Models;
 using WebApplication2.Services;
+using Microsoft.AspNetCore.Authorization;
 
 namespace WebApplication2.Controllers
 {
+    [Authorize]
     [EnableCors("all")]
     [Route("api/[controller]")]
     [ApiController]

server/WebApplication2/WebApplication2/Properties/launchSettings.json

@@ -21,10 +21,20 @@
       "commandName": "Project",
       "launchBrowser": true,
       "launchUrl": "weatherforecast",
-      "applicationUrl": "http://localhost:5000",
+      "applicationUrl": "http://localhost:5005",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "Watch": {
+      "commandName": "Watch",
+      "executablePath": "C:\\Program Files\\dotnet\\dotnet.exe",
+      "commandLineArgs": "watch run",
+      "launchBrowser": true,
+      "launchUrl": "http://localhost:5005",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       }
     }
   }
-}
+}

server/WebApplication2/WebApplication2/appsettings.json

@@ -1,7 +1,7 @@
 {
   "BookstoreDatabaseSettings": {
     "BooksCollectionName": "Posts",
-    "ConnectionString": "mongodb+srv://mongoadmin:Pa552123@cluster0-mz4lo.azure.mongodb.net/test",
+    "ConnectionString": "mongodb://localhost:27017/test",
     "DatabaseName": "node_boilerplate"
   },
   "Logging": {