You must have an online store Wordpress Woocommerce website, It free you download here https://wordpress.org
Plugin required
- WooCommerce Free
- Rnlab mobile builder Free
- GEO my WordPress Free version
- WCFM - WooCommerce Multivendor Marketplace Free
- WooCommerce Multivendor Marketplace – REST API Free
- WOOCOMMERCE FRONTEND MANAGER – ULTIMATE Paid
- Product Add-Ons Paid
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
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.
Activate the plugin through the ‘Plugins’ menu in WordPress.
Go to Mobile Builder > Create New Template
Press the ‘Configure’ button.
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
- WCFM - WooCommerce Multivendor Marketplace
- WCFM - WooCommerce Frontend Manager - Ultimate
- 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: