如何在 Angular 8 中创建 Web 服务 Api？答案

【问题标题】：how to create web service Api in Angular 8?如何在 Angular 8 中创建 Web 服务 Api？
【发布时间】：2020-06-28 20:56:45
【问题描述】：

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

来自邮递员 => api

【问题讨论】：

标签： angular api service angular8

【解决方案1】：

在终端上写：ng g s 服务名称

将您添加到 appmodule 中的 httpclient 作为 HttpClientModule 注入

  constructor(private http:HttpClient) { }

然后简单地添加这样的方法

  getUser(id:any):Observable<User>{
return this.http.get<User>(your url from api + 'user/' + id)

}

希望有帮助

【讨论】：

【解决方案2】：

这里我提供了一个在 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});
  // }


  
  }

【讨论】：