1 - TP Configuration et Premier Pas

Mise en route de l’environnement

⏱ 45 min

Outils : OpenCode (TUI), Roo Code (VSCode) ou Codex CLI

L’idée est d’aussi pouvoir tester différents modèles et Codex CLI ne le permet pas.

Prérequis

  • Git configuré
  • Un éditeur de code (VSCode recommandé)
  • La clé OpenRouter fournie par le formateur

Étape 1 : Configurer votre clé OpenRouter

Vous avez reçu une clé OpenRouter (sk-or-v1-...). Exportez-la :

export OPENROUTER_API_KEY="sk-or-v1-..."
# Ajouter à ~/.bashrc ou ~/.zshrc pour la rendre persistante

Pourquoi OpenRouter ?

  • Accès à 200+ modèles via une seule clé
  • Frugal (Gemini Flash ~$0.10/1M) comme premium (Claude Opus ~$15/1M)
  • Pas de vendor lock-in

Étape 2 : Installation

npm install -g @openai/codex
codex --version

Étape 3 : Configuration

Roo Code : dans les paramètres de l’extension VSCode, renseigner l’URL https://openrouter.ai/api/v1 et la clé OpenRouter.

OpenCode — option interactive :

/connect   → recherchez "OpenRouter" → saisissez la clé fournie par le formateur
/models    → sélectionnez le modèle souhaité

De nombreux modèles OpenRouter sont préchargés ; /models vous laisse en changer à tout moment.

Codex CLI se configure via variables d’environnement :

export OPENAI_API_KEY="${OPENROUTER_API_KEY}"
export OPENAI_BASE_URL="https://openrouter.ai/api/v1"

Choisir son app de travail

Microblog est l’app démo de cette formation : un Twitter en Python créé chapitre par chapitre dans le Flask Mega-Tutorial. Chaque branche correspond à un chapitre.

Vous pouvez aussi appliquer les mêmes exercices à votre propre projet.

Étape 4 : Cloner et faire marcher Microblog

git clone https://github.com/miguelgrinberg/microblog
cd microblog

Lancer l’app avec l’aide de l’agent :

opencode

> Fais tourner ce projet en local

Vérification : l’interface est accessible dans le navigateur.

Bonus : Comparia (outil de comparaison de LLMs de beta.gouv.fr) est une vraie app en production si vous voulez un terrain plus complexe.

Ressources