« HE:labs
HE:labs

Olá, Firefox OS

Postado por Francisco Martins em 23/01/2014

Já faz um tempo que eu curto desenvolvimento de apps para smartphones. Falei anteriormente sobre Rubymotion para iOS e agora vou falar sobre a minha pequena experiência com Firefox OS há pouco tempo. Conheci esse OS na Campus Party 2013 e curti bastante o conceito: uma plataforma que nativamente tem apps em HTML/JS/CSS.

Foi uma experiência interessante e é sobre isso que eu vou falar nesse post.

Hoje, o Firefox OS ainda não tem muita aceitação e dificilmente conquistará uma parcela significativa no mercado de smartphones. Isto deve-se por não ser fácil competir com a Apple, Google e Microsoft, mas apesar disso, eu tinha vontade de me aventurar nessa plataforma.

Nosso cliente na HE:labs pediu que transformássemos seu site num aplicativo para essa plataforma. Eu, de prontidão, tomei a frente e peguei a tarefa para mim.

A primeira coisa que você precisa entender é: existem 2 tipos de aplicativos que podemos fazer (Packaged e hosted).

Minha tarefa era transformar o site em um app instalável para FFOS. Então, é um hosted. Se você for usar arquivos locais e fazer requisições com ajax, é um app Packaged.

É bem simples: seu site precisa fornecer um arquivo de manifesto com a extensão .webapp e o Content-Type da resposta deve ser "application/x-web-app-manifest+json". Por exemplo: http://meusite.com/manifest.webapp retorna uma resposta com um json no formato abaixo:

 1 {
 2     "version": "1.0",
 3     "name": "Nome do Site",
 4     "description": "",
 5     "launch_path": "/",
 6     "icons": {
 7       "128": "/images/icon-128.png"
 8     },
 9     "developer": {
10       "name": "Seu nome aqui",
11       "url": "http://seusiteaqui.com.br"
12     },
13     "installs_allowed_from": ["*"],
14     "default_locale": "pt-BR"
15   }

Em desenvolvimento, é possível testar isso usando o curl e o simulador do FFOS.

1 $ curl -I http://localhost:3000/manifest.webapp
2  HTTP/1.1 200 OK
3  Content-Type: application/x-web-app-manifest+json
4  ...

Para validar seu manifesto, você pode usar o validador da Mozilla. A documentação completa você encontra aqui.

Se você tiver um site com visual mobile first ou responsivo, é super fácil. E ainda, se preferir um app Packaged, o manifest vai ser um arquivo local junto com o html, css e js.

Para testar no simulador do FFOS, você deverá instalar o simulador como um plugin do Firefox, disponível aqui.

Compartilhe

Sabia que nosso blog agora está no Medium? Confira Aqui!