Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ### COMPONENTE LOGIN ###
- import { Component, OnInit } from '@angular/core';
- import { Http, Headers, Response,URLSearchParams } from '@angular/http';
- import { Observable } from 'rxjs/Observable';
- import 'rxjs/add/operator/map'
- import { AuthenticationService } from '../_servicios/authentication.service';
- import { User } from '../_model/user';
- @Component({
- selector: 'app-login',
- templateUrl: './login.component.html',
- styleUrls: ['./login.component.css']
- })
- export class LoginComponent implements OnInit {
- model: any = {}; // Define un modelo para la información introducida en el formulario
- cargando = false;
- response;
- constructor( private authenticationService: AuthenticationService) { }
- ngOnInit() {
- // Bloque de código que se carga al ejecutar la página
- }
- // Funcion de login se ejecuta al hacer submit en el formulario de acceso
- login(){
- this.cargando = true
- // Llamamos al servicio de autenticación pasandole los datos introducidos en el formulario
- this.authenticationService.POST(this.model.username, this.model.password)
- }
- listar() {
- this.authenticationService.GET().subscribe( res => this.response = res)
- alert(this.response)
- }
- }
- ###### SERVICIO AUTENTICACION #######
- import { Injectable } from '@angular/core';
- import { Http, Headers, Response,URLSearchParams } from '@angular/http';
- import { Observable } from 'rxjs/Observable';
- import 'rxjs/add/operator/map'
- @Injectable()
- export class AuthenticationService {
- respuesta = "";
- data;
- users = Array<Object>()
- constructor( private http: Http ) { }
- POST(username: string, password: string) {
- // Crea un body con los parámetros que enviaremos al PHP (usuario y contraseña)
- let urlSearchParams = new URLSearchParams();
- let url = 'http://localhost/proyecto/Parser/src/app/backend/handler.php';
- // Añadimos los campos
- urlSearchParams.append('usuario', username);
- urlSearchParams.append('password', password);
- let body = urlSearchParams.toString() // Añadimos los parametros a la variable body pasandolos a string
- // Generamos los headers
- var headers = new Headers();
- headers.append('Content-Type', 'application/x-www-form-urlencoded');
- alert("POST info: "+body);
- // Crea una peticion post a la PHP con el body y los headers, devuelve el estado de la peticion
- return this.http
- .post(url ,
- body, {
- headers: headers
- })
- .map((res:Response) => this.respuesta = res.json())
- .subscribe(users => this.users = users);
- // En un principio este método sería opcional
- }
- GET() {
- const headers = new Headers();
- headers.append('Content-Type', 'application/x-www-form-urlencoded');
- headers.append('Access-Control-Allow-Headers', 'Content-Type');
- headers.append('Access-Control-Allow-Methods', 'GET');
- headers.append('Access-Control-Allow-Origin', '*');
- alert(this.users)
- let URL = 'http://localhost/proyecto/Parser/src/app/backend/list.json';
- return this.http.get(URL, {headers: headers}).map(res => res.json())
- .subscribe(data => this.data = data,
- err => console.log(err),
- () => console.log('Completed'));
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement