web apis

unleashing the power of open web apps

Germán Toro del Valle

gtorodelvalle@gmail.com

@gtorodelvalle

Slides: http://bit.ly/YEJnKl

Hashtag: #JornadasFirefoxOSBCN

Web (apps) today

this is unstoppable...

... but let's do it right

OPEN WEB APIS

https://developer.mozilla.org/en-US/docs/WebAPI

HANDS-ON: OUR OWN SMS APP

Manifest:

            {
              
"type": "certified",
              
"permissions": {
              
"sms":{}
              
}
              
}

HTML:

            <body>
              
<input type="text" id="number" placeholder="666666666"> <br/>
              
<textarea id="body" placeholder="Type your text..."></textarea> <br/>
              
<button id="send"> Send </button>
              
</body>

Javascript:

            var sms = navigator.mozSms;
              
sms.send(number.value, body.value);

web activities

SMS app manifest:

            ...,
              
"activities": {
              
"new": {
              
"filters": {
              
"type": "websms/sms",
              
"number": { "regexp":"/^[\\w\\s+#*().-]{0,50}$/" }
              
},
              
"disposition": "window"
              
},
              
...
              
}

Our Javascript code:

            var activity = new MozActivity({
              
name: 'new',
              
data: {
              
type: 'websms/sms',
              
number: number
              
}
              
});