2. 10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
2
Wer bin ich?
• Selbständiger FileMaker Entwickler im Raum
München
• Beratung und Entwicklung seit über 10
Jahren
• Entwicklung von CustomApps und
Betreuung bestehender Lösungen
• FileMaker 12 bis 18 zertifiziert
• Zahlreiche Vorträge auf der FMK und dotfmp
• Mehr zu meiner Philosophie auf
www.agametis.de
3. 10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
3
swagger
terminal
routing
application/json
express
nodemon
vscode
header
body
response
json
parameter
package.json
npm
V8node_modules
query
axios
stateless
application layer
4. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
Lasst uns die Hände schmutzig machen
• Einrichten der Entwicklungsumgebung
• Erstes Node.js Projekt
• Kommunikation mit dem DAPI des FileMaker Servers
• auf der Kommandozeile (inkl. Schreiben auf die Festplatte )
• im Browser (Demo)
• Node.js at it's best: LogViewer für FMS Logs als Webanwendung
4
5. 10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
Beispiele und mehr
5
https://link.agacloud.net/fmk2019
fmk2019-HH
Quellcode und weitere Materialien unter
und auf
https://www.github.com/agametis
6. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
Entwicklungsumgebung - Einrichten
• Installation von Node.js
• https://nodejs.org/de/
• MacOS: Eventuell muss "xcode-select --install" ausgeführt werden
• Windows: Eventuell Haken bei "Tools für Native Modules" setzen
• Installation von Visual Studio Code von Microsoft (vscode)
• https://code.visualstudio.com/
• Ausführliche Informationen zur Einrichtung und Nutzung
• https://code.visualstudio.com/docs/setup/setup-overview
6
7. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
"Ein Bund fürs Leben"
7
• Das wichtigste Key-Binding in vscode
• Shift-Cmd-P unter Mac
• Shift-Ctrl-P unter Windows
• Öffnet die Kommandozeile (command pallete) in vscode
• Die Kommandozeile erlaubt den Zugriff auf wirklich alle Funktionen des Editors
8. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
It's all about tooling
• Funktionsumfang von vscode kann mit Erweiterungen vergrößert werden
• https://marketplace.visualstudio.com/VSCode oder direkt in vscode
• Sinnvolle Erweiterungen:
• "eslint" und "prettier"
• "brackets pair colorized 2" und "indent rainbow"
• "live server"
• "swagger viewer"
• "german language pack"
• Mono Schrift mit Ligaturen https://github.com/tonsky/FiraCode
• Mono Schrift mit Ligaturen und Kursiv https://github.com/kencrocken/
FiraCodeiScript
8
9. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
Projekt: Erstes Node.js Projekt
• Projektverzeichnis anlegen mit: mkdir ‹Verzeichnis›
• Verzeichnis wechseln mit: cd ‹Verzeichnis›
• Projekt initialisieren mit: npm init
• Editor starten: code .
• Der Punkt ist wichtig: damit wird das Arbeitsverzeichnis in vscode das
aktuelle Verzeichnis
• Info: mit npm install ‹package› kann ein Projekt um Pakete ergänzt werden
9
10. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
Projekt: Kommunikation mit dem DAPI
• Projektverzeichnis anlegen mit: mkdir ‹Verzeichnis›
• Verzeichnis wechseln mit: cd ‹Verzeichnis›
• Projekt initialisieren mit: npm init
• DAPI Paket installieren: npm install -D fms-api-client
• (was macht das D hier?)
• Editor starten: code .
• Info: mit "npm install ‹package›" kann ein Projekt um Pakete ergänzt werden
10
11. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
LogViewer für FMS Log Dateien
11
• Node.js Server zusammen mit FMS in der gleichen Umgebung installiert. Backend liest Log-
Dateien direkt aus dem „Logs“ Verzeichnis des FMS und bereitet es für das Frontend auf
• Download:
• https://github.com/agametis/fms-logviewer-frontend
• https://github.com/agametis/fms-logviewer-backend
Server
Node.js Server FileMaker Server
Backend mit
express.js
Client
“Logs” UnterverzeichnisWebfrontend mit
Vue und Vuetify
Lesen der Log-Dateien
von der Festplatte
12. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
Real-Time Logfiles-Viewer für FMS Logs
12
Demo
13. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
Fragen und Antworten
13
14. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
Vielen Dank
14
15. FileMaker Data API mit Node.js nutzen | Dr. Adam G. Augustin
10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
Vielen Dank unseren Sponsoren
Danke für das Bewerten dieses Vortrages