Personalizar URL de PWA
De forma predefinida las PWA cuentan con un dominio genérico del sistema (apps.nocode-builder........).
Es recomendable personalizar el dominio de tu PWA para evitar conflictos en los permisos y Cookies que se pueden generar cuando un mismo dispositivo tiene varias PWA que comparten el mismo dominio.
Para personalizar el dominio de tu PWA deberás seguir estos pasos:
PASO 1: Necesitas disponer de un dominio o un subdominio.
Puedes contratarlo con el proveedor de dominio que desees.
Ejemplo de un dominio: dominio.com
Ejemplo de un subdominio: pwa.dominio.com
Si contratas un dominio en GoDaddy (u otro proveedor similar) y te incluyen SSL, ese certificado SSL normalmente está pensado para usarse en su propio hosting o servicios gestionados, pero no se puede utilizar directamente para apuntar a la PWA de ScoreApps.
ScoreApps utiliza Cloudflare como proxy y gestor de SSL gratuito para las PWAs personalizadas.
La configuración de dominio para PWAs se gestiona a través de Cloudflare, donde se asigna el dominio o subdominio al servidor de la PWA y se emite el SSL desde ahí.
Paso 2: Configurar tu SSL con CloudFlare
Lo primero es ir a CloudFlare y crear una cuenta haciendo click en sign up
- Seleccionamos el plan Free para agregar un Website
- Introducimos un correo electrónico y creamos una contraseña
Una vez dentro nos vamos al panel lateral Izquierdo y seleccionamos Websites, para después hacer cilc en “Get Starter” o "Comenzar" en español
Introducimos nuestro dominio principal sin http ni www, solo (dominio.com) y presionamos continuar
Después seleccionamos el plan Free y le damos a continuar
Volvemos a hacer clic en continuar sin tocar nada más
Nos aparecerá un apartado donde veremos 2 enlaces:
A continuación, deberás acceder a tu proveedor de dominio y buscar el apartado de servidores DNS donde deberás colocar en el mismo orden estos 2 enlaces de CloudFlare. Guardamos y volvemos a CloudFlare
En CloudFlare tendremos que ir a DNS y hacer click en agregar un registro “Add Record”
CONFIGURACIÓN PARA SUBDOMINIOS
- Aquí deberemos seleccionar el tipo “CNAME”, poner en el campo nombre “el subdominio” y en Target debemos poner: “apps.nocode-builder.com” y guardamos.
EJEMPLO:
Si el dominio es eggdaddy.com y hemos creado un subdominio para la PWA que es app.eggdaddy.com en el campo "Nombre" deberemos colocar "app"
Si el dominio es eggdaddy.com y hemos creado un subdominio para la PWA que es app.eggdaddy.com en el campo "Nombre" deberemos colocar "app"
CONFIGURACIÓN PARA DOMINIOS
- Aquí deberemos seleccionar el tipo “A”, poner en el campo nombre “el dominio” y en Content debemos poner: la IP “46.21.144.194" y guardamos.
- Después vamos a el apartado del menú lateral SSL / TLS y lo ponemos en Full
PASO 3: Coloca el dominio o subdominio personalizado
Ve a la sección del menú lateral izquierdo del constructor PWA > Constructor de PWA y coloca el dominio en el campo "Dominio o Subdominio personalizado para la PWA" (en el caso de nuestro ejemplo anterior sería app.eggdaddy.com)
Luego pulsa el botón azul "Guardar" para aplicar ese dominio a tu PWA
NOTA: En ningún caso debes de poner aquí apps.nocode-builder.com
PASO 4: Solicita la activación
Una vez hayas configurado el dominio o subdominio para la PWA deberás enviar un email a soporte helpdesk@scoreapps.com indicando la activación del dominio o subdominio personalizado.