Basic app setting

Last updated 4 months ago

This section will guide how to make the app work with your existing Wordpress website

Requisite setup

As the app is required connect with the Wordpress site and WooCommerce plugin via Rest API, please refer to the Rest Document for more detail info

For easy to config the Wordpress site, you can download the site from http://github.com/inspireui/mstore, this was already config and install all plugin that use for the app, or if you have your existing website, you can following by below setting.

Wordpress Plugins install

  • JSON API: A RESTful API for WordPress, this plugin is used for only the registration feature (other request from the API we use default REST API from Wordpress site)

  • Mstore CheckOut Plugin and API: Extends the JSON API User for RESTful user registration, authentication, support all Payment Gateway, and also comment rating.

  • Better Rest API Featured Image: for some reason the image is not populate correctly so that need to install this plugin to support to show the image.

  • OneSignal Push Notifications (optional): push notify to the mobile app, or web using OneSignal dashboard admin. This feature is support on Pro version.

  • Regenerate Thumbnails (optional): allows you to regenerate all thumbnails after changing the thumbnail sizes, use for customize the app performance when load the product images files (see detail at the step 2 - config.js)

  • WPML to WP API (optional): use for multi language feature, this api will support to change the product/title/category base on the select language from WPML plugin

Download all required plugins from: https://github.com/inspireui/mstore/tree/master/plugins

Enable Worpdress setting

Go to Common Setting, change the URL to Post name, this is required for the setting otherwise some images could not loading.

Permalink URL setting

Membership registration:

Enable the option Anyone can register.

Membership registration

Enable the Rest Api controller

This option should be enabled to support the registration and multi payment gateway

Enable the Rest Api controller

App config

Go the mstore project folder (mstore-expo or mstore-pro), open the file: src/common/Config.js and follow 3 simple steps to setup the app.

  • Step 1: change to your website URL and the wooCommerce API consumeKey

  • Step 2: Setting Product Images

  • Step 3: Config image for the Payment Gateway

These steps are clarify from the config file, please follow the guide from these style for the customize config.