Què és l'allotjament web? Com es mantenen en línia els llocs i les apps
L'allotjament web consisteix a executar el teu lloc o app en ordinadors que estan sempre encesos i connectats a internet, perquè qualsevol hi pugui accedir en qualsevol moment. El proveïdor d'allotjament emmagatzema els teus fitxers, executa el codi i envia pàgines i dades als navegadors dels visitants quan ho demanen. El teu portàtil podria fer-ho tècnicament, però els proveïdors d'allotjament ho fan de manera fiable, segura i a gran escala.
Per què importa quan construeixes amb IA
Quan construeixes amb un constructor d'apps d'IA, la teva app s'executa primer en una vista prèvia: una còpia privada que tu (i potser els col·laboradors) pots fer servir. L'allotjament és el que converteix això en una app en viu en una adreça pública que els clients poden obrir.
El tipus d'allotjament que necessita la teva app depèn del que fa. Una pàgina de presentació necessita molt poc. Una app amb inicis de sessió, una base de dades i pagaments necessita un servidor que executi el teu codi, un lloc on guardar dades i HTTPS. Entendre la diferència t'ajuda a triar un constructor, estimar els costos de funcionament i saber què passa si la teva app de sobte rep molt de trànsit o si algun dia vols traslladar-la a un altre lloc.
Una analogia quotidiana
Pensa en l'allotjament com en les instal·lacions d'un negoci.
- Una parada de mercat és l'allotjament estàtic: barat, ràpid de muntar i ideal per mostrar i vendre una gamma fixa de productes.
- Una oficina compartida és l'allotjament compartit: lloges una taula en un edifici amb molts altres negocis, compartint l'ascensor, la connexió a internet i la cuina. És assequible, però un veí sorollós t'afecta.
- La teva pròpia oficina amb serveis és un servidor privat virtual (VPS): el teu propi espai amb recursos garantits, però ets responsable del que passa a dins.
- El teu propi edifici és un servidor dedicat: control total i responsabilitat total.
- Un espai de treball gestionat que creix i s'encongeix amb l'equip és l'allotjament al núvol o en plataforma: fas servir el que necessites, pagues pel que uses i el propietari s'ocupa del manteniment.
El teu nom de domini és l'adreça al rètol del carrer. DNS és el mapa que indica als visitants a quin edifici pertany aquesta adreça.
Tipus d'allotjament
| Tipus | Què és | Ideal per a | Què gestiones tu |
|---|---|---|---|
| Allotjament estàtic | Serveix fitxers fixos (HTML, CSS, JavaScript, imatges), sovint des d'una CDN | Pàgines de presentació, portafolis, llocs de màrqueting, apps només de frontend | Gairebé res |
| Allotjament compartit | Molts llocs en un sol servidor, sovint amb un panell de control | Llocs petits de WordPress o PHP | Alguns ajustos |
| VPS | Una màquina virtual amb recursos dedicats | Apps a mida, si et sents còmode executant un servidor | El sistema operatiu, les actualitzacions de seguretat, els desplegaments |
| Servidor dedicat | Una màquina física sencera | Càrregues altes i constants amb necessitats específiques | Tot |
| Plataforma com a servei (PaaS) | Tu proporciones el codi; la plataforma el construeix, l'executa i l'escala | La majoria d'apps web i APIs | El teu codi i la configuració |
| Sense servidor (serverless) | El codi s'executa sota demanda per cada petició; no s'executa res quan està inactiu | Trànsit irregular o baix, APIs, tasques en segon pla | Les teves funcions |
La majoria de constructors d'apps d'IA que allotgen per a tu funcionen com un PaaS: prems publicar, i la plataforma s'encarrega dels servidors, l'escalat i els certificats.
Un exemple pràctic: què necessita una app de reserves per estar en viu
Pensa en una app de reserves per a una perruqueria amb una pàgina de reserves pública, comptes de clients i un tauler per al propietari. Per estar en viu, necessita:
| Peça | Què fa | On s'executa |
|---|---|---|
| Frontend | Les pàgines i els botons al navegador del visitant | Allotjament estàtic / CDN |
| Backend | Comprova la disponibilitat, desa les reserves i controla qui pot veure què | Un servidor o un contenidor |
| Base de dades | Emmagatzema serveis, clients i reserves | Una base de dades gestionada |
| Emmagatzematge de fitxers | Guarda les fotos pujades | Emmagatzematge d'objectes |
| Domini + DNS | book.yoursalon.com apuntant a l'app | El teu registrador / proveïdor de DNS |
| Certificat HTTPS | Xifra el trànsit; mostra el candau | Emès per l'allotjador o una autoritat de certificació |
| Secrets | Claus d'API per al correu i els pagaments | Les variables d'entorn de l'allotjador |
Si ho despleguessis tu mateix, hauries de configurar cada peça. Una plataforma que allotja per a tu les agrupa. En tots dos casos, convé saber que existeixen: la guia frontend contra backend explica la separació.
Termes comuns explicats
| Terme | Significat |
|---|---|
| Servidor | Un ordinador que respon a les peticions a través d'una xarxa. |
| Desplegar / publicar | Posar una versió del teu codi a l'allotjament perquè estigui en viu. |
| Disponibilitat (uptime) | La proporció de temps en què el lloc és accessible. |
| Ample de banda / sortida de dades | La quantitat de dades que envia la teva app als visitants. Sovint es cobra. |
| CDN | Xarxa de distribució de contingut: còpies dels teus fitxers en servidors arreu del món, de manera que es carreguen més ràpidament. |
| SSL/TLS, HTTPS | Xifratge entre el navegador i el servidor. TLS és el protocol modern; «certificat SSL» és el nom habitual. |
| Escalat | Gestionar més trànsit: màquines més grans (vertical) o més màquines (horitzontal). |
| Escalar a zero / arrencada en fred | Les apps inactives s'aturen per estalviar diners; la primera petició després d'una pausa triga una mica més mentre es reactiva. |
| Variables d'entorn | Configuració i secrets que es donen a la teva app en execució, fora del codi. |
| Registres (logs) | Registres del que ha fet l'app, que serveixen per diagnosticar errors. |
| Contenidor | Una app empaquetada amb tot el que necessita per executar-se, sovint construïda a partir d'un Dockerfile. |
Errors comuns i idees equivocades
- Confondre el domini amb l'allotjament. Comprar
elteunom.comno posa un lloc en ell. També necessites allotjament i registres DNS que hi apuntin. - Donar per fet que «il·limitat» és il·limitat. Els plans que anuncien ample de banda o emmagatzematge il·limitat solen tenir condicions d'ús raonable. Llegeix-les.
- Oblidar els costos de funcionament. Construir una app és un cost; l'allotjament, la base de dades, l'emmagatzematge i les APIs de tercers són costos recurrents. Comprova com es cobra cadascun abans del llançament.
- Desar fitxers al disc del servidor. En la majoria d'allotjaments moderns, el disc local del servidor és temporal i es pot esborrar a cada desplegament o reinici. Els fitxers pujats pertanyen a l'emmagatzematge d'objectes.
- Tractar la vista prèvia com a producció. Les vistes prèvies es poden aturar, fer servir dades de prova o ser visibles només per a tu. Publica abans de compartir.
- Ignorar on pots anar després. Si el teu allotjament està lligat a una sola plataforma, comprova si pots exportar el codi i executar-lo en un altre lloc més endavant.
Què demanar al teu constructor d'IA
- «Què necessita aquesta app per executar-se un cop publicada: només fitxers estàtics, o també un servidor i una base de dades?»
- «On s'emmagatzemen els fitxers pujats? Assegura't que no visquin al disc local del servidor.»
- «Guarda totes les claus d'API a variables d'entorn.»
- «Afegeix capçaleres de memòria cau per a les imatges i els fitxers estàtics.»
- «Mostra'm els registres de l'última petició fallida.»
- «Si volgués allotjar això en un altre lloc, què necessitaria?» Consulta com exportar i autoallotjar una app construïda amb IA.
Allotjament a Mythex
A Mythex, l'allotjament forma part del constructor. Quan publiques, Mythex fa una instantània del projecte i el despliega a yourname.mythex.app: els frontends estàtics es publiquen com a llocs estàtics, i els backends s'executen en màquines gestionades que s'adormen quan estan inactives i es reactiven amb la següent visita. La base de dades i l'emmagatzematge de fitxers vénen amb el projecte quan la teva app els necessita. L'allotjament, l'ample de banda, la base de dades i l'emmagatzematge es paguen amb el mateix saldo de crèdits que la construcció, i el Pro paga la meitat de la tarifa Free per a ells; els llocs estàtics no gasten crèdits mentre estan inactius. El Pro afegeix dominis personalitzats amb HTTPS emès automàticament. La documentació explica la publicació i els límits d'allotjament, i la pàgina de preus compara els plans.
Preguntes
Què és l'allotjament web, en termes senzills?
L'allotjament web és llogar espai i potència de càlcul en servidors que estan sempre encesos i connectats a internet, perquè qualsevol pugui accedir al teu lloc o app en qualsevol moment. L'allotjador emmagatzema els fitxers, executa el codi i envia les pàgines als navegadors dels visitants.
Un domini és el mateix que l'allotjament?
No. El domini és el nom que la gent escriu, com exemple.com. L'allotjament és on realment s'executa el lloc. Els registres DNS connecten els dos apuntant el domini al teu allotjador. Els pots comprar a la mateixa empresa o a empreses diferents.
Necessito un allotjament separat per a una app construïda amb IA?
Depèn del constructor. Alguns constructors d'apps amb IA, Mythex inclòs, allotgen l'app per a tu quan la publiques. Altres generen codi que has de desplegar tu mateix en un proveïdor d'allotjament.
Quina és la diferència entre l'allotjament estàtic i el dinàmic?
L'allotjament estàtic serveix fitxers que són iguals per a tots els visitants, com una pàgina de presentació: és senzill, ràpid i barat. L'allotjament dinàmic executa codi de servidor que construeix les respostes per cada petició, cosa que necessiten les apps amb inicis de sessió, bases de dades i pagaments.