Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Creating Real Time Cross Platform Apps With Angular, ASP.NET Core and SignalR
Fabian Gosebrink
June 25, 2019
Technology
1
91
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
Fabian Gosebrink
June 25, 2019
Tweet
Share
More Decks by Fabian Gosebrink
See All by Fabian Gosebrink
fabiangosebrink
0
38
fabiangosebrink
0
68
fabiangosebrink
1
95
fabiangosebrink
0
33
fabiangosebrink
0
110
fabiangosebrink
0
87
fabiangosebrink
0
220
fabiangosebrink
0
36
fabiangosebrink
0
2k
Other Decks in Technology
See All in Technology
sat
1
970
shirayanagiryuji
0
1.5k
kaga
0
190
hacker2202
0
750
iqbocchi
0
520
clustervr
0
190
pinboro
1
1.4k
ocise
1
1.3k
ama_ch
0
3.3k
vkbaba
0
110
line_developers
PRO
3
470
kawaguti
0
110
Featured
See All Featured
shlominoach
176
7.4k
destraynor
223
47k
lynnandtonic
270
16k
marcelosomers
220
15k
davidbonilla
69
3.5k
erikaheidi
13
4.2k
addyosmani
494
110k
orderedlist
PRO
329
35k
andyhume
62
3.3k
dotmariusz
94
5.1k
colly
66
3k
jacobian
255
20k
Transcript
Creating real time Cross-Platform Apps
Creating real time Cross-Platform Apps Angular
Creating real time Cross-Platform Apps Angular ASP.NET Core
Creating real time Cross-Platform Apps Angular ASP.NET Core SignalR
Creating real time Cross-Platform Apps Angular ASP.NET Core SignalR Cordova
Creating real time Cross-Platform Apps Angular ASP.NET Core SignalR Cordova
Electron
Creating real time Cross-Platform Apps Angular ASP.NET Core SignalR Cordova
Electron
Let's talk about
None
Mobile Desktop Web
so much More
None
None
Server Client HTTP WS
ASP.NETCORE
None
None
None
None
SignalR
None
None
Transport
Transport Websockets
Websockets Server Sent Events Transport
Websockets Server Sent Events Long Polling Transport
Hub
None
None
None
Injecting the client
None
None
None
None
@aspnet/Signalr
None
None
None
None
Demo
None
“[…] 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."
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 …
> npm install cordova -g
> cordova create myFirstApp
None
Information Features Plugins Settings
None
> cordova platform add android
> cordova build
deviceready pause resume backbutton menubutton searchbutton startcallbutton endcallbutton volumedownbutton volumeupbutton
activated
None
None
None
None
None
Demo
None
None
"Electron is a tool for building Cross- Platform Desktop Apps
with Javascript, Html and CSS"
None
None
> npm install electron -g
None
index.js
index.html
> electron .
None
None
None
None
None
None
Communication
IPC
renderer.js
index.js
Operating System
None
index.js
index.js
> npm install ngx-electron
service.ts
> npm install electron-packager -g
> electron-packager .temp/desktop
> electron-packager .temp/desktop --platform=linux, win32
•Automatic updates •Crash reports •Content tracing •Installation packages
None
Demo
“Cross-Platform? What about variation points?"
Dependency Injection
None
None
None
None
None
None
None
Environments!
Demo
One Code every platform
One Codebase every platform
Fabian Gosebrink http://offering.solutions http://github.com/FabianGosebrink http://fabian-gosebrink.com @FabianGosebrink