Building Serverless Web Applications
with OpenWhisk
bluemix.net/openwhisk
Niklas Heidloff, IBM
Developer Advocate
@nheidloff
July 2017

What is ‘Serverless’ and ‘Function as a Service’ ?Serverless
• Existence of servers is hidden from developers
• Code is executed on-demand in an auto-scaled, managed
environment through event driven triggers
• Encourages and simplifies developing microservice-oriented
solutions via functions
@nheidloff

Why Serverless for Web Applications ?Serverless
• Often cheaper than other server-side compute options since
you only pay for the exact duration your code is executing
• Easier to operate than other compute options
– Example: Auto-scalability
– Example: Built-in API management
• Serverless functions can be built with JavaScript skills which
web developers have
@nheidloff

Apache OpenWhiskServerless
@nheidloff

DemosDemo
• Creation of simple JavaScript actions
• Web actions for anonymous access
• API management, including OAuth access
• Angular application accessing protected action
@nheidloff
Annotations in orange

Demo
@nheidloff
Create JavaScript Action

Demo
@nheidloff
Synchronous Action

Demo
@nheidloff
Asynchronous Action

Demo
@nheidloff
Invocation Results

Demo
@nheidloff
Local Development and CLI

Demo
@nheidloff
Monitoring and Logs

Demo
@nheidloff
Web Actions for anonymous Access

Demo
@nheidloff
Built-in API Management

Demo
@nheidloff
Require User Authentication

Demo
@nheidloff
Analytics for APIs

Demo
@nheidloff
API Explorer

Demo
@nheidloff
Creation of
Google Application

Demo
@nheidloff
Simple Angular Sample App

Demo
@nheidloff
Angular Code to
invoke the login

Demo
@nheidloff
Google Authentication OAuth Dance

Demo
@nheidloff
Simple Angular Sample App

Demo
@nheidloff
Angular Code to
invoke Action

Demo
@nheidloff
Simple Angular Sample App

Discussion
github.com/nheidloff/openwhisk-serverless-webapp
heidloff.net
bluemix.net/openwhisk
Niklas Heidloff, IBM
Developer Advocate
@nheidloff
July 2017