Development of a mobile version of the site and iOS / Android mobile applications - need advice?

Question

Mobile development

There is a large Internet portal written in Yii 1.x
Our task was to develop a mobile version of the site + mobile applications for iOS and Android.
As always, I want to save time, money, nerves and do something quickly and simply. There are only web developers in the state.
In mobile versions of the site, we plan to display only the necessary information not from all sections of the main site. We are not considering adaptive layout yet.
There is a desire to follow the path of creating a cross-platform application, for example, on Framework 7 for the mobile version of the site + using it to create applications for iOS and Android through PhoneGap - thus killing several birds with one stone at once)
Watched and usedIn principle, everything suits the cases of Framework 7 for our tasks - we do not plan any special interface with effects in our applications.
Tell me what pitfalls can be here - can anyone come across and have experience?
Do you know of any other examples of this approach?
Since we are still at the stage of making a decision, we would like to hear all the reasoned pros and cons.
ps: here they also suggested looking towards adaptive layout for the mobile version of the site + a mobile application on ionic - but this is already a division of development into two parallel streams, but I would like to develop something that covers the needs of both.

Answer 1

Treat yii as a backend and the frontend can be anything you want. A mobile version can be made on the m.site subdomain. On the server, determine which one to load and make a redirect, but the folder with the project is the same. In beforeaction define a subdomain and load other views. Or a completely different config. It depends on how mobile is different from the main one. If this is a couple of blocks, then the bootstrap methods will do.
Make an api controller that will give data to the mobile application. With the harmonious use of OOP, the difference in code in all versions will be minimal.

Answer 2

What layout system do you use on the main site? For example, Bootstrap makes it quite easy to adapt the site to mobile devices.
Plus, if you are going to make mobile applications (direct applications), it might make sense to look towards React Native? I didn’t work with him myself, but my friends praised him very much ....