Creating Real Time Cross Platform Apps With Angular, ASP.NET Core and SignalR

Slides for my talk about Creating Real Time Cross-Platform Apps at the DWX 2019 in Nuremberg

Transcript

1. Creating real time Cross-Platform Apps
2. Creating real time Cross-Platform Apps Angular
3. Creating real time Cross-Platform Apps Angular ASP.NET Core
4. Creating real time Cross-Platform Apps Angular ASP.NET Core SignalR
5. Creating real time Cross-Platform Apps Angular ASP.NET Core SignalR Cordova
6. Creating real time Cross-Platform Apps Angular ASP.NET Core SignalR Cordova Electron
7. Creating real time Cross-Platform Apps Angular ASP.NET Core SignalR Cordova Electron
8. Let's talk about
10. Mobile Desktop Web
11. so much More
14. Server Client HTTP WS
15. ASP.NETCORE
20. SignalR
23. Transport
24. Transport Websockets
25. Websockets Server Sent Events Transport
26. Websockets Server Sent Events Long Polling Transport
27. Hub
31. Injecting the client
36. @aspnet/Signalr
41. Demo
43. “[…] enables software programmers to build applications for mobile devices using CSS3, HTML5, and JavaScript instead of relying on platform-specific APIs like those in Android, iOS, or Windows Phone."
44. Cordova Application Mobile System Web App Plugins HTML APIs OS API OS API HTML Rendering (WebView) Cordova APIs Camera Battery Contacts Device Geolocation Media Vibration Splashscreen Dialogs Custom Cordova native APIs Amazon Fire Blackberry Tizen FirefoxOS …
45. > npm install cordova -g
46. > cordova create myFirstApp
48. Information Features Plugins Settings
50. > cordova platform add android
51. > cordova build
52. deviceready pause resume backbutton menubutton searchbutton startcallbutton endcallbutton volumedownbutton volumeupbutton activated
58. Demo
61. "Electron is a tool for building Cross- Platform Desktop Apps with Javascript, Html and CSS"
64. > npm install electron -g
66. index.js
67. index.html
68. > electron .
75. Communication
76. IPC
77. renderer.js
78. index.js
79. Operating System
81. index.js
82. index.js
83. > npm install ngx-electron
84. service.ts
85. > npm install electron-packager -g
86. > electron-packager .temp/desktop
87. > electron-packager .temp/desktop --platform=linux, win32
88. •Automatic updates •Crash reports •Content tracing •Installation packages
90. Demo
91. “Cross-Platform? What about variation points?"
92. Dependency Injection
100. Environments!
101. Demo
102. One Code every platform
103. One Codebase every platform
104. Fabian Gosebrink http://offering.solutions http://github.com/FabianGosebrink http://fabian-gosebrink.com @FabianGosebrink