> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Diffusion de graphiques natifs avec VNC

> Replit propose une fonctionnalité de réseau informatique virtuel (VNC). VNC est un protocole de bureau virtuel mature qui permet à votre application Replit de diffuser un bureau natif vers votre navigateur Web. Ce protocole permet aux applications natives (développées en Python, Java, C++, etc.) d'ouvrir des fenêtres de bureau comme sur n'importe quel ordinateur physique.

Cette technologie de diffusion vous permet de travailler avec des applications héritées dans votre navigateur depuis n'importe quel appareil ! Par exemple, vous pourriez exécuter un jeu Python conçu pour ordinateur directement sur votre téléphone mobile ou votre tablette sans apporter de modifications au code sous-jacent.

<a href="https://replit.com/@demcrepl/Tetris-in-Pygame" target="_blank">Tetris (propulsé par PyGame)</a>

<img src="https://mintcdn.com/replit/0ixNWaRF232g0Gwn/images/vnc/tetris.png?fit=max&auto=format&n=0ixNWaRF232g0Gwn&q=85&s=ddf138f52d698a6baa7532ad74e88492" alt="image de Tetris dans une application Replit" width="2055" height="1057" data-path="images/vnc/tetris.png" />

## Comment utiliser VNC ?

Toute application Replit – dans n'importe quel langage – peut utiliser un bureau virtuel. Aucune modification n'est nécessaire pour exécuter des programmes graphiques natifs sur Replit. Le panneau VNC apparaîtra lorsque n'importe quelle application tente d'ouvrir une fenêtre de bureau native.

## Sécuriser votre application Replit

Par défaut, votre connexion VNC n'a pas de mot de passe et n'est accessible que depuis [https://replit.com](https://replit.com), car la connexion repose sur la même authentification utilisée pour le WebSocket. Si vous devez accéder à votre application Replit via le client externe [noVNC](https://novnc.com), vous pouvez définir un mot de passe VNC.

Définissez un mot de passe dans la configuration [secrets](/fr/core-concepts/project-editor/app-setup/secrets) de votre application Replit. `Secrets` est un endroit sécurisé pour stocker des mots de passe sans craindre que d'autres utilisateurs y accèdent. La définition de `VNC_PASSWORD` ajoutera une sécurité renforcée lors de la connexion à distance.

## Comment utiliser VNC en plein écran ?

Vous devez avoir sécurisé votre application Replit comme indiqué ci-dessus avant de poursuivre ces étapes.

1. Exécutez la commande suivante dans votre onglet « Shell » :
   ```sh theme={null}
   echo $REPL_ID
   ```

<Frame>
  <img src="https://mintcdn.com/replit/0ixNWaRF232g0Gwn/images/vnc/replid.png?fit=max&auto=format&n=0ixNWaRF232g0Gwn&q=85&s=45fcde093041183e77ba334b780e69ed" alt="image montrant la commande echo" width="628" height="174" data-path="images/vnc/replid.png" />
</Frame>

2. Construisez votre URL de connexion en remplaçant `REPL_ID` par la sortie ci-dessus : `<\REPL_ID\>.id.repl.co`
3. Ouvrez le [client noVNC](https://novnc.com/noVNC/vnc.html) dans un onglet de navigateur séparé.
4. Ouvrez les paramètres de connexion.

<Frame>
  <img src="https://mintcdn.com/replit/0ixNWaRF232g0Gwn/images/vnc/settings.png?fit=max&auto=format&n=0ixNWaRF232g0Gwn&q=85&s=1f46fa987102bf1bb95ea027d6b3f43d" alt="ouvrir les paramètres de connexion" width="126" height="302" data-path="images/vnc/settings.png" />
</Frame>

5. Développez le champ WebSockets. Entrez votre URL de connexion (`\<REPL_ID\>.id.repl.co`) dans le champ `host`, et laissez le champ `path` vide.

<Frame>
  <img src="https://mintcdn.com/replit/0ixNWaRF232g0Gwn/images/vnc/host.png?fit=max&auto=format&n=0ixNWaRF232g0Gwn&q=85&s=e1a6420a7573bb6f0e7a327ecd89b60d" alt="hôte" width="214" height="230" data-path="images/vnc/host.png" />
</Frame>

6. Changez le `Mode de mise à l'échelle` en `Redimensionnement distant` :

<Frame>
  <img src="https://mintcdn.com/replit/0ixNWaRF232g0Gwn/images/vnc/scaling.png?fit=max&auto=format&n=0ixNWaRF232g0Gwn&q=85&s=cc7bcd3ec3d8c5cf801d537eef6a2b16" alt="mise à l'échelle" width="147" height="74" data-path="images/vnc/scaling.png" />
</Frame>

7. Utilisez le nom d'utilisateur `runner` et le mot de passe configuré ci-dessus lorsqu'on vous demande des identifiants.

## Exemples

* <a href="https://replit.com/@demcrepl/Tetris-in-Pygame" target="_blank">PyGame</a>
* <a href="https://replit.com/@amasad-matplotlib" target="_blank">Python matplotlib</a>
* <a href="https://replit.com/@sigcse2021/Game-of-Life-demcrepl" target="_blank">Java Processing</a>
