Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including react-native-woocommerce-api with all npm packages installed. Try it out:

var reactNativeWoocommerceApi = require("react-native-woocommerce-api")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-native-woocommerce-api v1.8.5

Connects react Native to the WooCommerce API

GitHub package.json version Build Status

react-native-woocommerce-api

A wrappper that connects react Native to the WooCommerce API

Installation

To install the module using NPM:

npm install react-native-woocommerce-api --save

Setup

You will need a consumer key and consumer secret to call your store's WooCommerce API. You can find instructions here

Include the 'react-native-woocommerce-api' module within your script and instantiate it with a config:

import WooCommerceAPI from 'react-native-woocommerce-api';

var WooCommerceAPI = new WooCommerceAPI({
  url: 'https://yourstore.com', // Your store URL
  ssl: true,
  consumerKey: 'ck_xxxxxxxxxxxxxxxxxxxxxxxxxxxxx', // Your consumer secret
  consumerSecret: 'cs_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', // Your consumer secret
  wpAPI: true, // Enable the WP REST API integration
  version: 'wc/v3', // WooCommerce WP REST API version
  queryStringAuth: true
});

Instantiating a WooCommerceAPI instance without a url, consumerKey or secret will result in an error being thrown

Calling the API

Your WooCommerce API can be called once the WooCommerceAPI object has been instantiated (see above).

GET

WooCommerceAPI.get('products')
          .then(data => {
            console.log(data);
          })
          .catch(error => {
            console.log(error);
          });

POST

For this example you have a Order object.

WooCommerceAPI.post('products', {
  product: {
    title: 'Premium Quality',
    type: 'simple',
    regular_price: '21.99'
    }
  })
  .then(data => {
            console.log(data);
          })
  .catch(error => {
            console.log(error);
          });

PUT

WooCommerceAPI.put('orders/123', {
  order: {
    status: 'completed'
  }
  })
  .then(data => {
            console.log(data);
          })
  .catch(error => {
            console.log(error);
          });

DELETE

WooCommerceAPI.delete('coupons/123')
.then(data => {
            console.log(data);
          })
  .catch(error => {
            console.log(error);
          });
});

Testing

npm test
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free