GIF on, Firefox!

The Firefox Marketplace allows to publish HTML5 apps to be distributed to a variety of platforms.

I'll explain how to publish an existing web app (http://gifalicious.net) in the Firefox Marketplace.

See the original slides: http://ro-ka.github.io/presentation-gif-on-firefox/?full#Cover

Transcript

1. GIF on, Firefox! by Robert Katzki
2. The Firefox Marketplace is an open and non-proprietary online marketplace for Web applications built using HTML5. “ 2
3. Fantastic! What do we need?
4. A working web app.
6. gifalicious: 6
7. Make it work offline.
8. CACHE MANIFEST # rev 1 - 2014-02-14T15:36:20.424Z CACHE: images/8fe8c56f.logo.png scripts/dd2dc3b0.main.js styles/07335839.main.css NETWORK: * /_api/* 01. 02. 03. 04. 05. 06. 07. 08. 09. 8
9. Add app logo.
10. Recommended sizes: •  16px * 16px •  30px * 30px •  32px * 32px •  48px * 48px •  60px * 60px •  64px * 64px •  90px * 90px •  120px * 120px •  128px * 128px •  256px * 256px 10
11. More logo files!
13. Automate using Grunt. 13
14. Add manifest.webapp
15. { "name": "gifalicious", "description": "… the best animated gifs …", "version": "1.0.0", "developer": { "name": "Robert Katzki", "url": "http://katzki.de" }, … 01. 02. 03. 04. 05. 06. 07. 08. 09. 15
16. … "icons": { "16": "/logos/firefox-icon-16x16.png", "30": "/logos/firefox-icon-30x30.png", … }, "launch_path": "index.html", "appcache_path": "manifest.appcache", … 01. 02. 03. 04. 05. 06. 07. 08. 09. 16
17. … "type": "web", "permissions": { "systemXHR": { "description": "Communicate with the server." } } } 01. 02. 03. 04. 05. 06. 07. 08. 17
18. Type?
19. Regular web app, running from own server. The default. web
20. Packaged app with advanced WebAPI access, approved by app store. privileged
21. Only system apps. Access to critical WebAPIs. certified
22. Permissions?
23. Web app •   alarms •   audio-capture (Prompt) •   audio-channel-normal •   desktop-notification (Prompt) •   fmradio •   geolocation (Prompt) •   push •   storage 23
24. Privileged app •   audio-channel-alarm •   browser •   contacts (Prompt) •   device-storage:music|pictures|sdcard|videos (Prompt) •   keyboard •   mobilenetwork •   systemXHR •   tcp-socket 24
25. Certified app •   backgroundservice •   bluetooth •   camera •   permissions •   power •   settings •   sms •   telephony 25
26. Permissions are not guaranteed
27. Debug
28. App Manager
30. Regular Developer Tools
32. Publish
33. Select platforms
37. Thanks!
38. Questions?
39. 26./27. April, Hamburg http://2014.jsunconf.eu/ 39