Com publicar una web creada amb Codex

Codex et pot ajudar a crear una web, però els passos per publicar-la depenen del flux que hagis fet servir. Una web creada amb ChatGPT Sites es pot desplegar i compartir des de Sites. Si Codex ha generat un projecte de codi en una carpeta o repositori, pots publicar-lo amb un proveïdor connectat a Git quan vulguis gestionar el build i el runtime per separat.

Decideix primer on ha de viure la web

ChatGPT Sites permet crear, allotjar i compartir webs o aplicacions lleugeres. La pàgina oficial diu que es pot fer pública i connectar-hi un domini propi; és en beta pública i la disponibilitat varia segons el pla, l’espai de treball i la regió. Si cobreix el teu cas, fes servir la publicació integrada i revisa els permisos abans de compartir-la. No cal migrar cada resultat de Codex a un altre proveïdor.

Publicar des d’un repositori és una altra opció. Té sentit si vols conservar el codi al teu flux Git, triar el procés de compilació i allotjament, o administrar a part un procés de servidor i els serveis dels quals depèn. La guia d’OpenAI sobre Codex Cloud explica els entorns de treball amb repositoris connectats; això no converteix Codex en l’allotjament del repositori.

1. Comprova què ha generat Codex

Obre els fitxers del projecte i identifica el framework i les dependències. Revisa package.json, el lockfile, el README i les instruccions de compilació. Demana a Codex que trobi els comandos d’instal·lació, build i arrencada en aquests fitxers; no els endevinis.

Després separa aquests casos:

Web estàtica: el build genera HTML, CSS, JavaScript i recursos, sovint en una carpeta dist o out. Un allotjament estàtic pot servir aquesta sortida.
Aplicació amb servidor: necessita un procés a cada petició, com ara un servidor Node.js, una API, un worker o renderització al servidor. Triar una carpeta estàtica no publica aquest procés.
Serveis externs: l’inici de sessió, una base de dades, les pujades d’arxius, el correu o una API d’IA poden viure fora de la web. Publicar la interfície no trasllada comptes, usuaris ni dades.

Si ara només s’obre a localhost, consulta abans la llista per publicar una web que encara és local.

2. Puja el projecte a un repositori Git

Revisa els canvis i prova la web localment. Exclou de Git les carpetes generades, .env, claus privades, bolcats de bases de dades i dades d’usuaris. No enviïs secrets a un repositori públic. Crea un commit i puja’l a un proveïdor Git al qual pugui accedir l’allotjament.

Projects admet GitHub, GitLab i Bitbucket. Connecta-hi el repositori, tria la branca de producció i revisa el framework detectat i la configuració del build. Un projecte JavaScript estàtic pot fer servir npm ci, npm run build i dist, però prevalen el lockfile i la sortida real del projecte. Per a un exemple provat amb React i Vite, consulta la guia de desplegament des de Git.

El desplegament automàtic en fer push depèn que la connexió del proveïdor i el webhook estiguin configurats i verificats. Confirma-ho abans de confiar que cada commit es publicarà. Projects mostra el commit actiu i els registres del build; si falla, corregeix el comando o la carpeta de sortida abans d’apuntar-hi el domini.

3. Configura el runtime i els serveis

Si l’aplicació necessita una API o backend que estigui sempre actiu, publica’l com a servei i no com a carpeta estàtica. Els serveis de Projects s’executen en contenidors i compten dins del límit d’un pla de pagament. Revisa els plans i límits actuals de Projects. Una aplicació que necessiti un servidor Node.js complet també pot encaixar en un VPS autogestionat, segons el framework i la feina d’administració que vulguis assumir.

Desa els valors de producció a l’entorn d’allotjament i canvia les credencials de desenvolupament. Actualitza les URL de retorn d’OAuth, els dominis permesos, CORS, les regles d’accés a la base de dades i els callbacks del correu per a l’adreça HTTPS definitiva. Si la web crida una API externa, la clau privada ha de quedar al servidor; una variable inclosa en el JavaScript del navegador és visible per als visitants.

4. Prova l’adreça publicada

Obre l’URL HTTPS des d’un altre dispositiu. Comprova la portada, una ruta interna oberta directament, les recàrregues, les imatges, els formularis, l’inici de sessió i cada crida a l’API. Revisa el registre del build i l’estat del servei. Si la web és pública, prova-la també en una sessió sense iniciar-la.

Quan tot funcioni, connecta el domini definitiu i torna a comprovar el DNS, el certificat, les redireccions i la configuració OAuth.

Codex genera codi, però no hi ha una integració d’un sol clic Codex–Hostbrid. ChatGPT Sites pot ser suficient per a una web lleugera quan els controls i la disponibilitat actual encaixen. Si tries un repositori, Git transporta el codi i Projects compila la configuració que hagis revisat; els serveis de servidor i les integracions externes necessiten configuració i proves pròpies.

Fonts: ChatGPT Sites · OpenAI Academy: ChatGPT Sites · Using Codex Cloud · Guia de Projects de Hostbrid