Zum Hauptinhalt springen

NFC mit Custom-Skripten in TheFlex

Einleitung: NFC in TheFlex – Anwendungsbeispiele & Überblick​

Mit der Integration von NFC-Funktionalität in TheFlex lassen sich typische Arbeitsabläufe, insbesondere im industriellen Umfeld, deutlich vereinfachen und beschleunigen. NFC-gestützte Prozesse erlauben es, relevante Informationen schnell, kontaktlos und benutzerfreundlich auf das Gerät zu übertragen oder auszugeben.

Typische Anwendungsfälle (Use Cases):

  • Schnelles Login an Geräten (z. B. morgens an einer Fertigungsstraße oder Bildschirm-Terminals)
  • Automatisiertes Ausfüllen von Formularen
  • Freigabe von Maschinen oder Räumen per induviduellem NFC-Chip
  • Dokumenten- oder Prüfschritt-Bestätigung im Fertigungsprozess
  • Kontaktloses Auslesen von Mitarbeiterausweisen

Login-Daten auf Ihren NFC-Chip in TheFlex schreiben​

Hinweis:
Das in TheFlex eingebaute Tool zum Schreiben auf NFC-Tags finden Sie unter Einstellungen > Nützliche Tools > NFC Writer. Dieses kleine NFC-Writer-Tool ist primär für Testzwecke und einfache Use Cases gedacht.
TheFlex wurde speziell dafür entwickelt, NFC-Tags auszulesen und mit den Daten automatisiert im Browser zu arbeiten.

Für das professionelle und sichere Schreiben von Login-Daten auf NFC-Tags empfehlen wir spezielle Tools oder Apps, die erweiterte Konfiguration und insbesondere Verschlüsselung anbieten.

caution

Warnung:
Passwörter sollten aus Sicherheitsgründen niemals unverschlüsselt auf NFC-Chips geschrieben werden, vor allem nicht im produktiven Einsatz!
Bitte verwenden Sie zum Schutz sensibler Daten immer eine Verschlüsselung und wählen Sie sichere, professionelle NFC-Schreiblösungen für kritische Anwendungsfälle!

Um Login-Daten mittels TheFlex auf einem NFC-Chip zu speichern, gehen Sie wie folgt vor:

  1. Navigieren Sie zu Einstellungen > Nützliche Tools > NFC Writer.
  2. Wählen Sie im Dropdown-Menü text/pg aus.
  3. Tragen Sie Ihre E-Mail-Adresse oder Ihren Benutzernamen in das erste Eingabefeld ein.
  4. Geben Sie Ihr Passwort in das zweite Eingabefeld ein.
  5. Halten Sie Ihren NFC-Chip an die Rückseite Ihres Geräts, bis es vibriert.
  6. Tippen Sie auf den blauen Button, um die Daten auf den NFC-Chip zu schreiben.

Wenn keine Fehlermeldung erscheint, können Sie zurückkehren und den NFC Reader öffnen. Wählen Sie erneut text/pg im Dropdown-Menü aus. Halten Sie den Chip an Ihr Gerät – nun sollten die zuvor gespeicherten Informationen angezeigt werden.

Ein eigenes Skript zum Auslesen des NFC-Chips erstellen​

Um sicherzustellen, dass das Skript ausschließlich auf der vorgesehenen Login-Seite ausgeführt wird, sollte die exakte URL der Login-Seite angegeben werden. Nachfolgend finden Sie ein Beispiel, wie ein automatisiertes NFC-Login-Skript für Microsoft aussehen kann. Nach dem Auslesen des NFC-Chips erfolgt der Anmeldevorgang automatisch:

document.addEventListener("deviceready", function() {
function showNFCData(username, password) {
alert("Benutzername: " + username + "\nPasswort: " + password);
var emailInput = document.querySelector('input[type="email"]');
var checkEmailInterval;
if (emailInput) {
  var emailAddress = username.toLowerCase();
  emailInput.value = emailAddress;
  emailInput.blur();
  checkEmailInterval = setInterval(function() {
    var emailConfirmationButton = document.querySelector('button, input[type="submit"]');
    if (emailConfirmationButton) {
      clearInterval(checkEmailInterval);
      emailConfirmationButton.click();
      checkPassword(password);
    }
  }, 1000);
}
}
function checkPassword(userPassword) {
var checkPasswordInterval = setInterval(function() {
var passwordInput = document.querySelector('input[type="password"]');
if (passwordInput) {
var confirmationButton = document.querySelector('input[type="submit"]');
if (confirmationButton) {
passwordInput.value = userPassword;
passwordInput.blur();
clearInterval(checkPasswordInterval);
confirmationButton.click();
}
}
}, 1000);
}
 function checkCheckbox() {
  var checkCheckboxInterval = setInterval(function() {
    var confirmationCheckbox = document.querySelector('input[type="checkbox"]');
    if (confirmationCheckbox) {
      clearInterval(checkCheckboxInterval);
      confirmationCheckbox.checked = true;
      var backButton = document.getElementById('idBtn_Back');
      if (backButton) {
        backButton.focus();
        backButton.click(); 
      }
    }
  }, 1000);
}
  checkCheckbox();
nfc.addNdefListener(
function (nfcEvent) {
var message = nfcEvent.tag.ndefMessage;
  var usernamePayload = message[0];
  var username = nfc.bytesToString(usernamePayload.payload).toLowerCase();
  var password = "";
  if (message.length > 1) {
    var passwordPayload = message[1];
    password = nfc.bytesToString(passwordPayload.payload);
  }
  showNFCData(username, password);
},
function () {
  console.log('Scan fehlgeschlagen');
}
);
});

FAQ​

Kann man auf regulären Desktop-Webseiten gezielt nur bestimmte Eingabefelder extrahieren und im TheFlex Browser anzeigen lassen?

Ja, es ist möglich, einzelne Felder aus einer Webseite mit Hilfe von Custom Scripts gezielt auszulesen und in eigenen Benutzeroberflächen im TheFlex Browser darzustellen. Dafür können beispielsweise JavaScript-Skripte verwendet werden, die gezielt die gewünschten Elemente anhand ihrer IDs oder Klassen selektieren und die relevanten Werte extrahieren.

Funktionieren Custom Scripts auch auf dynamischen Webseiten, die beispielsweise mit AJAX-Inhalten arbeiten?

Ja, Custom Scripts können auch auf dynamischen Webseiten angewendet werden. Es ist dabei wichtig, mit Mechanismen wie Mutation Observers, Events oder wiederkehrenden Abfragen (z. B. setInterval) auf das Nachladen oder Ändern von DOM-Elementen zu reagieren, damit die gewünschten Funktionalitäten immer am richtigen Moment ausgeführt werden.

Können Funktionen wie NFC oder OCR automatisch gestartet werden, wenn ein Benutzer auf bestimmte Eingabefelder oder Buttons klickt, ohne dass die ursprüngliche Webseite verändert werden muss?

Ja, durch Custom Scripts lassen sich mittels Event Listener (z. B. auf Klicks für bestimmte Eingabefelder oder Buttons anhand ihrer ID) externe Funktionen wie NFC-Lesen/-Schreiben oder OCR-Erkennung auslösen, ohne die Ursprungsseite selbst ändern zu müssen. Zum Beispiel kann das Klicken auf ein bestimmtes Feld automatisch den NFC-Scan oder den OCR-Vorgang starten.

Welche Sicherheitsaspekte sind beim Speichern von Login-Daten auf NFC-Chips zu beachten?

NFC-Chips speichern Daten in der Regel unverschlüsselt. Es wird empfohlen, sensible Informationen zu verschlüsseln und – wenn möglich – nur temporär auf den Chip zu schreiben. Außerdem sollten geeignete Berechtigungen und eine sichere Handhabung gewährleistet sein.

Sind Zugriffsprotokolle oder Fehlerberichte verfügbar, um Probleme bei NFC-Transaktionen nachzuvollziehen?

Je nach Implementierung können Protokolle, Fehlerausgaben oder Logs zur Fehlerdiagnose aktiviert werden. Diese ermöglichen es, Prozesse und mögliche Fehlerquellen bei der Nutzung nachzuvollziehen.

Was passiert, wenn ein NFC-Tag beschädigt oder nicht kompatibel ist?

Das Skript kann Fehler beim Auslesen oder Schreiben erkennen und entsprechende Meldungen anzeigen. Es empfiehlt sich, eine Fehlerbehandlung sowie eine Kompatibilitätsprüfung in die Implementierung zu integrieren.