This document discusses building serverless web applications using Apache OpenWhisk. It defines serverless and function as a service (FaaS), noting that servers are hidden from developers and code is executed on-demand through event triggers. It explains that serverless is often cheaper than other options since developers only pay for the duration of code execution. It also notes that serverless functions can leverage existing JavaScript skills of web developers. The document then demonstrates creating and invoking JavaScript actions on OpenWhisk, including creating web actions, API management with OAuth, and integrating an Angular application to access protected actions.

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

2. 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

3. 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

4. Apache OpenWhiskServerless
@nheidloff

5. 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

6. Demo
@nheidloff
Create JavaScript Action

7. Demo
@nheidloff
Synchronous Action

8. Demo
@nheidloff
Asynchronous Action

9. Demo
@nheidloff
Invocation Results

10. Demo
@nheidloff
Local Development and CLI

11. Demo
@nheidloff
Monitoring and Logs

12. Demo
@nheidloff
Web Actions for anonymous Access

13. Demo
@nheidloff
Built-in API Management

14. Demo
@nheidloff
Require User Authentication

15. Demo
@nheidloff
Analytics for APIs

16. Demo
@nheidloff
API Explorer

17. Demo
@nheidloff
Creation of
Google Application

18. Demo
@nheidloff
Simple Angular Sample App

19. Demo
@nheidloff
Angular Code to
invoke the login

20. Demo
@nheidloff
Google Authentication OAuth Dance

21. Demo
@nheidloff
Simple Angular Sample App

22. Demo
@nheidloff
Angular Code to
invoke Action

23. Demo
@nheidloff
Simple Angular Sample App

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