Dependency

Supports woocommerce API version

Setup instruction

Api Doc

Backend Setup instruction

Enable CORS

add_action( 'init', 'nt_cors_enable' );function nt_cors_enable() {  header("Access-Control-Allow-Origin: " . get_http_origin());  header("Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE");  header("Access-Control-Allow-Credentials: true");  header("Access-Control-Allow-Headers: Authorization, Content-Type");  header("Access-Control-Expose-Headers: x-wc-totalpages, x-wc-total", false);  if ( 'OPTIONS' == $_SERVER['REQUEST_METHOD'] ) {    status_header(200);    exit();  }}

Auth service dependency

Frontend Setup instruction

import {  Injectable,  // Injector } from '@angular/core';import {  HttpRequest,  HttpHandler,  HttpEvent,  HttpInterceptor,  HttpErrorResponse,} from '@angular/common/http';// import { Router } from '@angular/router';import { catchError } from 'rxjs/operators';import { Observable, throwError } from 'rxjs';// import { AuthService } from './auth.service';import { environment } from '../environments/environment';@Injectable()export class AppInterceptor implements HttpInterceptor {  constructor(    // private injector: Injector,    // private router: Router  ) { }  private includeWooAuth(url) {    const wooAuth = `consumer_key=${environment.woocommerce.consumer_key}&consumer_secret=${environment.woocommerce.consumer_secret}`;    const hasQuery = url.includes('?');    let return_url = '';    if (hasQuery) {      return_url =  wooAuth;    } else {      return_url = '?' + wooAuth;    }    return return_url;  }  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {    let authRequest;    // const auth = this.injector.get(AuthService);    let requestUrl = '';    if (request.url.includes('api') || request.url.includes('jwt')) {      requestUrl = `${environment.origin}/${request.url}`;    } else {      requestUrl = `${environment.origin}${environment.wcEndpoint}/${request.url}${this.includeWooAuth(request.url)}`;    }    authRequest = request.clone({      url: requestUrl    });    return next.handle(authRequest)      .pipe(        catchError(err => {          if (err instanceof HttpErrorResponse && err.status === 0) {            console.log('Check Your Internet Connection And Try again Later');          } else if (err instanceof HttpErrorResponse && err.status === 401) {            // auth.setToken(null);            // this.router.navigate(['/', 'login']);          }          return throwError(err);        })      );  }}

 providers: [    {      provide: HTTP_INTERCEPTORS,      useClass: AppInterceptor,      multi: true    } ]

export const environment = {  origin: 'https://example.com/appwoo',  wcEndpoint: '/wp-json/wc/v2',  woocommerce: {    consumer_key:  'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',    consumer_secret: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'  }};

import {  WoocommerceProductsService} from 'ngx-wooapi';constructor(    private wooProducs: WoocommerceProductsService  ) { }  ngOnInit() {    this.wooProducs.retrieveProducts().subscribe(response => {      console.log(response);    }, err => {      console.log(err);    });  }

Woocommerce Rest API doc

Progress