angular - 如何在 Angular 8 中创建 Web 服务 Api？

Question

任何人都可以帮助我如何在 Angular 8 中创建 Web 服务 API。我是 Angular 8 的新手。我目前正在从事 Angular 8 项目。请帮忙..

来自邮递员 => api

标签： angularapiserviceangular8

Answer 1

在这里，我提供了一个在 Angular 中创建 Web 服务 API 的示例代码供您参考。

服务.ts

    import { HttpClient, HttpHeaders, HttpRequest } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Injectable({
  providedIn: 'root'
})


export class UserService {
  
  constructor(private fb: FormBuilder,private http: HttpClient) { }
  readonly BaseURI = 'http://localhost:53189';

  }
  register() {
    return this.http.post(this.BaseURI + '/auth/Register', body);
  }
   
  login(formData: any) {
    return this.http.post(this.BaseURI + '/auth/Login', formData);
  }

  getData(){  
    return this.http.get(this.BaseURI +'/api/categories');  
  }  

  viewCategory(id: any) {
    return this.http.get(this.BaseURI + '/api/categories/'+id);
  }

  postData(formData: any){  
    return this.http.post(this.BaseURI +'/api/categories',formData);  
  }  
  
  putData(id: any,formData: any){  
    return this.http.put(this.BaseURI +'/api/categories/'+id,formData);  
  } 

  deleteData(id:any){  
    return this.http.delete(this.BaseURI +'/api/categories/'+ id);  
  }
  
  getProduct() {
    return this.http.get(this.BaseURI +'/api/products')
  }

  viewProducts(id: any) {
    return this.http.get(this.BaseURI + '/api/products/'+id);
  }

  postProduct(formData: any){  
    return this.http.post(this.BaseURI +'/api/products',formData);  
  }  

  putProduct(id: any,formData: any){  
    return this.http.put(this.BaseURI +'/api/products/'+id,formData);  
  } 
  
  deleteProduct(id:any)
  {
    return this.http.delete(this.BaseURI +'/api/products/'+ id);
  }
  
  getCart(userId:any) {
    return this.http.get(this.BaseURI +'/api/cart/GetId/'+ userId);
  }

  addProductToCart(userId:any,productId:any) {
    
    return this.http.put(this.BaseURI +'/api/cart/add/'+userId+'/'+productId,null); 
  }
  
  decreaseQuantity(userId:any,id:any) {
    return this.http.put(this.BaseURI +'/api/cart/decreaseQuantity/'+ userId+'/' + id,null);
  }

  Productbycategory(categoryId: any) {
    return this.http.get(this.BaseURI +'/api/products/Getproduct/' + categoryId );
     
  }
    getCategory() {
    return this.http.get(this.BaseURI +'/api/categories');
    }
  
  // getUserProfile() {
  //   var tokenheader= new HttpHeaders({ 'Authorization':'Bearer '+ localStorage.getItem('token')});

  //   return this.http.get(this.BaseURI + '/UserProfile',{headers:tokenheader});
  // }


  
  }