导入和使用WooCommerce API后获得空白屏幕
在我的主页中导入API后,我试图在Ionic4应用程序中使用WooCommerce API。在下面的输出屏幕上,我看不到任何代码:导入和使用WooCommerce API后获得空白屏幕,woocommerce,ionic4,woocommerce-rest-api,Woocommerce,Ionic4,Woocommerce Rest Api,在我的主页中导入API后,我试图在Ionic4应用程序中使用WooCommerce API。在下面的输出屏幕上,我看不到任何代码: home.page.ts import { Component } from '@angular/core'; import * as WC from '@woocommerce/woocommerce-rest-api'; @Component({ selector: 'app-home', templateUrl: 'home.page.html', styl
home.page.ts
import { Component } from '@angular/core';
import * as WC from '@woocommerce/woocommerce-rest-api';
@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
//Local Objet WooCommerce of type any
WooCommerce: any;
constructor() {
this.WooCommerce = WC({
url: "https://shop.example.com",
consumerKey: "ck_fc057c56e5b430c9f4be64c86225e11943647ca1",
consumerSecret: "cs_12842c6e3c1122e9a17cb5c6b4e33aca3e0199528",
});
this.WooCommerce.getAsync("products").then( (data) => {
console.log(data);
}, (err) => {
console.log(err)
})
}
}
使用这个新的WooCommerceAPI,当我导入这个API时,我的Ionic应用程序主页消失了。当我注释这段代码时,它再次出现。下面是我如何导入和使用它。
运行此代码后,我在控制台输出中得到以下结果:
根据您的屏幕截图,您遇到了未定义的
全局
问题
使用以下行定义全局用户的解决方案:
(window as any).global = window;
打开/src/polyfills.ts
,并将其添加到底部:
// BUG FIX: Add global to window, assigning the value of window itself.
// https://github.com/socketio/socket.io-client/issues/1166#issuecomment-386195105
(window as any).global = window;
我不确定你在公共论坛上发布你的
ConsumerCret
有多安全。我建议您为您的网站重新生成这些api密钥,以防出现安全问题。谢谢,我在发布之前更改了密钥,现在我已更改了网站。下次我会记得别提钥匙的。谢谢你这么快的回复。