Setup

Note You need to have a Magento Website, in order to run the app

1. Create new integration token in Magento Admin to receive store data in API

1. goto System > integrations

   

2. Click on Add New integration button to display the New Integration page.

   

3. Enter a unique name for the integration in the Name field. Then enter your admin password in the Your Password field.

   

4. Select Resource Access to 'All' under 'API' tab

   (NOTE: it is only for a quick start, for production you have to allow only resources required by the app)

   

5. Click Save to save your changes and return to the integrations page.

   

6. Click the Activate link in the grid that corresponds to the newly-created integration.

   

7. Click Allow

   

8. A dialog similar to the following displays:

   

9. Copy the Access Token value and click on Done button.

---

2. Setup new CMS block in Magento Admin which will be used in MageCart HomePage

1. goto Content > Blocks

   

2. Click on Add New Block button

   

3. Put your config inside Content section (config sample)

   

Note: The images wysiwyg/home/home-main.jpg, wysiwyg/home/home-t-shirts.jpg, wysiwyg/home/home-eco.jpg were upload in magento manually before this step and category id 30 and 31 are actual category id from the website

4. save your block

   

5. Remember the id of this newly created CMS block

   

---

3. Installing

1. Get the code

   git clone https://github.com/alexakasanjeev/magento_react_native.git && cd magento_react_native

2. Install dependencies

   npm install
   # only for iOS
   cd ios
   pod install

3. Change Magento base url to your magento website url in config/magento.js

   

4. Replace access_token parameter in magento.js to Access Token from Integration you created.

   

5. Replace cms home_cms_block_id parameter in magento.js with the cms id you created

   

6. Run the project

   # for iOS
   react-native run-ios

   # for android
   react-native run-android

4. Increase customer session expiry time

By default, customer token generated when user login is valid for 1 hour. You can change these values from Admin by selecting Stores > Settings > Configuration > Services > OAuth > Access Token Expiration.

Set it to 168 hours(7 days)