Firefox OS Manifest .htaccess Handler

By  on  

Want to know one of the secrets why Firefox OS is so incredibly awesome?  If you've created your website correctly, i.e. using CSS media queries (responsive design) and JavaScript feature detection, you can simply add an app.manifest file at the root of your domain and you've instantly created a Firefox OS app!  Of course you'll then want to list your app in the Firefox Marketplace.  The most frequent problem developers run into is with their app.manifest file not being served correctly.  With an update to the .htaccess file of the hosted app, that problem can go away!

The .htacess Code

The problem is that the manifest.webapp file isn't being served properly, so an AddType is the key:

AddType application/x-web-app-manifest+json .webapp

The .htaccess snippet above ensures that the manifest is served correctly, thus eliminating the annoying manifest error and letting you get your app listed on the Marketplace!

Recent Features

  • By
    CSS vs. JS Animation: Which is Faster?

    How is it possible that JavaScript-based animation has secretly always been as fast — or faster — than CSS transitions? And, how is it possible that Adobe and Google consistently release media-rich mobile sites that rival the performance of native apps? This article serves as a point-by-point...

  • By
    Send Text Messages with PHP

    Kids these days, I tell ya.  All they care about is the technology.  The video games.  The bottled water.  Oh, and the texting, always the texting.  Back in my day, all we had was...OK, I had all of these things too.  But I still don't get...

Incredible Demos

  • By
    Font Replacement Using Cufón

    We all know about the big font replacement methods. sIFR's big. Image font replacement has gained some steam. Not too many people know about a great project named Cufón though. Cufón uses a unique blend of a proprietary font generator tool...

  • By
    Animated AJAX Record Deletion Using Dojo

    I'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with Dojo JavaScript. The PHP - Content & Header The following snippet goes at the...

Discussion

  1. In my nginx config manifest listed as(taken from mime.types file):
    text/cache-manifest manifest;
    If based on your example it would be:
    application/x-web-app-manifest+json manifest

  2. Stanton Moreland

    This is a really helpful post as I was looking to add my app on the Firefox marketplace for some time now. I am going to check it out soon! Since I am huge fan of Firefox Add-on Builder and SDK, I want you to check this blog post regarding developing Firefox add-ons.

    http://groupdocs.com/blog/tech-blog/archive/2013/02/01/developing-firefox-add-ons-with-the-add-on-builder-and-sdk.html

    I use GroupDocs viewer plugin for Firefox and it has good performance for a browser-based app but this add-on post has me confused. Hoping to hear from you on this!

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!