Проблема сеанса с httpClient (Angular + Node Js) - PullRequest
Новая
       47

Проблема сеанса с httpClient (Angular + Node Js)

0 голосов
/ 25 февраля 2019

Я пытаюсь сохранить сеанс на стороне сервера.Но Node-сервер не может отслеживать сеанс клиента.

Что не так в этом коде?
Почему я не получаю объект сеанса?

Node Js (Server) - приложение.js 

const express = require('express')
var bodyParser = require('body-parser');
var session = require('express-session');
var cors = require('cors');
const app = express()
const port = 3000

app.use(cors())
app.use(session({ secret: '2C44-4D44-WppQ38S', resave: true, saveUninitialized: true }));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

app.get('/', (req, res) => res.sendFile(__dirname + '/index.html'))

app.post('/dashboard', function(req, res) {
  if (req.session.username) {
    res.send({ "msg": "Dashboard Page" });
  } else {
    res.send({ "msg": "Please Login First" });
  }
});

app.route('/login').post(function(req, res) {
  if (req.session.username) {
    req.session.username = "someone";
    res.header("Content-Type", 'application/json');
    res.send({ "msg": "already logged in!" });
  } else {
    req.session.username = "someone";
    res.send({ "msg": "successfully logged In!" });
  }
});

app.route('/logout').post(function(req, res) {
  if (req.session.username) {
    req.session.destroy();
    res.send({ "msg": "successfully logged out!" });
  } else {
    req.session.destroy();
    res.send({ "msg": "session not found!" });
  }
});

app.listen(port, () => console.log(`Example app listening on port ${port}!`));

Angular 6 (Клиент) - app.module.ts 

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Angular 6 (Клиент) - app.component.ts 

import { Component,OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  constructor(public http: HttpClient) {}
  public loginStatus = "-"
  public dashboardStatus = "-"
  public logoutStatus = "-"
  ngOnInit(){
    this.http.post("http://192.168.1.93:3000/login",{username:"someone",password:"1234"})
    .subscribe(res => { this.loginStatus = res["msg"] });
    this.http.post("http://192.168.1.93:3000/dashboard",{data:"nothing"})
    .subscribe( res => { this.dashboardStatus = res["msg"] } );
    this.http.post("http://192.168.1.93:3000/logout",{data:"nothing"})
    .subscribe( res => { this.logoutStatus = res["msg"] });
  }
}

Angular 6 (Клиент) - app.html.ts 

<div>
  <h1> loginStatus :  {{ loginStatus }} </h1>
  <h1> dashboardStatus :  {{ dashboardStatus }} </h1>
  <h1> logoutStatus :  {{ logoutStatus }} </h1>
</div>

Вывод - 

loginStatus : successfully logged In!
dashboardStatus : Please Login First
logoutStatus : session not found!

Ожидаемый вывод - 

loginStatus : successfully logged In!
dashboardStatus : Dashboard Page
logoutStatus : successfully logged out!
...