Chapter 5 : Frontend Mobile App

Build Frontend Mobile App

Frontend Flutter app can be used for providing mobile app and testing microservices.

• Please refer to
  • Tutorial 1 : Build Your First App
  • Section 2-5-C : Frontend Flutter

Build Frontend Mobile App

Flutter Mobile App Project : em_app

After building "BFF Backend For Frontend", use same generated code for mobile app. We will use same backend for this mobile app, with REST APIs.

• COPY C:\Users\JohnDoe\Downloads\EmGenDir_MYTEMP02_WS_51080\WS_51080\frontend\flutter\em_app TO C:\runSpace\work\saas-multi\frontend-mobile-app\flutter\em_app

• Edit paramater file: C:\work\saas-multi\frontend-mobile-app\flutter\em_app\lib\em_global.dart

• Change port as in String apiUrl = "127.0.0.1:9060";
• Use REST APIs, Change this flag to isApiUseGrql = false

• Make sure backend project is running: emapi-BFF

• Flutter App Run in VS Code

• Mobile App Dashboard

• Mobile App Customer Screen