Cómo hacer una versión móvil dedicada de mi sitio web bajo el mismo dominio

Hay varias formas de redirigir a los usuarios al sitio web móvil si el usuario navega por el sitio desde el móvil. Estas son algunas de las formas:

  • Puede usar servicios como Cloudflare – The Web Performance & Security Company | Cloudflare que le permite redirigir al usuario móvil al sitio web móvil. Puede encontrar más detalles en este artículo Acerca del redireccionamiento móvil de Cloudflare
  • Si su sitio web es una plataforma estándar como Blog Tool, Publishing Platform y CMS o Magento: plataformas de comercio electrónico, software y soluciones para vender en línea, entonces hay complementos que pueden hacerlo por usted.
  • Si tiene un sitio web personalizado, puede usar este javascript basado en el tamaño de pantalla:

<! –
if (screen.width <= 800) {
window.location = “http://m.domain.com”;
}
// ->

  • Si está utilizando el servidor web de Apache para su sitio web, puede escribir reglas de reescritura en su archivo .htaccess.

RewriteEngine On
# Verifique los tipos mime comúnmente aceptados por los dispositivos móviles
RewriteCond% {HTTP_ACCEPT} “text \ / vnd \ .wap \ .wml | application \ / vnd \ .wap \ .xhtml \ + xml” [NC]
RewriteCond% {REQUEST_URI} ^ / $
RewriteRule ^ http: //m.domain.com% {REQUEST_URI} [R, L]

Hola. No te daré una respuesta definitiva sobre cómo ‘Oyo’ lo está haciendo. Lo que puedo hacer es decirte cómo se hace generalmente. Ahora que tenemos eso fuera del camino, es más o menos como esperarías.

  1. Usted determina qué dispositivo está utilizando el visitante y lo redirige a una versión adecuada del sitio web (móvil en este caso, si el visitante está en un teléfono móvil).
  2. Verifique el tipo MIME que usa el navegador del usuario. La mayoría de los móviles usan WML o lenguaje de marcado inalámbrico. Una vez hecho esto, use una redirección de URL .htcaccess. Coloque un pequeño fragmento de código en su archivo .htcaccess y listo, será redirigido a la versión móvil del sitio web (cuyo dominio, ‘http://m.domain.com’) se encuentra en el fragmento de código ) Fácil de buscar en Google el código .htcaccess, así que no lo pondré aquí.

El fragmento de código JS, que se colocará en la sección principal del código de su sitio web (usando el método window.location es como se proporciona a continuación).

Pruébalo 🙂

if (screen.width <= 800) {
window.location = " http: //m.domain.com&quot ;;
}

Use js para obtener el tipo de dispositivo y los archivos en consecuencia.

More Interesting

¿Es Ionic Framework lo suficientemente bueno para una aplicación de base de datos pesada?

En una startup de Internet, ¿es mejor lograr el diseño y desarrollo del sitio web y la aplicación móvil a través de compañeros de trabajo o subcontratando?

¿Cuánto costaría diseñar una aplicación similar a Uber en Android y en iOS?

¿Funcionará la idea de mezclar películas y la bolsa de valores para crear un juego móvil en India?

¿La experiencia de usuario (UX) en Airbnb.com y su aplicación móvil son frustrantes y obstaculizan la utilidad central de encontrar y administrar reservas?

Cómo comenzar a aprender Ubuntu y MySQL, comenzar a escribir mi primera aplicación, proveniente de un fondo de tecnologías de Microsoft

¿Debería pedirse a un desarrollador de iOS Junior en una compañía de aplicaciones que cree una red social por su cuenta?

¿Cuáles son las ventajas y desventajas de la plataforma de creación de aplicaciones que no requiere codificación?

¿Debería cada empresa tener un sitio web o aplicación móvil?

Soy nuevo en programación y estoy interesado en el desarrollo web. Me gustaría desarrollar buenas interfaces de usuario. ¿Cuál es el mejor lenguaje de programación para aprender?

¿Cómo obtienen ingresos aplicaciones como WhatsApp?

¿Hay alguna evidencia de que el espaciado simple después de un período es mejor que el espaciado doble para la usabilidad del sitio web o la aplicación móvil?

Desarrollo web o desarrollo de aplicaciones móviles, ¿cuál tiene más posibilidades de hacerse realmente rico?

¿Qué son las herramientas de desarrollo de aplicaciones de Android?

¿Cuál es la diferencia entre un servicio web, API web y API REST? ¿Qué es mejor usar con todos los lenguajes como Java, PHP y aplicaciones móviles?