Modern applications: The WebAssembly & Serverless revolutions - in Action

The landscape for modern software development is changing. There are new ways ahead to build real cross-platform, native-like web-based client applications together with lightweight Cloud architectures. In this session, Christian Weyer will look at these options and gives you a practical introduction to the techniques and technologies that may shape your application's future. Come and feel the potential of WebAssembly and Serverless computing in Azure - in action!

Transcript

1. Modern applications: The WebAssembly & Serverless revolutions - in Action Christian Weyer @christianweyer CTO The Modern Web Tour
2. 2 § Founder & CTO at Thinktecture AG § Personal focus on § Mobile & web-based application architectures § Interoperability, cross-device § Pragmatic end-to-end solutions § Cloud-native & serverless architectures § Independent Microsoft Regional Director § Microsoft MVP for ASP.NET (Architecture) ASPInsider, AzureInsider § Google GDE for Web Technologies § christian.weyer@thinktecture.com § @christianweyer Christian Weyer Modern applications The WebAssembly & Serverless revolutions - in Action
3. 3 Modern applications? Modern applications The WebAssembly & Serverless revolutions - in Action
4. 4 Cross-platform clients Modern applications The WebAssembly & Serverless revolutions - in Action
5. 5 No app stores Modern applications The WebAssembly & Serverless revolutions - in Action
6. 6 Any code on the client Modern applications The WebAssembly & Serverless revolutions - in Action
7. 7 Data & business logic - available, scaleable, easy deployable Modern applications The WebAssembly & Serverless revolutions - in Action
8. 8 No servers Modern applications The WebAssembly & Serverless revolutions - in Action
9. 9 Any code on the server Modern applications The WebAssembly & Serverless revolutions - in Action
10. 10 … the language(s) you like … Modern applications The WebAssembly & Serverless revolutions - in Action
11. 11 A different approach for Microservices Serverless Modern applications The WebAssembly & Serverless revolutions - in Action
12. 12 What is Serverless, anyway? Modern applications The WebAssembly & Serverless revolutions - in Action
13. 13 § Serverless Compute → Azure Functions § Serverless Database → Azure Cosmos DB § Serverless Realtime → Azure SignalR Service § Serverless Events → Azure Event Grid § Serverless Workflows → Azure Logic Apps Azure Durable Functions § Serverless IoT → Azure IoT Hub § Serverless Analytics → Azure Application Insights § Serverless Containers → Azure Container Instances § ... and more ... https://azure.microsoft.com/en-us/overview/serverless-computing/ Modern applications Serverless in Azure The WebAssembly & Serverless revolutions - in Action
14. 14 Azure Functions Serverless Compute Modern applications The WebAssembly & Serverless revolutions - in Action
15. 15 § Azure Functions is code being triggered by an event § Basic principles enable powerful use cases § Triggers § Bindings § Two ways of operation § Cost-optimized, automatic scale (aka Consumption Plan) § Always-on, via Azure App Service § V2 Runtime built on .NET Core § Available for self-hosting Modern applications Azure Functions: Functions-as-a-Service The WebAssembly & Serverless revolutions - in Action
16. 16 § In portal, via CLI, or in IDE § Local tooling & runtime available § Debugging locally or remote § Multiple language bindings supported § C# & C# Script (CSX) § F# § JavaScript, TypeScript (node.js) § Java (preview) Modern applications Developing Functions The WebAssembly & Serverless revolutions - in Action
17. 17 § Incoming event triggers function § Input bindings enable easy access to data from various data sources § Output bindings offer easy access to outbound data sinks Modern applications Triggers & Bindings The WebAssembly & Serverless revolutions - in Action Your code logic Runtime Azure Function HTTP Trigger Storage Input Binding Push Notification Output Binding Database Output Binding Email Output Binding Azure Functions are not just a replacement for your Web APIs. They are an event-driven code execution hub (triggers) enabling easy integration with data sources (input bindings) and data sinks (output bindings) - and one type of event can be HTTPS requests.
18. 18 Azure Cosmos DB Serverless Database Modern applications The WebAssembly & Serverless revolutions - in Action
19. 19 § Globally distributed, elastically scalable § Fully managed by Azure § But not yet fully automatically scaling § Multi-model database § Key-value, document, graph ➔ NoSQL § Multiple APIs § DocumentDB, with SQL & JS APIs § MongoDB API § Cassandra API § Table Storage API § Graph Database with Gremlin API Modern applications Cosmos DB: A Database with Many Faces The WebAssembly & Serverless revolutions - in Action
20. 20 § Building event-driven architectures with Cosmos DB § Listening to Azure Cosmos DB collection for any changes § Inserts, updates, soft-deletes § Subscribe to collection changes § Can be used as a trigger for Functions Modern applications Cosmos DB Change Feed The WebAssembly & Serverless revolutions - in Action
21. 21 State of the art Modern Applications Modern applications The WebAssembly & Serverless revolutions - in Action
22. 22 § Single Page Applications (SPAs) are the new smart clients The WebAssembly & Serverless revolutions - in Action Modern applications Modern Applications & the Web
23. 23 Your native code in the browser WebAssembly Modern applications The WebAssembly & Serverless revolutions - in Action
24. 24 § Low-level bytecode for the Web (beyond asm.js) § Bring any language into the browser § Currently targeted at C/C++ (and Rust) § Achieve superior performance in certain cases § Goals § Fast, efficient, portable § Readable and debuggable § Use existing sandboxing tools § Don’t break the web The WebAssembly & Serverless revolutions - in Action Modern applications WebAssembly (WASM) https://twitter.com/getify/status/997098808344547328
25. 25 The WebAssembly & Serverless revolutions - in Action Modern applications WASM & JS Architecture (simplified) Compiler Parser JIT Web APIs (DOM, IndexedDb, File Storage etc.) Browser JavaScript (.js) HTML (.html) Inline JS JS Runtime WebAssembly (.wasm)
26. 26 The WebAssembly & Serverless revolutions - in Action Modern applications https://caniuse.com/#search=WebAssembly
27. 27 The WebAssembly & Serverless revolutions - in Action Modern applications WASM – A Simple Sample § Binary (.wasm) & text (.wat) format
28. 28 § Baremetal: WebAssembly Studio § Playing around with WASM in the browser § C/C++ tools & compilers § Binaryen: compiler and toolchain infrastructure library for WebAssembly, written in C++ § LLVM: The modern C/C++ compiler toolchain § Emscripten: LLVM-to-JavaScript-or-WASM compiler § Tools cross-compiling from major languages § Cheerp (from C++) § TeaVM (from Java) § Rust § mono-wasm (from C#) The WebAssembly & Serverless revolutions - in Action Modern applications WASM Tooling C / C++ Source code .wasm module HTML doc JS glue code Emscripten +
29. 29 § Mono is Microsoft’s strategy for cross-platform client applications § Xamarin is based on Mono, Unity as well § Support for .NET Standard § Mono team is working on tooling to compile Mono/.NET code to WASM § Aka ‘mono-wasm’ § JIT – for fast development cycles, including live reload § AOT – for optimized runtime deployment & execution The WebAssembly & Serverless revolutions - in Action Modern applications .NET & WASM C# WebAssembly LLVM bitcode mcs IL Mono AOT compiler LLVM WASM backend
30. 30 An experiment based on WASM ASP.NET Core Blazor Modern applications The WebAssembly & Serverless revolutions - in Action
31. 31 § Blazor is an experimental Single Page Application (SPA) framework based on .NET § Blazor projects run 100% in the browser * § On top of a WASM build of the Mono .NET runtime * § Compiled .NET assemblies are loaded into the browser and JIT compiled * § Uses Razor / .cshtml templates for rendering HTML / CSS § Uses C# for writing application logic The WebAssembly & Serverless revolutions - in Action Modern applications Blazor – WASM in action * as of July 23, 2018
32. 32 The WebAssembly & Serverless revolutions - in Action Modern applications Blazor Architecture* Compiler Parser JIT Web APIs (DOM, IndexedDb, File Storage etc.) Browser blazor.js Blazor page (.html) JS Runtime mono.wasm mono.js mscorlib.dll etc. myapp.dll * as of July 23, 2018
33. 33 § It is NOT about running any .NET Code just in the browser § We still have a sandbox § Various .NET Standard APIs will just not work in the browser § It is NOT a way to port Razor / MVC / server-side web applications to an SPA § It is NOT a way to bring XAML / WPF / Xamarin into the browser § You may want to look at the Ooui.WASM open source project for this § It is NOT production-ready § Therefore, it is NOT suitable for real-world applications (yet?) The WebAssembly & Serverless revolutions - in Action Modern applications What is Blazor NOT?
34. Modern applications: The WebAssembly & Serverless revolutions - in Action Christian Weyer @christianweyer CTO https://github.com/thinktecture/dotnetrocks-tour-europe-2018
35. 35 § Azure Functions Dependency Injection (with AutoFac) § https://github.com/introtocomputerscience/azure-function-autofac- dependency-injection § Processing 100,000 Events Per Second on Azure Functions § https://blogs.msdn.microsoft.com/appserviceteam/2017/09/19/processing- 100000-events-per-second-on-azure-functions/ § Azure Functions – Significant Improvements in HTTP Trigger Scaling § https://www.azurefromthetrenches.com/azure-functions-significant- improvements-in-http-trigger-scaling/ § Azure Functions: Cold Starts in Numbers § https://mikhail.io/2018/04/azure-functions-cold-starts-in-numbers/ The WebAssembly & Serverless revolutions - in Action Modern applications Resources
36. 36 § WebAssembly Specification § http://webassembly.github.io/spec/core/index.html § LVVM § https://llvm.org/ § Emscripten § http://kripken.github.io/emscripten-site/ § Mono & WebAssembly § http://www.mono-project.com/news/2018/01/16/mono-static-webassembly- compilation/ § ASP.NET Blazor § https://blazor.net/index.html The WebAssembly & Serverless revolutions - in Action Modern applications Resources