Web Application

Guide for web app configuration

Ridy manages the web version of the Rider Application, ensuring users can experience the same interface as on Android and iOS. This enhances portability, as clients don't need to download the app from stores. They simply visit the webpage and access the UI on any device with a modern browser, whether it's a mobile, desktop, or other device.

Rider application in Safari Browser

Icon & Name Customization

You can find the title of the web page in the index.html file under the meta tag named apple-mobile-web-app-title and the title tag:

<meta name="apple-mobile-web-app-title" content="Ridy">
<link rel="apple-touch-icon" href="icons/Icon-192.png">

<!-- Favicon -->
<link rel="icon" type="image/png" href="favicon.png"/>

<title>Ridy</title>
<link rel="manifest" href="manifest.json">

favicon and Mobile icons are also here. Please note the format of the favicon is png. You can replace them with your assets.

Compile

Open a terminal in the apps/rider-frontend folder and run the below command:

flutter build web --release

Once the above command succeeds you will have the compiled website for the rider application located in the build/web folder. You can serve this file on your server in any manner you see fit using the web server of your choice.

Please consider the CORS policy to ensure that your web app can successfully connect to the backend. If you have configured the serverUrl in Constants.dart with the IP address of your server, the app should be served from the same server and IP address but on a different port. However, if you wish to assign a domain or run the app with HTTPS, which is typically required for production setups, you will need to set up and configure Nginx. By proxying both the rider app and its backend through the same domain, you can achieve the desired configuration.