Skip to main content

Displaying HTML content stored in a folder within an iOS app

Through this journey of getting to know "how to build apps for the iPhone with Swift", I have encountered a fair share of problems. You can have a read of my previous posts on

  1. Getting started with iOS programming
  2. Serving HTML content in an iOS app
  3. Discovering Core Data migrations
  4. And how to deal with Core Data migrations 

to get an idea of the sort of problems I have faced. In this post, I am going to share about a rather simple issue that I encountered very early when I started building my app. The app I am building is an HTML5 app, actually no; A more accurate statement for this would be that it is a hybrid app, as the logic is almost equally distributed between native code and HTML5 code.

Problem

The problem I had was that when I would add a folder to my iOS app with web content and tried to refer to it using

let path = NSBundle.mainBundle().pathForResource("index", ofType: "html", inDirectory:"webContent")
It simply wouldn't work i.e. the file could not be found.

Why was this a problem?

So I built the first version of my app using JQuery mobile and I thought it was all done except a few features that I would still have to add to it, once I solve all iOS specific problems. It was during this time, I met Ionic framework for building HTML5 apps. If nothing else, I so fell in love with its UI elements. Apps built with Ionic look very...native"ish" and add to that, it had a host of awesome features that I could benefit from.

How was I adding the files to my Xcode project?

Well I would drag the directory into the Xcode project and then choose the option to create group, as seen in this screenshot.

Solution

Initially I choose to search for something like, "How to refer to html files in a directory inside your Xcode project", I failed to find a solution in a few hours. A question on StackOverflow (SO), received negative votes, seriously SO can be a little demotivating sometimes to developers trying to learn new things. Anyway since I had several other issues to solve, I decided to ignore this one and solve the other problems first, hoping that as I continue developing, my knowledge of both Xcode and iOS development will get better and I will be able to find a solution to this. I could not be more correct, the solution to my problem was really really simple. I just had to know what an Application Bundle is. Once I knew what I was dealing with, my search term changed and the solution was immediately obvious. The answer is really simple, I should not have created "Groups", instead, I should have picked the other option and that was to "create folder references" instead. Like in the screenshot below

References

This SO post was very helpful

Labels:

Comments

Post a Comment

Popular posts from this blog

Upload to AWS S3 from Java API

In this post, you will see code samples for how to upload a file to AWS S3 bucket from a Java Spring Boot app. The code you will see here is from one of my open-source repositories on Github, called document-sharing. Problem Let’s say you are building a document sharing app where you allow your users to upload the file to a public cloud solution. Now, let’s say you are building the API for your app with Spring Boot and you are using AWS S3 as your public cloud solution. How would you do that? This blog post contains the code that can help you achieve that. Read more below,  Upload to AWS S3 bucket from Java Spring Boot app - My Day To-Do (mydaytodo.com)
Post a Comment
Read more

App update, discovering Protractor(testing) and an Angularjs State machine

So for the last couple of weeks, I have not be able to update my blog or finish a couple of the posts that I started writing. Well, I have...been a bit busy, with some the following things,  Testing my app I have been using the app( iOS ) on my iPhone for the past couple of months now, which is both good and bad. The good thing is I can test it and the bad thing is, I can use it every day. Part of the reason, I started building this app is to have something that I can and like to use everyday and since I am already using it, the incentive to release it is not as high as if it were something that I could not use. Anyway I did make some good progress over the last couple of weeks, like  Delete the app from my iPhone and do a clean install: this did help me find a few simple bugs that would pop-up when the app is first installed GET AN APP ICON, FINALLY! this was a bit of a hurdle and I thanks to Fiverr  and fivercrazyguy , I finally have my app icon. The day job ...
Post a Comment
Read more

Why can't I cancel a local notification in my iOS app?(in Swift)

Prelude I have mentioned the fact that I am working on my first iOS app in a number of my previous posts and as such I face a number of newbie/noob(?) problems. They are not really problems as much as they are simply things that I do not know, for e.g. the following, how do I get the day of the week? where is my string.replaceAll in Swift? knowing which local notification brought my app to foreground ? serving HTML content in an iOS app that works on iOS 7 and above Thankfully, I have managed to make at least one generic solution and contribute it to the community i.e. my open-source Xcode project template( HTML5StarterAppWithSwift ) which you can get from Github . So this post basically describes another very simple problem that I have found a solution to, but I do not fully understand why the problem was occurring in the first place. Introduction As I have mentioned in this post , my iOS app uses local notifications i.e. UILocalNotification   and i...
Post a Comment
Read more