homebridge-hilo/homebridge-ui/public/index.html

Plugin Homebridge (non officiel) pour la passerelle et les appareils Hilo de Hydro-Québec | Unofficial Homebridge plugin for Hydro-Québec Hilo bridge and devices

<div class="card">
  <h3>Configuration de Hilo</h3>
  <div class="alert alert-info">
    <strong>Important:</strong> Assurez-vous que le port 8880 est accessible sur votre serveur Homebridge avant de commencer.
  </div>
  
  <h4>Étapes de configuration</h4>
  <ol>
    <li>
      <strong>Préparation</strong>
      <ul>
        <li>Notez l'adresse IP ou le nom de domaine de votre serveur Homebridge (généralement l'adresse dans votre navigateur)</li>
        <li>Vérifiez que le port 8880 est accessible :
          <ul>
            <li>Dans la plupart des cas, le port 8880 est accessible sans configuration supplémentaire</li>
            <li>Pour Docker : Ajoutez <code>-p 8880:8880</code> à votre commande</li>
            <li>Pour reverse proxy : Configurez le port 8880 dans votre configuration</li>
          </ul>
        </li>
      </ul>
    </li>
    <li>
      <strong>Authentification</strong>
      <ul>
        <li>Cliquez sur le bouton "Se connecter avec Hilo" ci-dessous</li>
        <li>Connectez-vous à votre compte Hilo</li>
        <li>Entrez l'URL de redirection : <code>http://[votre-ip]:8880</code> ou <code>http://[votre-domaine]:8880</code></li>
      </ul>
    </li>
    <li>
      <strong>Finalisation</strong>
      <ul>
        <li>Cliquez sur "Enregistrer" puis "Lier le compte"</li>
        <li>Note : La redirection vers Home Assistant est normale - le plugin utilise leur service de redirection</li>
        <li>Sauvegardez la configuration et redémarrez votre serveur Homebridge</li>
      </ul>
    </li>
  </ol>

  <button type="button" class="btn btn-primary" onclick="initiateAuth()">
    Se connecter avec Hilo
  </button>

  <hr>

  <h3>Hilo Configuration</h3>
  <div class="alert alert-info">
    <strong>Important:</strong> Ensure port 8880 is accessible on your Homebridge server before starting.
  </div>

  <h4>Configuration Steps</h4>
  <ol>
    <li>
      <strong>Preparation</strong>
      <ul>
        <li>Note your Homebridge server's IP address or domain name (usually the address in your browser)</li>
        <li>Ensure port 8880 is accessible:
          <ul>
            <li>In most cases, port 8880 is accessible without additional configuration</li>
            <li>For Docker: Add <code>-p 8880:8880</code> to your command</li>
            <li>For reverse proxy: Configure port 8880 in your configuration</li>
          </ul>
        </li>
      </ul>
    </li>
    <li>
      <strong>Authentication</strong>
      <ul>
        <li>Click the "Login with Hilo" button below</li>
        <li>Log in to your Hilo account</li>
        <li>Enter the redirect URL: <code>http://[your-ip]:8880</code> or <code>http://[your-domain]:8880</code></li>
      </ul>
    </li>
    <li>
      <strong>Finalization</strong>
      <ul>
        <li>Click "Save" then "Link account"</li>
        <li>Note: Redirection to Home Assistant is normal - the plugin uses their redirect service</li>
        <li>Save the configuration and restart your Homebridge server</li>
      </ul>
    </li>
  </ol>

  <button type="button" class="btn btn-primary" onclick="initiateAuth()">
    Login with Hilo
  </button>
</div>

<script>
  homebridge.showSchemaForm();
  async function initiateAuth() {
    try {
      const { authorizationURL } = await homebridge.request("/autorizationUrl");
      const callback = homebridge.request("/callback");

      window.open(authorizationURL, "_blank");

      const { accessToken, refreshToken, expiresIn } = await callback;
      const [config, ...otherConfigs] = await homebridge.getPluginConfig();
      await homebridge.updatePluginConfig([
        { ...config, refreshToken },
        ...otherConfigs,
      ]);
      await homebridge.savePluginConfig();
      homebridge.toast.success("Successfully authenticated with Hilo");
    } catch (error) {
      homebridge.toast.error("Authentication failed: " + error.message);
    }
  }
</script>