⑦ Déployer son site en ligne : du local à la mise en ligne en 3 minutes

Avez-vous déjà vécu ce moment — votre projet tourne à merveille en local, vous voulez l'envoyer à un ami pour le lui montrer, et tout ce que vous pouvez faire, c'est une capture d'écran ? Ou pire encore : un recruteur vous dit « envoyez-moi le lien de votre projet », et tout ce que vous pouvez répondre, c'est « c'est encore en local… »

Ce que vous avez construit à la sueur de votre front ne doit pas rester visible pour vous seul.

Aujourd'hui, dans le dernier épisode de cette série, nous réglons précisément ce problème — faire passer votre projet du local à la mise en ligne, avec une page web accessible aux utilisateurs de Chine continentale.

Déployez votre site en un clic avec EdgeOne, la plateforme d'accélération et de sécurité en périphérie de Tencent Cloud

En une phrase : gratuit, ouverture instantanée en Chine continentale et, une fois relié à GitHub, redéploiement automatique à chaque synchronisation de branche.

Vous avez peut-être entendu parler de Vercel ou de Netlify. Ils sont excellents eux aussi, mais ils ont un défaut majeur — ils se chargent très lentement en Chine continentale, et parfois ne s'ouvrent pas du tout. EdgeOne Pages est une plateforme de déploiement en périphérie de Tencent Cloud : avec ses nombreux nœuds en Chine continentale, la vitesse d'ouverture n'est plus un souci. Et — accessible aussi bien en Chine qu'à l'étranger, contrairement à certaines plateformes où, une fois le déploiement fait, les visiteurs à l'étranger voient le site mais personne en Chine continentale ne parvient à l'ouvrir.

Le plus important : il se lie à GitHub. Il vous suffit de pousser votre code sur GitHub pour qu'EdgeOne détecte le changement et redéploie automatiquement — vous n'avez rien à gérer.

« Le code est poussé sur GitHub, le site tourne sur EdgeOne — vous écrivez, la plateforme déploie. »

Pas à pas : de zéro à la mise en ligne en 3 étapes

Étape 1 : pousser le code vers un dépôt GitHub

Le code du projet doit d'abord être placé dans un dépôt sur une plateforme Git (comme GitHub). Vous pouvez lier directement un dépôt GitHub dans Google AI Studio et activer automatiquement la synchronisation des commits.

Étape 2 : relier le dépôt à EdgeOne

Ouvrez la console EdgeOne Pages et connectez-vous avec votre compte Tencent Cloud ; cliquez sur « Créer un projet » → choisissez une plateforme Git (comme GitHub) → importez un dépôt existant ; autorisez l'accès à GitHub et sélectionnez votre dépôt de projet ; le préréglage de framework est détecté automatiquement (Vite, Next.js, par exemple), sans configuration manuelle ; cliquez sur « Déployer » et patientez une trentaine de secondes.

Une fois le déploiement terminé, EdgeOne vous attribue un domaine aléatoire — désormais, quiconque ouvre ce lien peut voir votre travail ! (Valable 3 heures)

Étape 3 : garder le dépôt à jour

Ensuite, à chaque modification du code, poussez-la sans attendre vers la branche du dépôt lié. EdgeOne détecte la mise à jour GitHub et redéploie automatiquement. Vous écrivez, il met en ligne.

Vous voulez un domaine durable ? La déclaration se prépare à l'avance

Le domaine gratuit fourni par EdgeOne est pratique pour tester et faire ses premières armes. Mais il n'est valable que 3 heures ; pour un domaine attitré, stable et durable, il suffit d'en acheter un directement chez Tencent Cloud ou Alibaba Cloud — avec la remise de première année, on s'en sort pour 8~32 yuans, soit un an pour le prix d'un thé au lait.

Cependant, acheter un domaine ne signifie pas pouvoir l'utiliser — il reste une chose à savoir à l'avance :

En Chine continentale, l'utilisation d'un domaine personnalisé exige deux déclarations, et la condition préalable est d'avoir acheté un serveur cloud (par exemple un serveur d'application léger Tencent Cloud ou Alibaba Cloud). Sans serveur, impossible de déposer une demande de déclaration.

⚠️ Attention à l'ordre : il faut d'abord achever la déclaration ICP et la déployer sur le site pour pouvoir demander la déclaration de sécurité publique, et celle-ci doit être faite dans les 30 jours suivant la mise en ligne du site.

Donc, si vous prévoyez de présenter votre projet à un recruteur ou à un client via un domaine personnalisé, lancez la procédure au moins 3~4 semaines à l'avance — acheter un domaine → acheter un serveur → déclaration ICP → déclaration de sécurité publique ; chaque étape a son délai d'attente. Ce n'est pas pour vous faire peur, c'est vraiment très lent.

Conseil pratique pour grands débutants : commencez par mettre le projet en ligne avec le domaine gratuit fourni par EdgeOne et envoyez-le aux gens. Menez la déclaration en parallèle et changez le domaine lié une fois qu'elle est prête — les deux avancent sans se gêner.

La liste d'actions du jour

✅ Poussez le code du projet sur GitHub (créez d'abord un dépôt si vous n'en avez pas)

✅ Connectez-vous à EdgeOne Pages et liez le dépôt GitHub où se trouve le projet

✅ Une fois le premier déploiement terminé, envoyez le lien à un ami pour vérifier qu'il s'ouvre

✅ Prenez l'habitude du nouveau flux de travail : modifier le code → committer et pousser vers la branche du dépôt → mise à jour automatique

✅ Si vous avez besoin d'un domaine personnalisé : renseignez-vous dès maintenant sur les procédures de déclaration ICP et de déclaration de sécurité publique

Fin de la série : le chemin parcouru ensemble

Si vous nous avez suivis depuis le premier épisode, regardez le chemin parcouru :

localhost → AI Studio → GitHub → EdgeOne → visible sur tout le web

Au départ, vous n'aviez qu'une idée — « faire un petit outil » — et vous disposez maintenant d'une chaîne de compétences complète, du développement au déploiement. Vous n'avez pas appris un outil, vous avez appris une méthode.

« Ce qui tourne en local est un projet ; ce qui tourne en ligne est une œuvre. »

Ces 7 épisodes n'ont pas porté sur « comment utiliser tel logiciel », mais sur —

Vous avez une idée → vous savez comment la réaliser → vous savez comment la montrer au monde entier.

Voilà ce qu'est un véritable parcours « de zéro à la mise en ligne, de bout en bout ».