Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Fb89953d3a1b1fcb862a186585c37c25?s=47 Fabian Gosebrink
June 25, 2019
Technology
1
160

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

Fb89953d3a1b1fcb862a186585c37c25?s=128

Fabian Gosebrink

June 25, 2019
Tweet

More Decks by Fabian Gosebrink

See All by Fabian Gosebrink
Angular Architectures with NgRx Stores & Effects
Fb89953d3a1b1fcb862a186585c37c25?s=48 fabiangosebrink
0
90
Business Architectures with Angular Libraries, NX and Monorepos
Fb89953d3a1b1fcb862a186585c37c25?s=48 fabiangosebrink
0
29
Angular Testing with Jest and Cypress
Fb89953d3a1b1fcb862a186585c37c25?s=48 fabiangosebrink
0
88
Angular Testing with Jasmine, Karma and Cypress
Fb89953d3a1b1fcb862a186585c37c25?s=48 fabiangosebrink
0
430
NX-Workspace: Simplified scaling for large Angular Projects
Fb89953d3a1b1fcb862a186585c37c25?s=48 fabiangosebrink
0
260
Detecting and solving pain points in Angular Applications
Fb89953d3a1b1fcb862a186585c37c25?s=48 fabiangosebrink
0
350
Angular Reactive Forms Developing Forms and Validation with Angular
Fb89953d3a1b1fcb862a186585c37c25?s=48 fabiangosebrink
0
740
Realtime Cross Plattform Apps with Angular, ASP.NET Core and SignalR
Fb89953d3a1b1fcb862a186585c37c25?s=48 fabiangosebrink
0
660
Cross Platform Apps with Cordova, Electron and Angular
Fb89953d3a1b1fcb862a186585c37c25?s=48 fabiangosebrink
0
280

Other Decks in Technology

See All in Technology
Target SDK Versionを上げない Notification runtime permission対応
0c5e92294cc0cfba620641c589db9378?s=48 napplecomputer
0
140
Build 2022で発表されたWindowsアプリ開発のあれこれ振り返ろう
49bf5c26799bbfb3d445c757c1fe8374?s=48 hatsunea
1
380
スクラムのスケールとチームトポロジー / Scaled Scrum and Team Topologies
4dd89003cc8fe9f21d67b0c99b773436?s=48 daiksy
1
440
IoTLT88-NTKanazawa-laundry-dry
4256c3dc4c4b6933bb2ffb4176a595a0?s=48 yukima0707
0
230
JAWS-UG re:Habilitaion 報告 / JAWS-UG OITA rehabilitation
5acaf9241f1c2e50f3bff920050ae597?s=48 hiranofumio
0
130
今どきのLinux事情
4241bfe2a981350a7950f3875d9f441a?s=48 tokida
40
34k
GeoLocationAnchor and MKTileOverlay
61a68b2172503ecdf7a7f7757df56071?s=48 toyship
0
110
The Fractal Geometry of Software Design
B90ab53ba7cf16ed1a4bb679cc6751d7?s=48 vladikk
1
1.1k
さいきんのRaspberry Pi。 / osc22do-rpi
74476e142a767a018d68c5e72e34ee2f?s=48 akkiesoft
6
5.2k
データ分析で切り拓け！ エンジニアとしてのデータ分析職キャリア戦略
43ba5a2227c580ce2290544d81c6261c?s=48 ksnt
0
160
FoodTechにおける商流・金流・物流の進化/Evolution of Commercial, Financial, and Logistics in FoodTech
Ff655584d57df8448153fa618cc86db3?s=48 dskst
0
410
Lessons Learned from Scaling Infrastructure as Code
Be8b596c46f4c9a1aec6a7586af33134?s=48 joatmon08
0
800

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
The Brand Is Dead. Long Live the Brand.
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
46
2.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
13k
Java REST API Framework Comparison - PWX 2021
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
11
4.7k
Build your cross-platform service in a week with App Engine
5f83ef806155b403c3393160ce51f955?s=48 jlugia
219
17k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
125
11k
Code Reviewing Like a Champion
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
506
37k
Designing Experiences People Love
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
130
22k
Fontdeck: Realign not Redesign
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
4.1k
StorybookのUI Testing Handbookを読んだ
50fc0fdc2327ecbe7350645812de52e3?s=48 zakiyama
5
2.3k
The World Runs on Bad Software
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
57
5.3k
The Art of Programming - Codeland 2020
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
32
11k

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

  9. None

  10. Mobile Desktop Web

  11. so much More

  12. None
  13. None

  14. Server Client HTTP WS

  15. ASP.NETCORE

  16. None
  17. None
  18. None
  19. None

  20. SignalR

  21. None
  22. None

  23. Transport

  24. Transport Websockets

  25. Websockets Server Sent Events Transport

  26. Websockets Server Sent Events Long Polling Transport

  27. Hub

  28. None
  29. None
  30. None

  31. Injecting the client

  32. None
  33. None
  34. None
  35. None

  36. @aspnet/Signalr

  37. None
  38. None
  39. None
  40. None

  41. Demo

  42. None

  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

  47. None

  48. Information Features Plugins Settings

  49. None

  50. > cordova platform add android

  51. > cordova build

  52. deviceready pause resume backbutton menubutton searchbutton startcallbutton endcallbutton volumedownbutton volumeupbutton

    activated
  53. None
  54. None
  55. None
  56. None
  57. None

  58. Demo

  59. None
  60. None

  61. "Electron is a tool for building Cross- Platform Desktop Apps

    with Javascript, Html and CSS"
  62. None
  63. None

  64. > npm install electron -g

  65. None

  66. index.js

  67. index.html

  68. > electron .

  69. None
  70. None
  71. None
  72. None
  73. None
  74. None

  75. Communication

  76. IPC

  77. renderer.js

  78. index.js

  79. Operating System

  80. None

  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

  89. None

  90. Demo

  91. “Cross-Platform? What about variation points?"

  92. Dependency Injection

  93. None
  94. None
  95. None
  96. None
  97. None
  98. None
  99. None

  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