Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do you wrap a web app as iOS app

I have this web app which works great on mobile browsers however I would like to allow this app being downloaded as "native app" through the apple app store.

My app basically consists out of three files which it serves to the client:

  • index.html
  • build.js
  • build.css

My research so far came to the conclusion that it is possible to do this by creating a web view with objective-c which executes the web app. Additionally you may use SDKs like phone gap to use native APIs (which is not required in this case).

Unfortunately I do not find a lot information on this by google, so I have following questions:

  1. What is the "keyword" I am looking for (whats the term for "wrapping html app in object-c")?
  2. Do I have to change the urls in my build.js (or can I overwrite current origin)?
  3. Is there anything else I would need to change in build.js?
  4. Are there any problems I should consider?
like image 295
bodokaiser Avatar asked Feb 26 '14 08:02

bodokaiser


People also ask

Can you turn a website into an iOS app?

There are a bunch of tools that help convert websites into mobile apps (iOS or Android). However, such services can't guarantee a great user experience. That's why it's better to develop a native app from scratch rather than converting your site using a third-party tool.

Can we convert web application to mobile application?

Simple Steps to Convert Your Website into an Android Application: To add the logo of your application. To add a splash screen to your application. To use the Navigation drawer in our application so that, different portals of our website can be used as fragments in the navigation drawer.

What is a web app wrapper?

With website wrapping, your site is transitioned into a mobile application framework that is compatible with iOS and Android devices. It can be added to the app stores and easily downloaded via a link. When using an app wrapper, your website content is basically the same. It's the background architecture that changes.


2 Answers

Is it possible? Yes. Will apple approve your app? Defiantly not.

From the App Store Review Guidelines:

2.12 Apps that are not very useful, are simply web sites bundled as apps, or do not provide any lasting entertainment value may be rejected

  1. web shell, web app
  2. Changing the urls for local path would work.
  3. Depends on how build.js was written.
  4. The above.

So what can you do?

Think how to improve your app with native code and add some functionality to it.

Focusing on the native code will help. If you'll submit an app that opens a UIWebView and that's it apple will 100% reject it.

I wrote an app for my company that wrapped a web app inside a UIWebView but had a lot of native code that would sniff the current UIWebView url and triggered functions accordingly. (Opened the cam, recorded audio, uploaded stuff to the server) so in the end it was very hybrid.

Apple rejected it with the claim that the user still sees only a webpage. I had to add a lot of other visible functionality in order for it to get approved.

like image 100
Segev Avatar answered Oct 23 '22 03:10

Segev


Your idea seems like a very general and appealing idea for developers but as far as I know, these sort of applications are not taken very sportingly by apple app reviewer.

When I say these sort, I actually mean application which calls webpages as browser. For these type of calling browser is perfect.

Now lets talk about development. If you want to start with development then this is your takeoff place. As you have all your skills with HTML, JS and CSS, you'll rock with this development platform called Phonegap. and the beauty of this platform is you can import same build for other mobile platform as well.

Looking forward for some worthy applications. Good Luck!

like image 1
rptwsthi Avatar answered Oct 23 '22 03:10

rptwsthi