All geek questions in one place

PhoneGap jQuery-Mobile application using both local and server pages

I have a basic PhoneGap / jQuery-Mobile iOS app that initially loads the index.html page, which is part of the app. There is a link on this page pointing to a page on our mobile site (not deployed as part of the application). This works the way I wanted, because when I click the link, it loads the mobile page in my application (I updated ExternalGost for PhoneGap.plist so that it loads in my application and not in Safari).

My question is , be it on a mobile page displayed in my application, but not in my application, can I link to a page that has a part of my application? Is it possible? If not, what are my options for achieving the same behavior?

The main design that I need for my application is to have some kind of menu that is always displayed using buttons that return you to the menu of various pages of the application (for example, Home, Mobile Site, Camera, etc.). Clicking on a menu link loads a mobile web page under the navigation bar, and this page can be local in the Phonegap application or a remote page on our server. (optional, the menu / navigator panel may be part of the mobile site, but this will only work if the "Home" button in the menu page of the mobile site loads the application page index.html)

The plan is to maintain one code base for iOS and Android applications and still access the phone’s capabilities, such as the camera, using PhoneGap. However, instead of writing .ajax, it is called for each exchange of information on the server (search, db updates, etc.), We could use some of our existing forms and pages on the server side, which were already hosted as .aspx pages by serving them in our Phonegap app. The ability to link between pages in my application and on my mobile site (all using jQuery Mobile) is perfect. The ability to enable phonegap.js on our remote server pages and enable JavaScript API calls to make a phone call from these pages will be another big bonus if this can be done.

Hope this makes sense.

Thanks in advance!

+4
source share
2 answers

Yes, we did it. We used ChildBrowser, as I described below. We had to change the user interface of ChildBrowser on iOS and Android to hide the address bar and toolbar. It took a bit of effort to get our mobile title / menu bar to fit our own title bar. The end result is an unhindered experience - you literally cannot determine if you are viewing your own page or the page submitted from our mobile site.

+1
source

I would suggest that href might point to the file: /// asset / www locally, and it should load. If you linked a realistic URL as its dial-up hosts, it will load from the server, so local paths would be the best option. You can always check the browser on your server and print out the paths related to iOS, Android, etc.

Have you checked if the app is approved by Apple, if it will download content from your site?

0
source

Source: https://habr.com/ru/post/1388194/

More articles:


All Articles