Comment faire une requête post angulaires noeud serveur

Lorsque j'imprime le contenu de la demande sur le Nœud de serveur, je ne peux pas voir les données de l'utilisateur n'importe où.

Voici mon Nœud de serveur:

var http = require('http');
http.createServer( function (request, response) {  
    console.log(request);
}).listen(8080);
console.log('Server running at http://127.0.0.1:8080/');

Et voici Angular2 code:

import { Component, OnInit } from '@angular/core';
import { HttpClient } from "@angular/common/http";
import { Http, Response, Headers , RequestOptions } from "@angular/http";
import 'rxjs/add/operator/retry'; //to be able to retry when error occurs
import { Observable } from "rxjs/Rx";

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent implements OnInit{
  title = 'Angular Test';
  user = { id : 1, name : "Hello"};
  constructor (private http: Http) {}

  ngOnInit(): void {
    let headers = new Headers({ 'Content-Type': 'application/json' });
    let options = new RequestOptions({ headers: headers });

    console.log(this.user);

    this.http.post("http://localhost:8080/", this.user, options)
    .subscribe( 
    (err) => {
        if(err) console.log(err);
        console.log("Success"); 
    });
  }
}

Quelqu'un peut m'aider ou expliquer la façon de traiter la requête http dans angulaire.

  • Êtes-vous à l'aide de l'express dans le cadre Node.JS?
  • il y a quelques choses qui manquent dans votre code(comme le nodeserver mise en œuvre, le routeur pour le post, carte et abonnez-vous au poste d'appel, etc..). consultez ces liens, vous aidera. SO1 SO2 ce article
  • Êtes-vous à l'aide de expressjs avec votre nodejs?
  • Je ne suis pas en utilisant express.js dans le Nœud. Est-il mieux?
  • Non, je ne suis pas. Est-il préférable.
InformationsquelleAutor spuemaacne | 2017-08-18
  1. 13

    Qui est de votre serveur:

    const express = require('express')
const bodyParser = require('body-parser');
const app = express()

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}) );

app.all("/*", function(req, res, next){
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
  res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');
  next();
});

app.post('/ping', function (req, res) {
  res.send(req.body)
})

app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})

    Qui est votre angulaire client:

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  user = { id : 1, name : 'Hello'};

  constructor(private http: HttpClient) { }

  callServer() {
    const headers = new HttpHeaders()
          .set('Authorization', 'my-auth-token')
          .set('Content-Type', 'application/json');

    this.http.post('http://127.0.0.1:3000/ping', JSON.stringify(this.user), {
      headers: headers
    })
    .subscribe(data => {
      console.log(data);
    });
  }
}

    repo https://github.com/kuncevic/angular-httpclient-examples

    InformationsquelleAutor Kuncevič
  2. 2

    J'ai écrit cela à l'intérieur de notre page de documentation mais depuis qu'il est obsolète maintenant, je vais le copier ici.

    Votre nœud de la partie, app.js, devrait ressembler (en supposant que vous utilisez avec expressjs node.js):

    app.js:

    var express = require('express');
var app = express();
var server = require('http').Server(app);
var bodyParser = require('body-parser');

server.listen(process.env.PORT || 8080, function(){
    console.log("Server connected. Listening on port: " + (process.env.PORT || 8080));
});

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}) );

app.use( express.static(__dirname + '/front' ) );

app.post('/test', function(req,res){ //**** http request receiver ****
  var myTestVar = "Hello World";
  return res.send(myTestVar);
});

//send the index.html on every page refresh and let angular handle the routing
app.get('/*',  function(req, res, next) {
    console.log("Reloading");
    res.sendFile('index.html', { root: __dirname }); 
});

    Avec ce nœud configs lorsque vous postez quelque chose à localhost:8080/test, vous recevrez myTestVar comme une réponse de votre abonnez-vous de rappel.

    InformationsquelleAutor eko