I want to build a simple web application and a mobile app, which have the following main features (to keep the story short) :- Users' register inside the application. Admin review the request >> once approved >> and email will be sent to the user to pay for the registration Shop register inside the application Admin review the request >> once approved >> and email will be sent to the shop to pay for the registration the shop will prompt an item to be delivered users will be notified >> and the nearest user can pick the order For the web application >> I will build it using ASP.NET Core MVC. For the Mobile application >> I will build it using .NET MAUI. now how i can make those 2-components (MVC & MAUI) coupled together so i do not have to do the shared work twice? mainly the server-side and backend side? can anyone guide me on the best architecture approach to follow? Thanks

I’d probably use razor pages rather than mvc. But your the server code needs to be layered. You might focus on the rest api used by mobile app first. The api code should be nothing more than mapping the api parameters to the business objects that do the work. you could also do the same functionality in the web and the mobile at the same time. This will encourage sharing the code via refactoring. on design issue will be ui state management. The mobile app has state, but the web site will not. You will want ui state management abstracted and not part of the shared server code base. you will also want to consider authentication. The website will use cookie, but the mobile app will probably use bearer tokens.

Build a Web Application (ASP.NET Core MVC) and a Mobile App (MAUI) that share components

john john 966

I want to build a simple web application and a mobile app, which have the following main features (to keep the story short) :-

Users' register inside the application.
Admin review the request >> once approved >> and email will be sent to the user to pay for the registration
Shop register inside the application
Admin review the request >> once approved >> and email will be sent to the shop to pay for the registration
the shop will prompt an item to be delivered
users will be notified >> and the nearest user can pick the order

For the web application >> I will build it using ASP.NET Core MVC.

For the Mobile application >> I will build it using .NET MAUI.

now how i can make those 2-components (MVC & MAUI) coupled together so i do not have to do the shared work twice? mainly the server-side and backend side? can anyone guide me on the best architecture approach to follow?

Thanks

AgaveJoe 28,456 Reputation points

2023-06-25T13:43:11.6533333+00:00

now how i can make those 2-components (MVC & MAUI) coupled together so i do not have to do the shared work twice?

It's not clear what "coupled together" means. MAUI is a cross platform framework that runs in a mobile device or a desktop machine and the client to a REST service. MVC runs on a web server where the client is a browser.

If your intent is to shared business logic then create a Web API application that both the MVC and MAUI client call over HTTP.

If the intent is sharing components then Blazor hybrid might be what be what you're looking for.

ASP.NET Core Blazor Hybrid

Build a .NET MAUI Blazor Hybrid app
john john 966 Reputation points

2023-06-25T20:20:58.38+00:00

@AgaveJoe Thanks a lot for the reply. By "Coupled together" i mean that if i can reuse the server-side code for the web application and for the mobile application, so i do not have to worry about doing the same server-side work twice. for example i will have a server-side method which takes the User ID >> connect to the database using Entity framework >> and will return the User Info. This method will be used/called from both the web application and the mobile app. this what i am looking for , how i need to architect/design such an application?
AgaveJoe 28,456 Reputation points

2023-06-26T10:21:39.44+00:00

for example i will have a server-side method which takes the User ID >> connect to the database using Entity framework >> and will return the User Info. This method will be used/called from both the web application and the mobile app. this what i am looking for , how i need to architect/design such an application?

Create/design a Web API application that both clients, MAUI and MVC, call to invoked shared logic.

This is a standard 3-tier design and there's tons and tons of information on the web.

1 answer

Bruce (SqlWork.com) 66,056 Reputation points

2023-06-25T16:36:34.18+00:00

I’d probably use razor pages rather than mvc. But your the server code needs to be layered. You might focus on the rest api used by mobile app first. The api code should be nothing more than mapping the api parameters to the business objects that do the work.

you could also do the same functionality in the web and the mobile at the same time. This will encourage sharing the code via refactoring.

on design issue will be ui state management. The mobile app has state, but the web site will not. You will want ui state management abstracted and not part of the shared server code base.

you will also want to consider authentication. The website will use cookie, but the mobile app will probably use bearer tokens.
Please sign in to rate this answer.
john john 966 Reputation points

2023-06-25T20:28:42.95+00:00

@Bruce (SqlWork.com) Thanks for the detailed reply and info. but can you advice more on those points:-

>>I’d probably use razor pages rather than mvc.

Why you prefer razor pages over MVC? my experience is in asp.net core mvc. is Razor better option for my requirments?

>>But your the server code needs to be layered.

what do you mean by layered?

>>You might focus on the rest api used by mobile app first.

what is mobile app first approach?

>>on design issue will be ui state management. The mobile app has state, but the web site will not. You will want ui state management abstracted and not part of the shared server code base.

how i can handle this challenge?

>>you will also want to consider authentication. The website will use cookie, but the mobile app will probably use bearer tokens.

how i can handle this?

Final Point, is there a simple demo which show how i can build such a project which contain mobile app using MAUI and web application using ASP.NET Core MVC/Razor-pages ?

Thanks
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

Build a Web Application (ASP.NET Core MVC) and a Mobile App (MAUI) that share components

1 answer

Your answer