Tous les produits
Search
Centre de documentation

Function Compute:Utilisation de WebIDE

Dernière mise à jour :Aug 12, 2026

WebIDE est un environnement de développement intégré (IDE) en ligne fourni par Function Compute. Il offre une expérience de développement cloud comparable à celle de VS Code natif. Vous pouvez écrire, déboguer et déployer du code directement en ligne, sans installer d'environnement de développement local complexe. Cette rubrique présente les fonctionnalités de WebIDE, en fournit une vue d'ensemble et explique comment le configurer dans la console Function Compute.

Limites

  • WebIDE prend actuellement en charge uniquement les runtimes Python, Node.js, PHP et personnalisés. L'édition en ligne n'est pas disponible pour les runtimes Java, Go ou C#. Pour ces environnements, importez des fichiers ZIP compilés ou des fichiers binaires.

  • Chaque utilisateur dispose de 5 Go d'espace de stockage dans WebIDE. Les opérations d'écriture échouent une fois cette limite atteinte. Libérez régulièrement votre espace.

  • L'ouverture de WebIDE pour une fonction déclenche automatiquement le démarrage d'une instance. Celle-ci correspond à un conteneur doté d'un vCPU et de 1,5 Go de mémoire.

  • L'instance WebIDE utilise le même environnement d'exécution que votre fonction. Elle ne peut toutefois pas charger vos layers personnalisés ni les ressources NAS ou OSS montées, et n'a pas accès au VPC configuré pour votre fonction. Si vous avez besoin de ces capacités, déployez d'abord votre code puis appelez la fonction, ou utilisez Dedicated WebIDE.

  • Dedicated WebIDE est disponible uniquement dans les régions suivantes : Chine (Hangzhou), Chine (Shanghai), Chine (Pékin), Chine (Zhangjiakou), Chine (Hohhot), Chine (Shenzhen), Chine (Hong Kong), Singapour, Japon (Tokyo), Allemagne (Francfort) et États-Unis (Virginie). Pour utiliser Dedicated WebIDE dans d'autres régions, rejoignez le groupe d'utilisateurs DingTalk (ID du groupe DingTalk : 64970014484) et demandez un accès.

Vue d'ensemble de l'interface WebIDE

En mode plein écran, l'interface WebIDE se compose de quatre zones : Resource Manager, File Editor, Function Operations et Command Line Terminal.

  • Resource Manager : Consultez la structure de votre code, y compris les fichiers source et les dépendances.

  • File Editor : Modifiez le code de votre fonction. Après modification, cliquez sur le bouton image.png situé dans le coin supérieur droit pour déboguer votre code. Afin de garantir la cohérence entre votre terminal local et l'environnement de production, cliquez sur Deploy dans la zone Function Operations.

  • Function Operations : Déployez et testez le code de votre fonction. Lorsque vous quittez le mode plein écran, cette zone apparaît dans le coin supérieur gauche de l'interface WebIDE.

  • Command Line Terminal : Ouvrez le terminal en sélectionnant dans la barre d'outils située en haut de WebIDE. Ce terminal permet de déboguer du code ou d'installer des dépendances tierces.

Configurer WebIDE dans la console

Prérequis

Vous avez créé une fonction. Pour plus d'informations, reportez-vous à Créer une fonction.

Procédure

  1. Connectez-vous à la console Function Compute. Dans le volet de navigation de gauche, choisissez Function Management > Functions.

  2. Dans la barre de navigation supérieure, sélectionnez une région. Sur la page Functions, cliquez sur la fonction cible.

  3. Facultatif : Sous l'onglet Code de la page de détails de la fonction, cliquez sur Configure WebIDE dans le coin supérieur droit. Dans le panneau Configure WebIDE, sélectionnez un type de WebIDE.

    Vous avez le choix entre Serverless WebIDE et Dedicated WebIDE.

    • Édition Serverless

      Il s'agit de la version par défaut. Elle est gratuite, mais ne permet pas d'accéder aux ressources d'un VPC ni de monter un système NAS ou OSS.

    • Édition Dedicated

      Optez pour Dedicated WebIDE si votre instance doit charger des layers personnalisés, monter des ressources NAS ou OSS, ou accéder au VPC configuré pour votre service. Définissez les paramètres suivants :

      • Instance type plan

      • Execution Timeout Period

      Si vous sélectionnez Dedicated WebIDE, Function Compute réutilise ou crée automatiquement un VPC, un vSwitch et un système de fichiers NAS universel en fonction de la configuration VPC de la région de votre fonction. Pour connaître les tarifs des ressources créées automatiquement, reportez-vous à Facturation de NAS universel.

  4. Dans l'interface WebIDE, écrivez, testez et installez les dépendances tierces nécessaires au code de votre fonction.

    Pour plus de détails sur les zones de l'interface WebIDE, reportez-vous à Vue d'ensemble de l'interface WebIDE.

Important

Si vous choisissez Dedicated WebIDE, assurez-vous que votre fonction s'exécute correctement. Dans le cas contraire, le démarrage de WebIDE risque d'échouer.

FAQ

Que faire si WebIDE ne se charge pas ?

Actualisez la page de détails de la fonction ou réinitialisez rapidement l'environnement WebIDE. Pour obtenir des instructions sur la réinitialisation de l'environnement WebIDE, reportez-vous à Comment réinitialiser rapidement les variables d'environnement, le runtime et les layers WebIDE d'une fonction ?.

Qu'est-ce que Dedicated WebIDE ?

Dedicated WebIDE correspond essentiellement à une fonction FC déployée sous votre compte Alibaba Cloud, dont le nom commence par _webide-server-.

Avec Dedicated WebIDE, les instances peuvent charger vos layers personnalisés ainsi que les ressources NAS ou OSS montées, et accéder au VPC configuré pour votre service. Cela garantit une cohérence totale entre votre terminal local et l'environnement d'exécution de production, ce qui facilite le développement et le débogage. Vous pouvez également sélectionner un plan de type d'instance (par exemple, augmenter le CPU et la mémoire) afin d'améliorer les performances de WebIDE.

Étant donné que Dedicated WebIDE s'exécute sous votre compte, des coûts supplémentaires s'appliquent :

Pourquoi ma fonction réussit-elle dans le terminal mais échoue-t-elle lorsque je clique sur Test Function ?

WebIDE vous aide à tester rapidement du code, à créer des projets et à installer des dépendances. Toutefois, l'environnement WebIDE diffère de l'environnement d'exécution réel utilisé par Function Compute. Vous ne pouvez pas y tester directement les layers personnalisés, les montages NAS ou OSS, ni l'accès aux ressources via VPC.

Pour éviter ce problème, utilisez Dedicated WebIDE ou, après avoir modifié votre code, cliquez sur Deploy puis sur Test Function pour exécuter les tests.

Comment réinitialiser rapidement les variables d'environnement, le runtime et les layers WebIDE d'une fonction ?

Lorsque vous actualisez la page de détails de la fonction ou l'interface WebIDE, les dernières variables d'environnement en ligne, les layers et le runtime sont automatiquement mis à jour dans l'instance WebIDE. Exécutez la commande env dans le terminal pour afficher les variables d'environnement les plus récentes de la fonction.

Combien de temps Serverless WebIDE conserve-t-il mon espace de travail ?

Par défaut, les espaces de travail sont conservés pendant 48 heures. Si vous n'ouvrez pas la fonction dans WebIDE pendant 48 heures consécutives, le contenu de l'espace de travail est supprimé.

De plus, si le code en ligne est modifié via la console ou des outils SDK, le code checksum de la fonction change. L'actualisation ou la réouverture de WebIDE met alors automatiquement à jour l'espace de travail pour qu'il corresponde au dernier code en ligne.

Puis-je déboguer du code dans WebIDE ?

Oui. Utilisez les plugins de débogage VS Code intégrés pour chaque runtime pris en charge. Pour les runtimes personnalisés ou les langages moins courants, installez un plugin VS Code approprié.

Par exemple, avec Python 3.9, ajoutez du code d'assistance pour exécuter la fonction handler. L'exemple de code suivant (index.py) montre comment déboguer une fonction Python dans WebIDE. Le bloc if __name__ == "__main__" sert de point d'entrée pour le débogage local. Placez des points d'arrêt dans la fonction handler pour effectuer le débogage :

import logging
import json
def handler(event, context):
    # evt = json.loads(event)
    logger = logging.getLogger()
    logger.info('hello world')
    logger.info('hello world2')
    return 'hello world'
if __name__=="__main__":
    event = b"hello"
    # if you use context in your code,
    # Please refer to 'https://www.alibabacloud.com/help/document_detail/422182.html' to construct context
    context = None
    handler(event, context)

Lorsque je modifie une fonction, le plugin Git affiche des différences de code. Cela signifie-t-il que WebIDE héberge le code de ma fonction ?

Non. Lors de la première ouverture d'une fonction dans WebIDE, la commande git init s'exécute automatiquement afin d'afficher les différences entre votre code actuel et la version en ligne. Après avoir cliqué une fois sur Deploy Function, WebIDE crée automatiquement un commit, garantissant ainsi l'identité entre votre terminal et le code en ligne (le message save function with codechecksum xxxx indique un déploiement réussi). Cette fonctionnalité améliore l'ergonomie.

Important

Nous vous recommandons de ne pas inclure l'historique Git dans le package de code de votre fonction. Supprimez le répertoire .git lors de la création du package afin d'éviter toute interférence avec WebIDE.

Deux utilisateurs RAM sous le même compte Alibaba Cloud ouvrent la même fonction mais voient un code différent. Pourquoi ?

Function Compute WebIDE isole les espaces de travail des utilisateurs RAM appartenant au même compte Alibaba Cloud. Par exemple, l'utilisateur RAM A utilise WebIDE A et l'utilisateur RAM B utilise WebIDE B. Les modifications apportées par l'utilisateur RAM A dans son espace de travail ne sont pas visibles pour l'utilisateur RAM B, ce qui explique pourquoi ils voient un code différent.

Les deux utilisateurs RAM peuvent voir les différences entre le code de leur espace de travail et celui de la fonction en ligne. Pour plus d'informations, reportez-vous à Lorsque je modifie une fonction, le plugin Git affiche des différences de code. Cela signifie-t-il que WebIDE héberge le code de ma fonction ?.

Que faire si le terminal WebIDE s'ouvre lentement ou ne s'ouvre pas ?

Suivez ces étapes pour résoudre le problème :

  1. Vérifiez vos paramètres réseau. Assurez-vous que votre client local ne bloque pas l'accès via un proxy et ne désactive pas le protocole WebSocket. WebIDE utilise WebSocket pour la communication en temps réel ; sa désactivation empêche le bon fonctionnement de WebIDE.

  2. Vérifiez si vous ouvrez une fonction située dans une région hors de Chine. Si votre réseau local présente une faible connectivité transfrontalière, la connexion aux fonctions situées dans des régions hors de Chine peut être lente ou échouer.

  3. Vérifiez si votre package de code est trop volumineux. Les packages de grande taille nécessitent plus de temps pour être téléchargés ou déployés. Optimisez votre package de code et réessayez.

Si le problème persiste après avoir suivi ces étapes, contactez-nous.

Références

  • Le terminal WebIDE permet également de packager des dépendances tierces pour votre fonction. Pour plus d'informations, reportez-vous à Packager des dépendances tierces pour une fonction à l'aide de WebIDE.

  • Si le code de votre fonction ou les packages de dépendances tierces sont volumineux, extrayez les dépendances dans un layer ou utilisez un layer public officiel de Function Compute pour réduire la taille du code. Pour plus d'informations, reportez-vous à Créer un layer personnalisé.

  • Testez aussi des fonctions localement grâce à la fonctionnalité de débogage local de Serverless Devs. Pour plus d'informations, reportez-vous à Débogage local.