Votre jeu Phaser s'exécute dans le navigateur, le publier signifie donc mettre en ligne son HTML, son JavaScript et ses ressources. Téléchargez le dossier construit dans la case ci-dessus ou déployez-le depuis votre terminal. Les joueurs obtiennent un lien *.lobsite.app direct avec HTTPS et toute la fenêtre de votre jeu.
Comment ça marche
- Créez votre projet Phaser. Si votre modèle dispose d'un script de génération, exécutez
npm run build. Un modèle basé sur Vite écrit généralementdist/. Pour un projet HTML simple, rassemblezindex.html, Phaser et vos ressources dans un seul dossier. - Publiez le dossier jouable. Téléchargez-le ou un ZIP ci-dessus, ou exécutez
npx lobsiteaprès la construction. Utiliseznpx lobsite ./distpour nommer explicitement le dossier. Un premier déploiement ne nécessite aucun compte et dure 6 heures. - Conservez l'adresse du jeu. Suivez le lien pour enregistrer le site dans votre compte ou choisissez Le garder gratuitement →. Reconstruisez et déployez à nouveau lorsque le jeu change ; l'URL publiée reste la même.
Générer la sortie, pas le serveur de développement
L'adresse imprimée par npm run dev ne fonctionne que pendant l'exécution de ce serveur. Publiez plutôt le résultat de production, avec index.html à son niveau supérieur. Lobsite sert ces fichiers ; il n'installe pas de packages ni ne crée Phaser pour vous.
Pour un modèle Vite, consultez le modèle Guide d'hébergement Vite. Conservez les ressources référencées par votre jeu dans la version ou utilisez des URL HTTPS pour les ressources externes. Les noms de fichiers sont sensibles à la casse en ligne : une requête pour hero.png ne trouvera pas Hero.png.
Préparez le jeu pour les joueurs
- Démarrer le son à partir d'une interaction. Donnez aux joueurs un bouton de démarrage ou un autre clic avant de lire l'audio ; les navigateurs restreignent la lecture automatique.
- Vérifiez le canevas sur un téléphone. Testez les paramètres de votre échelle Phaser, l'orientation et les commandes tactiles à l'URL publiée.
- Gardez les services séparés. Un serveur multijoueur, un classement ou un service de compte doit s'exécuter ailleurs. Le code du navigateur peut l'appeler, mais les clés API privées n'ont pas leur place dans le JavaScript téléchargé.
- Vérifiez votre budget d'actifs. Free autorise 50 Mo au total, 5 Mo par fichier et 100 fichiers. De grandes pistes audio ou des feuilles de sprites peuvent décider si le jeu convient. Le Guide d'hébergement HTML5 répertorie également les limites du Standard.
Partager un test de jeu Phaser
Après avoir enregistré le site dans votre compte, exécutez npx lobsite --preview après une build pour donner aux testeurs une version distincte sans remplacer le jeu publié. Les fichiers sont stockés par hachage, de sorte qu'une bande-son inchangée n'est pas téléchargée à nouveau lorsque vous ajustez un niveau. Ajoutez un domaine personnalisé lorsque vous souhaitez que le lien corresponde au nom de votre jeu.
Un déploiement sans compte reste en ligne 6 heures. Le lien de récupération le conserve, gratuitement.
Prévisualisez avant la mise en ligne. Revenez en arrière en un clic, redirections comprises.
Les fichiers sont stockés selon leur hash. Redéployer un site inchangé envoie 0 octet.
Chaque site reçoit une adresse *.lobsite.app en HTTPS dès le premier déploiement.
Comptes gratuits compris : ajoutez un enregistrement DNS et le site passe sur votre domaine. Chaque site a le HTTPS, quelle que soit l’offre.
Redirections, en-têtes et formulaires vivent dans lobsite.toml et accompagnent chaque déploiement.
Façons de partager une version Phaser
| Méthode | Quels joueurs ouvrent | Quand ça aide |
|---|---|---|
| Lobsite | Votre jeu à une adresse HTTPS directe | Une version autonome, votre domaine ou des versions de test de jeu distinctes |
| Un serveur de développement local | Une adresse sur votre machine ou votre réseau | Tester pendant que vous codez |
| Un ZIP téléchargeable | Fichiers qu’ils doivent déballer et servir | Donner à un autre développeur une version à inspecter |
Pour un autre framework de jeu JavaScript ou une exportation d'éditeur, commencez par Hébergement de jeux HTML5. Pour l’installation et les modèles Phaser, utilisez le guide officiel Phaser.
Questions fréquentes
Lobsite exécute-t-il mon script de build Phaser ?
Non. Exécutez la build localement ou dans CI, puis publiez son dossier de sortie. La commande ci-dessus suppose que votre projet dispose d'un script npm run build.
Puis-je publier Phaser sans Vite ?
Oui. Un dossier contenant un point d'entrée HTML, vos scripts de jeu et vos ressources suffit. Vous pouvez également charger Phaser à partir d'un CDN HTTPS.
Pourquoi mes sprites Phaser manquent-ils après le déploiement ?
Vérifiez le panneau Réseau du navigateur pour les fichiers manquants. Faites correspondre la casse du nom de fichier, incluez chaque élément dans la sortie et vérifiez si les chemins supposent un dossier différent.
L'hébergement d'un jeu Phaser est-il gratuit sur Lobsite ?
Oui, dans les limites des fichiers, du stockage et de la bande passante du Free. Les liens anonymes expirent après 6 heures ; enregistrer le jeu sur votre compte dans un compte gratuit supprime cette expiration. Free comprend un petit badge Lobsite en bas à droite.