How do I access a website as an app?

Asked

Viewed 7,140 times

1

I’m developing a web application, and I can add it to a start screen on my mobile device by creating a shortcut to my website. But I’d like to know how I can make it so when the guy clicks on the app he added the start screen, he doesn’t open it in the browser, just show the content. Like those apps from fabricadeaplicativos.com.br, you add the start screen and move it as if it were app, but you can use the same site by browser.

  • Your application is done in what language? You can render it by sweating jQuery if it is done in JS. If you are PHP, use ajax to make the requests and keep the content in a DIV where you do not Posts , so the operation will be done by PHP together with ajax.

  • Good Night I have a code that I developed to design a web app for the health department of the state of Mato Grosso do Sul, only it is really an application developed with Ionic and angular that I make available in webview to present in Tablets, Vices models in general. okay

  • Related https://answall.com/questions/389807/%C3%89-a-boa-pr%C3%A1tica-ter-all-sizes-de-favicons-and-include-all-link-rel/

2 answers

2

If you already have a responsive website, it makes no sense to create an app that just shows you as if it wasn’t a website.
The intention to create a mobile app for your site (that will not add any service or novelty to the more), would be to decrease the amount of traffic, since the mobile internet infrastructure in Brazil is still horrible (taking into account that its target audience is the Brazilian).
So my advice is don’t do that, since this could end up being a self-inflicted gunshot wound. Take a little time to learn how to make an app for the devices that interest you, this knowledge will prove valuable to you further. And also, if you’re just going to create a version of your site in app, this will be pretty simple to do once you get the basics of creating apps. Good luck!

1

Well, I’ll try to sum it up in a nutshell.

Working on top of HTML and depending on the platform, there are certain metadata that you need to include in your Webapp to function properly on a mobile device, in addition to being well responsive. There is documentation both on the Android how much iOS, for example, that guides you in this direction and also in the W3C.

In the iOS, the Safari has a shortcut to add the site on the start screen of the device, on Android, the Chrome also has this feature. But what will happen when launching is to open the browser at the address set. And as I mentioned above, each platform and browser can accept certain metadata that can hide bars or other browser features, such as Safari in the iOS for example.

Adicionar à tela inicial

Now, what the site you mentioned and many others also do, is to create a "native" application but with a simple WebView in the Android pointing to a web address (note that on App Factory you download a file .apk), so none of the browser features are available. In iOS continues to open in Safari, but the metadata in HTML try to hide the bars.

WebApps no Android

Another example are some (or all) bank applications, where a good part of them work with one WebView which points to a URL.

Anyway, I develop for these two platforms, so my examples were based on my knowledge of them, I don’t know if they’re like this in one Windows Phone or any other, but I believe they follow this same line of development.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.