You must have an online store Wordpress Woocommerce website, It free you download here https://wordpress.org

Plugin required

Step 1: Config Wordpress

If you’re using non-pretty permalinks Woocommerce REST API will not work. Config pretty permalinks in Settings > Permalinks so that the custom endpoints are supported.

Config permalinks link.

Step 2: Config WooCommerce

Pre-generated keys can be used to authenticate use of the REST API endpoints. New keys can be generated either through the WordPress admin interface or they can be auto-generated through an endpoint.

Generating API keys in the WordPress admin interface

To create or manage keys for a specific WordPress user, go to WooCommerce > Settings > Advanced => REST API> Keys/Apps.

Generating API keys.

Click the "Add Key" button. In the next screen, add a description and select the WordPress user you would like to generate the key for. Use of the REST API with the generated keys will conform to that user's WordPress roles and capabilities.

Choose the level of access for this REST API key, which can be Read access, Write access or Read/Write access. Then click the "Generate API Key" button and WooCommerce will generate REST API keys for the selected user.

Now that keys have been generated, you should see two new keys, a QRCode, and a Revoke API Key button.

If the WordPress user associated with an API key is deleted, the API key will cease to function. API keys are not transferred to other users.

Consumer Key and Consumer Secret will use to config on the App.

Step 3: Install Mobile Builder

  1. Install using the WordPress built-in Plugin installer search with keyword (rnlab mobile builder), or Extract the zip file and drop the contents in the wp-content/plugins/ directory of your WordPress installation.

  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

  3. Go to Mobile Builder > Create New Template

  4. Press the ‘Configure’ button.

  5. Now you can drag and drop components from the left panel onto the mobile editor area.

Step 4: Woocommerce frontend manager ultimate

Install and active

  1. WCFM - WooCommerce Multivendor Marketplace
  2. WCFM - WooCommerce Frontend Manager - Ultimate
  3. WCFM - WooCommerce Multivendor Marketplace - REST API

Step 5: Config GEO my WP plugin

Step 6: Install Product Add-Ons

Docs here

Update Wordpress Config File

Open file wp-config.php and add this config, don't forget change xxxxxxxxxxx with your content. This file is located in the root of your WordPress file directory and contains your website’s base configuration details, such as database connection information.

define( 'MOBILE_BUILDER_GOOGLE_API_KEY', 'xxxxxxxxxxx' );
define( 'MOBILE_BUILDER_JWT_SECRET_KEY', 'xxxxxxxxxxx' ); // It like password, type any string you own
define( 'MOBILE_BUILDER_FB_APP_ID', 'xxxxxxxxxxx' );
define( 'MOBILE_BUILDER_FB_APP_SECRET', 'xxxxxxxxxxx' );

Read more about JWT to undestand JWT_SECRET_KEY https://jwt.io/

Google Map Server Key

MOBILE_BUILDER_GOOGLE_API_KEY create Google Map Server Key like Step 5: Config GEO my WP plugin, but need enable Distance Matrix API, Directions API

Config Facebook App id, App secret and JWT secret

REMEBER TO USE SAME METHOD TO CREATE FOR BOTH iOS and ANDROID https://magefan.com/blog/create-facebook-application

Related

For more information on what to do next, we recommend the following article: