Christian-health / StudyNote2017

2017年学习笔记
0 stars 0 forks source link

前端开发常使用的工具和网址 #7

Open Christian-health opened 6 years ago

Christian-health commented 6 years ago

restful API的模拟网站

https://jsonplaceholder.typicode.com/

使用方式:

 this.http.post('https://jsonplaceholder.typicode.com/posts',{
        title:'foo',
        body:'bar',
        userId:1,
    }).subscribe(
      (success:any) => {console.log('post-success',success)},
      (error:any) => {console.log('post-error')}
    );
//使用  https://jsonplaceholder.typicode.com/  这个东西进行模拟 post restful api
Christian-health commented 6 years ago

github通过access token 获取用户信息

//
import 'rxjs/add/observable/throw';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/distinctUntilChanged';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toArray';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/operator/mergeMap';
import 'rxjs/add/observable/forkJoin';
import { Observable } from 'rxjs/Observable';

import { HttpRequest , HttpHandler , HttpInterceptor,HttpEvent,HttpResponse} from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable()
export class Interceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const authReq = req.clone({
      headers: req.headers.set('Authorization','token bfb3a9805727798f0b6eaa38202da4af8598d560 ')
    });
    return next.handle(authReq).map(event => {
      if(event instanceof HttpResponse) {
        if(event.status === 200) {
          console.log('这是http  200返回码打印的消息');
        }
      }
      return event;
    });
  }
}