#NammaJUDCon. This presentation explains the concepts and featues of the AeroGear Mobile development project. The project is part of the JBoss community
This was presented at the JBoss Users and Developers Conference(JUDCon), Jan 2014, Bangalore
2. Gearing Up for Mobile
Development with AeroGear
Prajod Vettiyattil
@prajods
in.linkedin.com/in/prajod
2
Naveen Raj Balasubramaniam
@Naveenrajbala
in.linkedin.com/in/naveenraj
3. Agenda
A walk with AeroGear
Simplify mobile development
Front end development support
Server side development support
The Road Ahead
Summary
3
5. Mobile Development Framework
Local Data
Management
User Interaction
Management
Authentication /
Authorization
Communication
Framework
Native API handler
Patch / Version
Management
Management
Monitoring
UI Framework
Data
Management
Request
Processing
Authentication /
Authorization
Device Variant
Management
Communication
Framework
Metering /
Billing
Patch / Version
Management
Monitoring
Management
Server side Framework
5
User / Device
Registration
6. Mobile Development Framework
AeroGear features
Local Data
Management
User Interaction
Management
Authentication /
Authorization
Communication
Framework
Native API handler
Patch / Version
Management
Management
Monitoring
UI Framework
Data
Management
Request
Processing
Authentication /
Authorization
Device Variant
Management
Communication
Framework
Metering /
Billing
Patch / Version
Management
Monitoring
Management
Server side Framework
6
User / Device
Registration
8. And there are Frameworks
ā¢
ā¢
There are lot of technologies for every platform
Native and nonānative technologies
8
9. Overview of AeroGear
AeroGear is for mobile development
ā¢ A set of libraries
ā¢
ā¢
ā¢
ā¢
Android library, iOS library, JavaScript Library
AeroGear Connectivity
AeroGear Controller, Security
AeroGear Persistence
ā¢ Unified approach to development
ā¢ Multi-platform support
ā¢ Out of the box push notification and
security
9
10. Browser support in Aerogear
Currently AeroGear supports the following desktop
web browsers
ā¢ Firefox
ā¢ Chrome
ā¢ IE
ā¢ Safari
Currently AeroGear Supports the following mobile web
browsers.
ā¢ Android Browser
ā¢ Safari
In General all the web browsers with html5 support
will support Aerogear apps too
10
11. Mobile development options
Option 1: Mobile Browser app
Mobile Brower
HTML5,
CSS3, JS
11
ā¢ Mobile browser app(web
app)
ā¢ HTML5 + CSS3 +
javascript
ā¢ Most portable
ā¢ Platform independent
code
ā¢ No access to native
APIs
12. Mobile development options
Option 2: Native App
ā¢ Native apps
Native App
Native Device
APIs
12
ā¢ Platform dependent
ā¢ Uses native APIs
ā¢ Most powerful, least
portable
ā¢ Most popular among
users
ā¢ Best user experience
13. Mobile development options
Option 3: Hybrid App
ā¢ Hybrid apps, plugins
Native Shell
Mobile Brower
HTML5, CSS3,
JS
Bridge code
Native Device APIs
13
Developed as web apps
Deployed and run as native apps
Javascript calls the bridge code
Plugins for direct access to native
APIs
ā¢ Looks like a native app
ā¢ Has limitations in accessing native
APIs
ā¢ Cordova, PhoneGap, Appcelerator,
Sencha
ā¢
ā¢
ā¢
ā¢
14. Comparing the options
Mobile Brower
Native Shell
Mobile Brower
Native App
HTML5,
CSS3, JS
HTML5, CSS3,
JS
Bridge code
Native Device
APIs
Browser only
14
Native Device APIs
Native only
Hybrid(browser+native)
15. Which option is AeroGear for ?
ā¢ Primarily
ā¢ Client-server type of apps
ā¢ Browser only apps
ā¢ Hybrid apps
ā¢ Also
ā¢ Native apps
ā¢ The communication and server side
features
15
17. AeroGear Mobile Development
Aerogear makes front end development easier and
unified in the following platforms
ā¢ Android
ā¢ iOS
ā¢ Mobile web
For the server side, AeroGear touches the following areas
ā¢ Push Notification (Android, JS, iOS)
ā¢ Security
ā¢ More coming upā¦
17
18. Unified Development
Libraries for different platforms
ā¢ Java for Android
ā¢ JavaScript for web browsers
ā¢ Objective-C for iOS
ā¢ Unified approach
ā¢ Single application for multiple Mobile platforms
ā¢ Same deployment can be viewed by both mobile device
browsers and desktop browsers
18
19. Push Notification
Notifications are a popular method of communication
Push = messaging
from Server side
The why and how of notification
ā¢ Alert apps about events, updates
ā¢ High scalability
ā¢ Lightweight messages
App 7
Server
Push
Service
Push
19
23. User Interface Development
ā¢ UI Coding: Use HTML 5, CSS3 and
Javascript
ā¢ aerogear.js: javascript library
ā¢ REST: used for communications
23
24. AeroGear Development
Communication and Storage
Pipe
ā¢
ā¢
A connection made to the server
Connectivity to asynchronous data sources
Pipeline
pipe
Pipeline
ā¢
ā¢
A wrapper for a set of pipes
Has management features for pipes
DataManager
ā¢
ā¢
ā¢
Data connections
Data models
Data connection is represented as a Store
Store
ā¢
ā¢
24
Data Stores on the mobile platform
Eg: SQLite(iOS, Android), Web Storage(HTML5)
Data Manager
iOS
Store
Android
Store
Web
Store
25. JavaScript Development
Creating Pipeline and Pipes
Instantiate a Pipeline
Add pipes to the Pipeline
Name
URL
Using Data Manager and Store
Instantiate a DataManager
Adding stores to the DataManager
25
Type
26. JavaScript Development
Creating Pipeline and Pipes
var memberPipe = AeroGear.Pipeline([{
name: ā2014",
settings: {
baseURL: āJUDCon/ā
}
}
]).pipes.members;
The pipeās URL will then look like:
URL
Instantiate a data manager
var dataManager = AeroGear.DataManager(
"membersStore" ),
MemberStore =
dataManager.stores["membersStore"];
26
pipeās name
http://localhost/application_name/JUDCon/2014
Using Data Manager and Store
Assign a store
Instantiate a pipe
//Create a custom local store
var dManage =
AeroGear.DataManager({
name: "mySessionStorage",
type: "SessionLocal",
id: "customID"
});
27. Android Development
Pipeline and Pipes
public class MyActivity extends ListActivity {
Pipeline pipeline;
void onCreate() {
pipeline = new Pipeline("http://www.judcon.com");
pipeline.pipe(Car.class);
}
Pipeline
Operations
ā¢
ā¢
ā¢
ā¢
Read
Save
Update
Remove
void onStart() {
LoaderPipe<Car> pipe = pipeline.get("car", this);
pipe.read(new MyCallback());
}
}
27
28. Android Development contdā¦
SQLStore
Memory Store
28
Operations
StoreConfig sqlStoreConfig = new StoreConfig();
sqlStoreConfig.setContext(getApplicationContext());
sqlStoreConfig.setType(SQL);
sqlStoreConfig.setKlass(Data.class);
Store store = dataManager.store("sqlStore",
sqlStoreConfig);
((SQLStore))store).open(/*callback*/);
ā¢
ā¢
ā¢
ā¢
ā¢
Read
Save
Remove
Filter
Reset
StoreConfig memoryStoreConfig = new StoreConfig();
memoryStoreConfig.setContext(getApplicationContext());
memoryStoreConfig.setType(MEMORY);
memoryStoreConfig.setKlass(Data.class);
Store store = dataManager.store("memoryStore", memoryStoreConfig);
29. iOS Development
Pipeline and Pipes
// NSURL object:
NSURL* serverURL = [NSURL URLWithString:@"http://todoaerogear.rhcloud.com/todo-server/"];
Pipeline
Operations
ā¢
ā¢
ā¢
ā¢
29
Read
Save
Update
Remove
// create the 'todo' pipeline, which points to the baseURL
of the REST application
AGPipeline* todo = [AGPipeline
pipelineWithBaseURL:serverURL];
// Add a REST pipe for the 'projects' endpoint
id<AGPipe> projects = [todo pipe:^(id<AGPipeConfig>
config) {
[config setName:@"projects"];
// this is the default, can be emitted
[config setType:@"REST"];
}];
30. iOS Development contdā¦
SQLite
Memory Store
30
// create the datamanager
AGDataManager* dm = [AGDataManager manager];
// add a new (default) store object:
id<AGStore> store = [dm store:^(id<AGStoreConfig>
config) {
[config setName:@"tasks"];
[config setType:@"SQLITE"];
}];
Data
Operations
ā¢
ā¢
ā¢
ā¢
ā¢
Read
Save
Remove
Filter
Reset
// create the datamanager
AGDataManager* dm = [AGDataManager manager];
// add a new (default) store object:
id<AGStore> myStore = [dm store:^(id<AGStoreConfig> config) {
[config setName:@"tasks"];
}];
31. The server side components
AeroGear Controller
AeroGear Security
UnifiedPush
31
32. AeroGear Controller
What is the AeroGear Controller ?
ā¢ A lean MVC implemented in java
ā¢ Routes HTTP requests to plain Java Object endpoint, and
handles the results
ā¢ Can be deployed on any container supporting CDI(Context and
Dependency Injection)
public class Routes extends AbstractRoutingModule {
@Override
public void configuration() {
route()
.from("/").roles("admin")
.on(RequestMethod.GET)
.consumes(JSON)
.produces(JSP, JSON)
.to(Home.class).index();
}
}
32
33. AeroGear Controller continuedā¦
Routes
public class Routes extends AbstractRoutingModule {
@Override
public void configuration() {
route()
.from("/").roles("admin")
.on(RequestMethod.GET)
.consumes(JSON)
.produces(JSP, JSON)
.to(Home.class).index();
}
}
33
34. AeroGear Controller continuedā¦
Pagination
ā¢
ā¢
If a page is too long for the screen
Returns a limited number of elements
Sample code returning a page in AeroGear controller, with pagination
route()
.from("/cars")
.on(RequestMethod.GET)
.produces(JSON)
.to(Cars.class).findCarsBy(param(PaginationInfo.class), param("color"));
Error Handling
route()
.on(YourException.class)
.to(ExceptionHandler.class).errorPage();
34
35. Push Notification: Registration
1
2 User
Developer
Push Notification Server
Application
Registration
Storage
Sender
JBoss AS backend server
35
36. Push Notification: Runtime
Push Notification
Server
5
Application
Registration
Simple Push
Storage
4
Sender
GCM
APN
3
JBoss AS backend server
36
40. Push Notification: feature list
AeroGear Unified Push Notification Server
App 7
ā¢ Single unified push notification
ā¢ Single server for multiple apps and mobile platforms
ā¢ Currently supports Google Cloud Messaging, Apple
Push Notification
ā¢ Web push based on Mozillaās Simple Push
Unified Push Administration Console
ā¢
ā¢
ā¢
ā¢
40
A single place to manage configurations
Register new push apps
Register variants of platforms
Currently supported: Android, iOS and Simple push
variants
42. Security
AeroGear Security Implementation
ā¢ Providing integration with security providers like
PicketLink, Shiro
ā¢ Completely decoupled from the AeroGear controller
import org.jboss.aerogear.controller.spi.SecurityProvider;
public class AeroGearSecurityProvider implements SecurityProvider {
@Inject
private IdentityManagement identityManagement;
@Override
public void isRouteAllowed(Route route) throws ServletException {
if (!identityManagement.hasRoles(route.getRoles())) {
throw new AeroGearSecurityException(HttpStatus.AUTHENTICATION_FAILED);
}
}
42
}
43. Security: Filters and HSTS
Filters
ā¢ A security mechanism with many applications
ā¢ Eg: prevent ClickJacking
HSTS
ā¢ HTTP Strict Transport Security
ā¢ Force https usage
ā¢ Optional in AeroGear
43
44. Security: OTP
AeroGear OTP
ā¢ One time password
ā¢ Increased security while executing transaction
ā¢ OTP and AeroGear Security can be used together or
separately
// Get a userās otp
// verify the userās otp
public class Otp {
public User otp(SimpleUser user, String otp) {
@Inject
@Secret
private Instance<String> secret;
Totp totp = new Totp(secret.get());
boolean result = totp.verify(otp);
if (!result)
throw new RuntimeException("Invalid OTP");
@Inject
@LoggedUser
private Instance<String> loggedInUserName;
return user;
}
public String secret() {
return new
Totp(secret.get()).uri(loggedInUserName.get());
}
44
}
47. Summary
ā¢ What is Aerogear
ā¢ Supported platforms
ā¢ Front end development
ā¢ AeroGear Libraries for each platform
ā¢ Server side development
ā¢ AeroGear Push Notification
ā¢ AeroGear Security
47
