Wiki source code of Configuration dans Open Web UI

Version 19.1 by Aurelie Bertrand on 2025/12/18 14:17

Hide last authors
Aurelie Bertrand 8.1 1 {{toc/}}
2
3 ----
4
Aurelie Bertrand 19.1 5 Ce document présente les étapes nécessaires pour installer et configurer Open Web UI.
Aurelie Bertrand 1.1 6
Aurelie Bertrand 18.1 7 = Installation d’OpenWebUI =
8
9 == Pré-requis ==
10
11 * Serveur Linux (Ubuntu/Debian recommandé)
12 * Python 3.11
13 * //pip// et //virtualenv//
14
15 Installez les packages requis :
16
17 {{code}}
18 sudo apt update
19 sudo apt install -y python3 python3-venv python3-pip build-essential
20 {{/code}}
21
22 == Installation ==
23
24 1. Créez l'utilisateur openwebui:(((
25 {{code}}
26 sudo useradd -m -s /bin/bash openwebui
27 {{/code}}
28 )))
29
30 (% start="2" %)
31 1. Dirigez-vous vers le dossier d'installation: (((
32 {{code}}
33 cd /home/openwebui
34 {{/code}}
35 )))
36 1. (((
37 Créez et activez un environnement virtuel dans ce dossier:
38
39 (((
40 {{code language="shell"}}
41 python3 -m venv openwebui-venv
42 source openwebui-venv/bin/activate
43 {{/code}}
44 )))
45 )))
46 1. (((
47 Mettez à jour pip pour éviter les problèmes de compatibilité :
48
49 (((
50 {{code}}
51 pip install --upgrade pip
52 {{/code}}
53 )))
54 )))
55
56 (% start="5" %)
57 1. (((
58 Installez le package open-webui:
59
60 (((
61 {{code}}
62 pip install open-webui
63 {{/code}}
64
65 Notez que le téléchargement peut durer plusieurs minutes.
66
67 (% class="box warningmessage" %)
68 (((
69 ⚠ Ne pas utiliser le package Python uv.
70 L’agent DigDash (fonction OpenWebUI) nécessite l’installation de bibliothèques Python supplémentaires à l’exécution, ce qui n’est pas compatible avec uv.
71 )))
72 )))
73 )))
74
75 (% start="6" %)
76 1. (((
77 (((
78 Déployez le serveur:
79
80 {{code}}
81 nohup open-webui serve --port 5000 &
82 {{/code}}
83
84 L’interface web devrait être disponible sur http:~/~/localhost:5000.
85 )))
86 )))
87
Aurelie Bertrand 1.1 88 = Création de la fonction DigDash (en tant qu’administrateur) =
89
Aurelie Bertrand 4.1 90 Pour commencer, créez la fonction DigDash Agent dans Open Web UI en suivant les étapes ci-dessous :
91
Aurelie Bertrand 3.1 92 1. Allez dans le panneau d’administration (en bas à droite).
93 1. Accédez à l’onglet **Fonctions**.
Aurelie Bertrand 1.1 94 1. Cliquez sur le bouton ➕ pour créer une nouvelle fonction.
Aurelie Bertrand 11.1 95 1. Copiez-collez le contenu du fichier [[agent-function.py>>attach:agent-function.py]].
Aurelie Bertrand 1.1 96 1. Nommez la fonction **DigDash Agent**.
Aurelie Bertrand 3.1 97 1. Saisissez la description **Fonction pour interagir avec DigDash.**
Aurelie Bertrand 1.1 98 1. Cliquez sur **Enregistrer**.
99
100 = Configuration =
101
Aurelie Bertrand 12.1 102 Une fois la fonction créée, configurez les paramètres globaux et utilisateur, puis d'interface, comme indiqué ci-dessous.
Aurelie Bertrand 6.1 103
Aurelie Bertrand 1.1 104 == Configuration globale de l’outil ==
105
Aurelie Bertrand 3.1 106 1. Allez dans** **l'onglet** Fonctions** du panneau d'administration.
Aurelie Bertrand 1.1 107 1. Cliquez sur l’icône engrenage de la carte de la fonction DigDash Agent.
108 1. Configurez le serveur MCP (par défaut : [[http:~~/~~/localhost:8086/mcp>>url:http://localhost:8086/mcp]]).
109 Définissez l’URL de base sur l’application web de l’Agent et ajoutez « /mcp » à la fin.
Aurelie Bertrand 3.1 110 1. Définissez l'identifiant du modèle (par défaut : Meta-Llama-3_3-70B-Instruct).
Aurelie Bertrand 1.1 111
Aurelie Bertrand 2.1 112 == Configuration utilisateur de l’outil ==
Aurelie Bertrand 1.1 113
Aurelie Bertrand 4.1 114 === Activation de l’outil ===
Aurelie Bertrand 1.1 115
Aurelie Bertrand 3.1 116 1. Démarrez une nouvelle session de chat..
Aurelie Bertrand 2.1 117 1. Cliquez sur **Contrôles de la conversation** (en haut à droite, à côté de votre avatar).
118 1. Allez dans **Vannes> Functions**, puis sélectionnez **DigDash Agent**.
Aurelie Bertrand 1.1 119
Aurelie Bertrand 3.1 120 === Clé API DigDash ===
Aurelie Bertrand 1.1 121
Aurelie Bertrand 6.1 122 Pour créer la clé API DigDash pour l’authentification, utilisez [[DigDash API REST>>doc:Digdash.API.DD_API.WebHome]].
Aurelie Bertrand 1.1 123
Aurelie Bertrand 4.1 124 1. Suivez les instructions du paragraphe [[S'authentifier via ApiKeyAuth>>doc:Digdash.API.DD_API.WebHome||anchor="ApiKeyAuth"]] et définissez les éléments de requête suivants :
Aurelie Bertrand 3.1 125
Aurelie Bertrand 5.1 126 {{code language="curl"}}
Aurelie Bertrand 1.1 127 {
128 "targetUser": "<VOTRE NOM D’UTILISATEUR>",
129 "expires": "PT5M",
130 "note": "string",
131 "permissions": {
132 "agent": "rw",
133 "auth": "none",
134 "users": "rw",
135 "license": "none",
136 "system": "none",
137 "events": "none",
138 "sessions": "none",
139 "connections": "none"
140 }
141 }
Aurelie Bertrand 3.1 142 {{/code}}
Aurelie Bertrand 1.1 143
Aurelie Bertrand 3.1 144 Remplacez <VOTRE NOM D’UTILISATEUR> par votre nom d'utilisateur DigDash .
Aurelie Bertrand 1.1 145 Vous pouvez augmenter le délai d’expiration (par défaut : 5 minutes).
146
Aurelie Bertrand 3.1 147 (% start="2" %)
148 1. Collez votre clé API DigDash dans la première vanne utilisateur.
Aurelie Bertrand 1.1 149
Aurelie Bertrand 6.1 150 == Configuration de l’interface ==
Aurelie Bertrand 1.1 151
Aurelie Bertrand 3.1 152 1. Ouvrez le menu **Paramètres**.
Aurelie Bertrand 9.1 153 1. Accédez à la section **Interface**.
Aurelie Bertrand 1.1 154 1. Activez les options suivantes :
Aurelie Bertrand 9.1 155 1*. **iframe Sandbox Allow Same Origin**
156 1*. **iframe Sandbox Allow Forms**
Aurelie Bertrand 1.1 157 Ces réglages sont nécessaires pour l’affichage correct des iframes.
Aurelie Bertrand 9.1 158 1*. **Always Collapse Code Blocks**
Aurelie Bertrand 17.1 159
Aurelie Bertrand 19.1 160 (% class="wikigeneratedid" %)
Aurelie Bertrand 17.1 161
Aurelie Bertrand 19.1 162
163 (% class="wikigeneratedid" %)
164 Une fois DigDash Agent et Open Web UI installés et configurés, vous pouvez générer vos premiers graphiques. Consultez la page [[Création d'un graphique avec DigDash Agent>>doc:Digdash.Agent.create_chart_Agent.WebHome]] pour plus de détails.
165
Aurelie Bertrand 17.1 166 = Pour en savoir plus... =
167
168 * [[Guide d'installation de DigDash Agent>>]]
169 * [[Création d'un graphique avec DigDash Agent>>doc:Digdash.Agent.create_chart_Agent.WebHome]]