Skip to main content
1 de 2
Harry
  • 3,8mil
  • 8
  • 34
  • 81

Dúvida com acesso a API - usando Angular - typescript

Montei um site para estudo de uma loja WooCommerce, ativei a api e gerei as chaves.

Na raiz do site em adicionei no .htaccess, será que está no local correto?:

# Permite acesso ao pacote Font Awesome
<FilesMatch ".(ttf|otf|woff)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>

Mais estou tendo o erro: inserir a descrição da imagem aqui

Aqui está o código completo para teste:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

import * as WC from 'woocommerce-api';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  WooCommerce: any;
  products:any[];


  constructor(public navCtrl: NavController) {

  this.WooCommerce = WC({
       url:"http://wooionic.comajudacoletiva.com.br/",
       consumerKey:"ck_899d1c4011cab2bde1f04cd52704c248f155ecdc",
       consumerSecret:"cs_cc90feaf8467c0a53679be89f137557cdc7acbe5"
     });

        this.WooCommerce.getAsync("products").then( (data) => {
          console.log(JSON.parse(data.body));
         // this.products = JSON.parse(data.body).products;
        }, (err) => {
          console.log(err)
        })
        
  }

}

Harry
  • 3,8mil
  • 8
  • 34
  • 81