Book Image

Learning Firefox OS Application Development

By : Tanay Pant
Book Image

Learning Firefox OS Application Development

By: Tanay Pant

Overview of this book

With broad compatibility, the latest in web technologies, and powerful development tools, Firefox is a great choice for both web developers and end users. Firefox OS’s promotion of HTML5 as a first class citizen opens up the walled gardens of mobile application development for web developers. It is because of this initiative that no special SDKs are required to develop for Firefox OS. This book will help you excel in the art of developing applications for Firefox OS. It sequentially covers knowledge building, skills acquisition, and practical applications. Starting with an introduction to Firefox OS, usage of WebIDE, and then the application structure, this book introduces applications of increasing complexity with each chapter. An application that measures your tapping speed, a geolocation tagging application, and a photo editing and sharing application are the three applications that will be built from scratch. You will learn about topics such as the difference between various types of Firefox OS applications, application manifest files, offline apps, and designing principles for applications. You will also learn to test and submit the applications to the marketplace and finally maintain the repository of the Firefox OS application. By the end, you will be able to develop beautifully designed, fully-fledged, and rigorously tested Firefox OS applications and also share them at the Firefox OS Marketplace.
Table of Contents (17 chapters)
Learning Firefox OS Application Development
Credits
Foreword
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Running the application as a hosted application


As promised, we will now run this application as a hosted application. For this purpose, I will use XAMPP for Mac OS X to create a web server that will allow me to serve the hosted application.

Note

XAMPP is also available for Windows and Linux; you can download XAMPP from https://www.apachefriends.org/download.html.

Let's place all the application files in the htdocs folder and start the apache server. This will allow us to see the application when we type either localhost or 127.0.0.1 in our web browser.

Now, open WebIDE and click on New App. Select Open Hosted App. This will ask you to enter the manifest URL of the hosted app. Go ahead and enter the manifest URL of your application, which should be http://localhost/manifest.webapp. This will open your application along with all of its details, in the WebIDE.

You will notice that the application type has now changed to HOSTED WEB. As you can probably figure out, this is because we are now serving...