I want to write my app for Firefox OS. What kind of languages (like Java for Android and Objective C++ for iOS) and tools (like Eclipse, Xcode) to use?
To do so, navigate to the webpage or web app you wish to use, then click Page actions (“…”) in the address bar and choose “Use This Site in App Mode.” When you do, the page/app will appear as a standalone app window, and shortcuts will appear on the desktop and in the Start menu.
Mozilla Firefox, or simply Firefox, is a free and open-source web browser developed by the Mozilla Foundation and its subsidiary, the Mozilla Corporation. It uses the Gecko rendering engine to display web pages, which implements current and anticipated web standards.
The Mozilla Foundation unveiled a Thunderbird-style email client for Android mobile devices called K-9 Mail.
Apps for Firefox OS (previously known as Boot to Gecko) are developed using HTML 5 and Javascript.
References:
http://www.mozilla.org/en-US/b2g/
https://developer.mozilla.org/en/Mozilla/Boot_to_Gecko/
You can use any web development tool you like. Firefox has a lot of built-in tools to check out: https://marketplace.mozilla.org/developers/docs/devtools The responsive mode tool is very useful for Firefox OS / mobile apps.
Besides tools, the most important skills to learn are techniques for building web apps: https://marketplace.mozilla.org/developers/docs/references
If you are a web developer, then I must say you are the master of Firefox OS already! It's all about HTML5, CSS and Javascript. Any development tool like Eclipse, Visual Studio, Notepad++, WebStorm and etc. can be used. But there is one and only difference between Web application and Firefox OS application. You have to add a manifest.webapp file in the root directory of your project. Let say your project files are like following
Now you have to add a manifest.webapp file in above and it should look like following
{
"name": "My App",
"description": "My elevator pitch goes here",
"launch_path": "/index.html",
"icons": {
"512": "/img/icon-512.png",
"128": "/img/icon-128.png"
},
"developer": {
"name": "Your name or organization",
"url": "http://your-homepage-here.org"
},
"default_locale": "en"
}
So your app is ready! What's next? App deployment ......
You can deploy your app as following ways..
Packaged App : All files will reside inside in your mobile Hosted app : Files will be hosted in a remote server like IIS, Apache and etc. Mobile will know the manifest.webapp file URL only.
And that's all about firefox os app development. I hope this post will help future beginner as I am very late to answer this question.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With