Tester et déboguer votre application

Nous vous recommandons de créer votre application de traitement en local en suivant les étapes décrites précédemment, puis de tester l'intégration de votre maison connectée dans votre propre environnement d'hébergement en procédant comme suit:

  1. Dans votre propre environnement d'hébergement, diffusez la page HTML qui exécute votre application de traitement local. L'extrait de code suivant montre un exemple de fichier HTML statique exécutant votre application de traitement en local.

    <html>
  <head>
    <!-- Local Home SDK -->
    <script src="//www.gstatic.com/eureka/smarthome/smarthome_sdk.js"></script>
    <!-- Local app under development -->
    <script src="local_execution.js"></script>
  </head>

</html>

  2. Testez le contrôle des appareils.

  3. Déboguer depuis Chrome Utilisez des points d'arrêt et des journaux pour résoudre les problèmes liés à votre intégration.

  4. Modifiez et compilez votre code TypeScript, puis répétez ces étapes.

En répétant ce processus de compilation et de test, vous pouvez voir vos modifications en action rapidement et plus facilement afin de détecter et de déboguer plus facilement les problèmes liés à votre code.

Tester le contrôle de l'appareil

Dans la console d'action, vous devez spécifier l'URL de votre application Web, qui diffuse le code HTML chargé sur l'appareil Google Home ou Google Nest lors du traitement en local.

Pour tester le contrôle des appareils avec le traitement en local, procédez comme suit:

Chrome

  1. Ouvrez votre projet pour la maison connectée dans la console Actions.
  2. Dans le panneau de navigation de gauche, cliquez sur Actions.
  3. Sous Configurer le SDK Local Home (facultatif) > Saisissez votre URL de test pour Chrome, indiquez l'URL du serveur de développement qui diffuse le code HTML exécutant votre application de traitement en local.
  4. Cliquez sur Enregistrer. La propagation des modifications apportées à votre console peut prendre jusqu'à 30 minutes.
  5. Redémarrez votre appareil Google Home ou Google Nest de test.
  6. Envoyez une commande à votre appareil connecté. Par exemple, si votre appareil implémente la caractéristique OnOff, vous pouvez dire "Hey Google, allume la lumière".

Node.js

  1. Ouvrez votre projet pour la maison connectée dans la console Actions.
  2. Dans le panneau de navigation de gauche, cliquez sur Actions.
  3. Sous Configurer le SDK Local Home (facultatif) > Saisissez votre URL de test pour le nœud, spécifiez l'URL du serveur de développement qui diffuse le code JavaScript qui exécute votre application de traitement en local.
  4. Cliquez sur Enregistrer. La propagation des modifications apportées à votre console peut prendre jusqu'à 30 minutes.
  5. Redémarrez votre appareil Google Home ou Google Nest de test.
  6. Envoyez une commande à votre appareil connecté. Par exemple, si votre appareil implémente la caractéristique OnOff, vous pouvez dire "Hey Google, allume la lumière".

Pour en savoir plus sur l'environnement d'exécution utilisé par votre appareil, consultez la section Appareils compatibles.

.

Débogage depuis Chrome

Vous pouvez déboguer votre application de traitement en local à l'aide des Outils pour les développeurs Chrome. Avant de pouvoir procéder au débogage, assurez-vous que votre environnement est correctement configuré:

  • Vous avez défini votre URL de développement dans la console sur une URL accessible par l'appareil Google Home ou Google Nest (soit sur le réseau local, soit via Internet).
  • Votre ordinateur est connecté au même réseau local que l'appareil Google Home ou Google Nest que vous testez.
  • Votre réseau ne bloque pas les paquets entre les appareils.
  • Vous êtes connecté avec le même compte Google dans la console Actions et sur l'appareil Google Home ou Google Nest.
  • Vous avez mis à jour la réponse SYNC dans le traitement cloud. Il doit renvoyer au moins une valeur valide dans le champ otherDeviceIds.
  • Vous avez saisi les informations correctes pour la configuration d'analyse dans la console Actions.

Pour connecter votre application de traitement en local au débogueur Chrome DevTools, procédez comme suit:

Chrome

  1. Sur votre ordinateur de développement local, installez et lancez le navigateur Google Chrome.
  2. Dans le champ d'adresse du navigateur Chrome, lancez l'inspecteur Chrome en saisissant: chrome://inspect#devices. Une liste d'appareils devrait s'afficher sur la page, et votre fichier HTML devrait figurer sous le nom de votre appareil Google Home ou Google Nest de test.
  3. Cliquez sur le lien bleu "Inspecter" situé sous votre code HTML pour lancer les outils pour les développeurs Chrome. Passez à l'onglet Console. La plate-forme Local Home génère la version de votre application et la version du SDK Local Home dans le journal de la console. Si vous voyez le journal, cela signifie que Google a correctement chargé votre application et qu'il peut s'y connecter. Si ce n'est pas le cas, redémarrez votre appareil Google Home ou Google Nest.
    4. Figure 1: Application de traitement local dans chrome://inspect

Node.js

  1. Sur votre ordinateur de développement local, installez et lancez le navigateur Google Chrome.
  2. Déterminez l'adresse IP locale de votre appareil de test.
  3. Dans le champ d'adresse du navigateur Chrome, lancez l'inspecteur Chrome en saisissant: chrome://inspect#devices.
  4. Sélectionnez Configure (Configurer) pour ouvrir la page Target discovery settings (Paramètres de découverte cible).
    5. Figure 2: Paramètres de découverte des cibles dans chrome://inspect
  5. Saisissez DEVICE_IP_ADDRESS:9222 dans la liste, puis cliquez sur OK.
  6. Cliquez sur le lien bleu "Inspecter" situé sous votre script pour lancer les outils pour les développeurs Chrome. Passez à l'onglet Console. La plate-forme Local Home génère la version de votre application et la version du SDK Local Home dans le journal de la console. Si vous voyez le journal, cela signifie que Google a correctement chargé votre application et qu'il peut s'y connecter. Si ce n'est pas le cas, redémarrez votre appareil Google Home ou Google Nest.

Pour en savoir plus sur l'environnement d'exécution utilisé par votre appareil, consultez la section Appareils compatibles.

Conseils de débogage

Voici quelques éléments supplémentaires à prendre en compte lors du débogage:

  • N'associez pas plusieurs appareils Google Home ou Google Nest à votre compte de test sur le même réseau local. Vous ne pourrez pas contrôler quel appareil Google Home ou Google Nest est ciblé à l'aide des commandes de traitement en local.
  • Actualisez la page des outils pour les développeurs Chrome afin d'actualiser votre conteneur d'application de traitement en local avec le dernier code de votre URL de développement. Cela ne réinitialise pas la plate-forme Local Home, ce qui peut être nécessaire pour relancer les intents de la plate-forme (tels que IDENTIFY) dans votre application de traitement en local. Pour réinitialiser la plate-forme Local Home, redémarrez votre appareil Google Home ou Google Nest.
  • Vérifiez que votre application JavaScript se charge correctement. Pour ce faire, accédez à la section "Console" de la page "Outils de développement". En cas de problème, un message de ce type s'affiche: Uncaught TypeError: Cannot read property ‘open’ of null.
  • Le verificationId de la réponse IDENTIFY doit correspondre à l'un des otherDeviceIds de la réponse SYNC.
  • Pour le gestionnaire EXECUTE, assurez-vous que vos commandes HTTP, TCP ou UDP peuvent être reçues par votre appareil et fonctionnent comme prévu.
  • Veillez à renvoyer un Promise à partir des gestionnaires.
  • Évitez de conserver l'état global en mémoire. Consultez la section Cycle de vie de l'application.
  • Les erreurs générées par votre application de traitement en local apparaissent dans les journaux d'erreurs de votre projet.

Préparer et mettre en production

Lorsque vous êtes prêt à lancer votre action pour la maison connectée, procédez comme suit:

  1. Ouvrez un terminal. Dans le répertoire de votre projet, exécutez la commande npm run build. Cette commande génère les bundles JavaScript suivants pour votre application dans le répertoire dist :
    project-directory/
└── dist
 ├── web
 │    └── bundle.js
 └── node
      └── bundle.js
  2. Dans la console, importez votre application JavaScript en cliquant sur Develop > Actions (Développer > Actions). Dans la section Configurer le SDK Local Home, cliquez sur Importer des fichiers JavaScript.
    Figure 3: Importez votre application JavaScript
  3. Dans la boîte de dialogue Upload files (Importer des fichiers), importez les fichiers du groupe que vous avez générés précédemment. Veillez à importer les deux versions des fichiers du bundle (nœud, Web) afin que votre action soit configurée pour fonctionner correctement dans tous les environnements d'exécution compatibles avec le traitement en local.
    1. Importez votre ciblage JavaScript Node.js: importez le fichier bundle.js à partir du répertoire dist/node.
    2. Importez votre ciblage JavaScript Chrome (navigateur): importez le fichier bundle.js à partir du répertoire dist/web.
  4. Testez votre action sur un appareil avec Assistant Google intégré pour vérifier qu'elle se comporte comme prévu dans un environnement de production. Pour en savoir plus, consultez Tester et partager votre action de maison connectée.
  5. Lorsque vous êtes satisfait du fonctionnement de votre action, envoyez-la à Google pour le déploiement en production en suivant les instructions de la section Lancer votre action pour la maison connectée. Cela inclut l'exécution des étapes de demande d'autotest et de certification.
Précédent
Implémenter une application de traitement en local