[macOS] Full Steps Setup Lekima App

[macOS - Website] 1. Setup backend website (30 mins)

Video caption:

This video I will do almost steps to setup a website on Digitalocean for Food app

  1. Create a new droplet

  2. Setup Wordpress website

  3. Install Plugin

  4. Create Firebase project and Config Google Map API

Video: https://drive.google.com/open?id=17_lcaLc_ZeStGyTsPh1D37-BYDLUU6eg&authuser=ngocdt%40rnlab.io&usp=drive_fs

Use this link Digitalocean to register you will gets $100 in credit.

You can skip the step create website if you already a website.

4 Likes

[macOS - iOS] 2. Config website (12 mins)

Video caption:

Yesterday we have stop here, Now I will continue

  1. Update wp-config.php file

    define( ‘MOBILE_BUILDER_GOOGLE_API_KEY’, ‘AIzaSyCMO3nhb2Wz1yg2egPLpp5kOMRRneD4L4g’ );
    define( ‘MOBILE_BUILDER_JWT_SECRET_KEY’, ‘demo1234’ );
    define( ‘MOBILE_BUILDER_FB_APP_ID’, ‘978943855874349’ );
    define( ‘MOBILE_BUILDER_FB_APP_SECRET’, ‘cb7ac68030b9e6e24d9f9ab405b26a86’ );

  2. My computer already setup React native development so I will skip this step.

  3. Download the source code on Codecanyon you will get folder like this.

  4. Update customer key & secret

  5. Update Google Map API key

Video: https://drive.google.com/open?id=17aCHZFpE7scXtboL-n7K5EBTlD4kIT-4&authuser=ngocdt%40rnlab.io&usp=drive_fs

2 Likes

[macOS - iOS] 3. Run iOS app (18 mins)

Video caption:

Run iOS app.

  1. Install native packages

  2. There are 3 ways run the app

I will try run on Xcode

  1. Change app info
  • Bundle Identify: io.rnlab.demo
  • App name: Food Demo
  1. Click to button to run the app

  2. Get error

This issue show up becuase before I have run the app with same folder name (rn_lekima) on my computer and React native CLI cached it.

To run fresh bundle I will do this

yarn start --reset-cache

Close all terminal too

  1. Product not show
  • Because the products on app load by geo locations we need add one Vendor and config location.

  • The store have display on listing screen, Now I will add one product for store.

Video: https://drive.google.com/open?id=17a7SLVeP3ld6SyaI2e8FglVluzWqdUtQ&authuser=ngocdt%40rnlab.io&usp=drive_fs

2 Likes

[macOS - iOS] 4. Config iOS app (9 mins)

Video caption:

This step I will tech you how to change Icon, splash screen

  1. Change App Icon

I have icon size 1024px

Config Google Map API for iOS I did in last video

  1. Change splash screen

  2. Change images Onboarding Screen

  3. Login Facebook

Video: https://drive.google.com/open?id=17ajMXb1oVOek7AkzlOhB_S6i-FCA1eSX&authuser=ngocdt%40rnlab.io&usp=drive_fs

2 Likes

[macOS - iOS] 5. Config Login Google on iOS app (5.5 mins)

Video caption:

  1. Login Google
  • Create iOS app in Firebase and download GoogleServices-info.plist
  • Update REVERSED_CLIENT_ID to info.plist
  • Update ANDROID_CLIENT_ID to src/config/auth.js

Note: You need config OAuth consent screen

  • User type: External
  • Select Support email too.

Video: https://drive.google.com/open?id=1HMYqCXzmzcjkMaTr3M7AfLS9NZBvpd0G&authuser=ngocdt%40rnlab.io&usp=drive_fs

[macOS - iOS] 6. Config Login OTP on iOS app (7 mins)

Video caption:

  1. Login Firebase OTP
  • Create key and check to “Apple Push Notifications service (APNs)”

then download file .p8

define(‘MOBILE_BUILDER_FIREBASE_SERVER_KEY’, ‘AIzaSyAWyLQBaF52Y1tO9mv4Y9oPUN0DwobayCM’);

Note: I run the app on real my device

Video: https://drive.google.com/open?id=1HP4prVRvElhNEJQh6AMPMb0iIo_ZC1ya&authuser=ngocdt%40rnlab.io&usp=drive_fs

1 Like

[macOS - iOS] 7. Config Login Apple (4 mins)

Video caption:

  • Because I check to automatically manage signing the app identify already create on my account
    => Can edit check to Sign In with Apple then save
    => Create new

Video: https://drive.google.com/open?id=1HQizb9XRP70iJdzC-xlLvkfh-2CqmGbG&authuser=ngocdt%40rnlab.io&usp=drive_fs

1 Like

[macOS - iOS] 8. Config send notification (10 mins)

Video caption

Generate pass: demo123

define( ‘MOBILE_BUILDER_ONESIGNAL_APP_ID’, ‘48d9d7d4-0b4c-487c-b508-989880d23a2b’ );
define( ‘MOBILE_BUILDER_ONESIGNAL_API_KEY’, ‘NzU3MGYwNmItOGUwNC00ZDdmLTg2NWUtZjQ1MjYyNjE3OTA0’ );

=> Add to wp-config.php

Video: https://drive.google.com/open?id=1HZuboP_EU2lsRduqDTYIWdH61UKYIziY&authuser=ngocdt%40rnlab.io&usp=drive_fs

1 Like

[macOS - Android] 9. Run Android App

Steps:

  1. Install dependencies by command yarn
  2. Fix gradlew permission
  3. Import demo template

Docs: https://lekima-docs.rnlab.io/docs/v1/android/run-app
Video: https://drive.google.com/open?id=1NhU-WqL2kV6QT2HgIFKc2bjmKusgQx7o&authuser=ngocdt%40rnlab.io&usp=drive_fs

Note: The app config from mobile builder and categories cached 20mins so I have uninstall the app and run again.

1 Like