GraphQL API Tutorial: Pair and Assign Content to Screen

In diesem Tutorial zeigen wir Ihnen, wie Sie einen neuen Bildschirm koppeln und Inhalte zuweisen, um ihn über die API einsatzbereit zu machen. Im Allgemeinen umfasst dies 2 Schritte. Zuerst müssen Sie den Bildschirm mit Ihrem Konto koppeln. Anschließend müssen Sie den Bildschirm aktualisieren, um ihn umzubenennen und die Inhalte zuzuweisen, die auf dem Bildschirm wiedergegeben werden sollen.

1. Bildschirm koppeln

Um einen Bildschirm zu koppeln, müssen Sie die pairDevice-Mutation verwenden. Geben Sie den Kopplungscode, den Sie vom Bildschirm erhalten, als Argument in der Payload an. Bei erfolgreicher Ausführung werden die angeforderten Daten vom Server zurückgegeben und dem Bildschirm wird eine ID zugewiesen. Diese ID wird im nächsten Schritt benötigt, um den Bildschirm umzubenennen und Inhalte zuzuweisen.

mutation {
  pairDevice(payload:{pairingCode:"3JRKC8"}){
          _id,
          deviceName,
          UUID,
          pairingCode,
          currentType,
          currentAssetId,
          localAppVersion
  }
}

2. Gekoppelten Bildschirm umbenennen und Asset/Playlist dem Bildschirm zuweisen

Um den Bildschirmnamen zu ändern oder die dem Bildschirm zugewiesenen Inhalte zu ändern, können Sie die updateDevice-Mutation verwenden. Sie müssen die Bildschirm-ID aus dem vorherigen Schritt angeben und in der Payload festlegen, wie Sie das Gerät ändern möchten.

mutation {
  updateDevice(_id:"6682d6d553fca60012953e17",payload: {deviceName: "GraphAPI Test",
    currentType: ASSET,
    currentAssetId: "uRQynMhDsJ6QY35Wf",
    orientation: LANDSCAPE}){
          _id,
          deviceName,
          UUID,
          pairingCode,
          currentType,
          currentAssetId,
          localAppVersion
  }
}

Um eine Playlist dem Bildschirm zuzuweisen, erfolgt dies auf die gleiche Weise wie bei der Zuweisung eines Assets. Sie müssen lediglich den currentType auf PLAYLIST ändern und die Playlist-ID angeben.

mutation {
  updateDevice(_id:"6126edf99834540019b30ff1",payload: {deviceName: "GraphAPI Test",
    currentType: PLAYLIST
    currentAssetId: "d87B9ARKPyH8YYBbs",
    orientation: LANDSCAPE}){
          _id,
          deviceName,
          UUID,
          pairingCode,
          currentType,
          currentAssetId,
          localAppVersion
  }
}

Vorheriger Artikel - Erste Schritte

Nächster Artikel - Tutorial: Elemente in Playlists erstellen, aktualisieren, hinzufügen und entfernen