Personalizar Dominio 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
Para el dominio o subdominio personalizado de PWA, tu dominio o subdominio debe tener un certificado SSL y además, debe apuntarse hacia Scoreapps con registros CNAME por lo que un SSL normal no funcionará. Por eso recomendamos los SSL de Cloudflare, que son muy sencillos de configurar.
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, en nuestro servidor de dominio buscaremos el apartado de servidores DNS y pondremos 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.146.98" 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
Popular Articles
Guía de Negocio para Resellers y Partners
En esta Guía de Negocio vamos a analizar los 8 puntos más importantes a tener en cuenta si te estás planteando lanzar tu Propio Negocio de Apps: ¿Cuánto puedes ganar con un Negocio de Apps? Demo de Scoreapps: Cómo crear Apps y Monetizarlas ¿Qué ...Ver una Demo de Scoreapps para Resellers
En este vídeo te explicamos el modelo de negocio, los tipos de Apps que puedes crear y las distintas herramientas que incluye Scoreapps en su Plan de Resellers: Y en este otro vídeo te enseñamos cómo funciona el software por dentro:Proporciona acceso a tus Aplicaciones
Con el Plan Reseller o Plan Partner puedes otorgar fácilmente a tus clientes o colaboradores acceso a tus aplicaciones. Accede a tu Panel de Apps, y después accede a cualquier Aplicación: Una vez dentro del constructor de Apps, ve a Mi Cuenta - ...Cómo Crear una App de Tienda
El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...Cómo diseñar la pantalla de inicio o portada de una App
En el video que te mostramos a continuación te explicamos cómo diseñar la pantalla de inicio de una App:
Related Articles
Versiones PWA (Progressive Web App) y cómo se publican
Lo primero que debes tener en cuenta es que la tecnología PWA está a mitad de camino entre una Web y una App nativa. Al igual que las Apps Nativas (Android e iOS) las PWA también tienen la capacidad de realizar el envío de notificaciones a ...Errores comunes en PWA
A continuación te explicamos los errores más comunes en PWA Lo primero que debes tener en cuenta es que la tecnología PWA está a mitad de camino entre una Web y una App nativa. Al igual que las Apps Nativas (Android e iOS) las PWA también tienen la ...Cómo Crear una App para Restaurantes (con o sin Delivery)
Primeros Pasos Una vez en la pantalla de inicio de Scoreapps, en el menú lateral izquierdo encontrarás el icono con forma de 'a' del constructor de apps. Ahí podrás crear una nueva aplicación y darle nombre. Una vez estés en la pantalla de ...APPS: Fidelización
Con la funcionalidad de tarjeta de fidelización, podrás crear una tarjeta de sellos para fidelizar a tus clientes. Cuando un usuario complete todos los sellos de la tarjeta recibirá una recompensa después de varios ser. Por ejemplo “Después de 5 ...Cómo crear una App de Cursos
A la hora de construir una App para Infoproductos, en la que se establece una membresía, es muy importante incluir una sección de la App con una "función código" para poder embeber el inicio de sesión a estos cursos. Si ya se dispone de este ...