monweb.xyz

ollama

Installer Ollama, Open Webui et Docker Desktop sur Windows 11

Introduction

Dans cet article, je vais partager mon expérience pour faire fonctionner Ollama et OpenWebUI ensemble sur Windows 11. J’ai essayé plusieurs méthodes et rencontré divers problèmes de connexion entre les deux services, notamment OpenWebUI qui ne parvenait pas à sauvegarder la Base URL d’Ollama. La solution qui a finalement fonctionné a été d’installer Ollama via l’installateur Windows disponible sur le site officiel et d’exécuter OpenWebUI dans un conteneur Docker.

Prérequis

Avant de commencer, assurez-vous d’avoir les éléments suivants installés sur votre machine :

  • Windows 11 (pour l’installation d’Ollama)
  • Docker Desktop (pour exécuter OpenWebUI)

Méthode d’Installation

1. Installer Ollama

  1. Rendez-vous sur le site officiel d’Ollama.
  2. Téléchargez l’installateur Windows et suivez les instructions d’installation.

2. Installer Docker Desktop

  1. Téléchargez et installez Docker Desktop.
  2. Assurez-vous que Docker est en cours d’exécution.

3. Installer OpenWebUI

Exécutez la commande suivante dans votre terminal ou invite de commandes pour déployer OpenWebUI dans Docker :

 

Bash
docker run -d -p 3000:8080 --add-host=host.docker.internal:host-gateway -v open-webui:/app/backend/data --name open-webui --restart always ghcr.io/open-webui/open-webui:main
Bash

Liens Utiles

Téléchargement de Modèles LLM

Pour installer un modèle, suivez ces étapes :

  1. Allez dans la librairie d’Ollama : Ollama Library.
  2. Recherchez le modèle souhaité, cliquez dessus, puis copiez la commande d’installation.

Ouvrir la Console et Télécharger un Modèle

Pour télécharger un modèle, ouvrez la console du conteneur Ollama grâce à Portainer et exécutez la commande :

Bash
ollama run <nom_du_modele>
Bash

(Remplacez <nom_du_modele> par le nom du modèle que vous souhaitez télécharger, par exemple, codellama.)

Pour lister les modèles disponibles, utilisez :

Bash
ollama list
Bash

Ouvrir OpenWebUI

Accédez à OpenWebUI en ouvrant votre navigateur et en allant à l’adresse suivante :

HTTP
http://localhost:3000/
HTTP

Créer un Compte

  1. Cliquez sur Sign Up pour créer un compte (ceci se fait en local).
  2. Fermez le pop-up d’information en cliquant sur Okay.

Vous voilà dans l’interface graphique !

Exercice Rapide de Codage

Tâche : Conversion d’Inches en Centimètres

Je vais demander à Ollama de générer un code HTML pour convertir des pouces (« inches ») en centimètres. Voici ma question à Ollama :

« Code-moi une page HTML où je peux convertir des inches en centimètres. Je veux afficher un titre, un champ de saisie pour entrer le nombre d’inches (avec la possibilité d’utiliser des décimales), un bouton pour lancer le calcul, et une zone de résultats indiquant le nombre de centimètres. »

Résultat

J’ai copié le code généré dans un fichier .txt que j’ai renommé en convert.html sur le bureau. Cependant, le résultat ne s’affichait pas correctement au début. Après avoir demandé à Ollama de résoudre le problème, j’ai obtenu un résultat fonctionnel.

Voici un exemple de code HTML qui devrait fonctionner :

Bash
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Convertisseur d'Inches en Centimètres</title>
    <script>
        function convertInchesToCentimeters() {
            const inches = parseFloat(document.getElementById('inches').value);
            const centimeters = inches * 2.54;
            document.getElementById('result').textContent = `${inches} pouces = ${centimeters.toFixed(2)} cm`;
        }
    </script>
</head>
<body>
    <h1>Convertisseur d'Inches en Centimètres</h1>
    <label for="inches">Entrez le nombre d'inches :</label>
    <input type="number" id="inches" step="0.01">
    <button onclick="convertInchesToCentimeters()">Convertir</button>
    <p id="result"></p>
</body>
</html>
Bash