5. Sencha Touch 2 overview
Sencha Touch Extensions for Azure
Azure Mobile Services overview
Access to data stored in Azure Mobile Services
Custom logic
Authentification
Demo
Agenda
6. Sencha Touch is a high-performance, HTML5
mobile app platform with over 50 built-in
components, themes for every mobile
platform, and a built-in MVC system.
Why Sencha Touch 2?
12. Move to Sencha Touch SDK directory
> cd /path/to/sencha-touch-sdk
Generate a new app skeleton
> sencha generate app MyApp /path/to/myapp
Initialize a new Sencha Touch app
14. Using default syntax
> sencha app build
[production|testing|native|package]
Using Ant
> sencha ant
[production|testing|native|package] build
Building a Sencha Touch 2 app
15. Start the local web server
> sencha web start
Browse localhost at port 1841
http://localhost:1841
Launching a Sencha Touch 2 app in browser
17. Using Sencha Cmd
> sencha package get touch-azure
Downloading on Sencha Market
https://market.sencha.com/extensions/sencha-
touch-extensions-for-windows-azure
Add as a dependency within your app
Adding the Azure extensions
21. Accelerate the deployment of your mobile
backend services to:
Store your data in the cloud with SQL Azure
Expose custom logic by API
Authenticate users
Push notifications
Consume tiers API
Azure Mobile Services overview
26. Create any data tables your Sencha Touch
application may require for application data
storage.
Add a new table to your mobile service
27. var SendGrid = require('sendgrid').SendGrid;
function insert(item, user, request) {
request.execute({
success: function() {
// Proceed insertion
request.respond();
// Send the email in the background
sendEmail(item);
}
});
function sendEmail(item) {
var sendgrid = new SendGrid('<username>', '<password>');
sendgrid.send({
to: '<email>',
from: '<from>',
subject: 'New to-do item',
text: 'A new to-do was added: ' + item.text
}, function(success, message) {
if (!success) console.error(message);
});
}
}
Send SMS from custom API