¿Hay alguna forma de adivinar qué marco de back-end puede usar un sitio? ¿Qué tipo de pistas o patrones se pueden encontrar en el marcado o en otro lugar para regalar algunos de los marcos más conocidos como Rails o Django?

Hay una variedad de métodos que se pueden usar para realizar ingeniería inversa en lo que impulsa un sitio. Un enfoque es una forma muy rudimentaria y limitada, pero le brinda una visión general decente … Puede hacerlo manualmente visitando la página y seleccionando la opción ‘ver fuente’ o iniciando herramientas de desarrollador en su navegador. Si está familiarizado con HTML, podrá detectar algún código que proporcione pistas. Al observar las rutas, los nombres de las carpetas y los nombres de los archivos en los enlaces, puede ver qué tipo de marcos se están cargando: JS y CSS … Esta no es una excelente manera de hacerlo, ya que lo que ve es el resultado de un servidor que genera el código en vuela desde los archivos fuente y no está viendo el código fuente real. Está lejos de ser ideal y, a menudo, no revela lo suficiente y lleva mucho tiempo.

Recientemente me encontré con una extensión del navegador Chrome que hace un trabajo increíble al identificar el marco subyacente y la información adicional para un sitio. Se llama WhatRuns y puede obtener más información e instalarlo desde este sitio web: Descubra lo que ejecuta un sitio web

Puede hacer clic en el botón de extensión para activarlo en un sitio que está visitando y se mostrará una ventana similar a esta:

Como puede ver, muestra información muy interesante que sería más difícil de identificar solo mirando el código fuente.

Para poder adivinar el marco utilizado en el desarrollo de un sitio web, debe estar familiarizado con algunos de ellos para poder identificarlos en función de la estructura del sitio. Por ejemplo, algunos sitios creados con el marco Yii2 a veces tienen un archivo Yii.js copiado en la carpeta de evaluaciones. Otros marcos pueden tener otras huellas que dejan atrás.

Además, su capacidad para adivinar esta estructura depende de qué tan bien el desarrollador haya podido limpiar la base del código antes de implementarla en un servidor de producción.

Por último, herramientas como BuiltWith [1], SiteStacks [2], Wappalyzer [3] y SimilarTech [4] pueden ayudarlo con la información que busca.

Notas al pie

[1] BuiltWith – Perfil de tecnología web

[2] SiteStacks Descubre la pila de sitios web populares

[3] Identificar tecnologías en sitios web

[4] Genere oportunidades de ventas con la búsqueda de pila de tecnología web | SimilarTech

Cada marco tendrá huellas digitales reveladoras que pueden darte una pista.

WordPress, por ejemplo, normalmente tendrá cadenas “wp -____” en las rutas. Entonces, si ve la fuente, presione Ctrl + F y escriba “wp-” y aparece cualquier cosa, es muy probable que sea WordPress. WordPress, de manera predeterminada (creo que esto se puede anular) tendrá una metaetiqueta (nombre = “generador”) que indica que se creó con WordPress. Hay otros fragmentos de contenido idiosincrásicos que WordPress a menudo incluye: si trabaja con WordPress, reconocerá algunos de ellos.

Los rieles suelen tener una etiqueta CSRF en el encabezado en alguna parte (una metaetiqueta, con “nombre = csrf-token”); otros también pueden usar esto, por lo que no es 100% concluyente. Las aplicaciones más nuevas de Rails a menudo usarán una “canalización de activos” donde el CSS y JS se compilan y minimizan (previsiblemente) en archivos únicos; estos a menudo se sirven desde una carpeta “/ assets /” y tienen largos prefijos alfanuméricos en los nombres de archivo. Las URL tienden a parecer muy RESTful (nombres e ID de recursos entrelazados, como / magazines / 5 / issues / 133).

Trabajo con PHP y Rails principalmente, así que esos son los que mejor conozco, pero si estudias algún marco y trabajas estrechamente con él, generalmente tienen bits reconocibles que generalmente no están ocultos.

Comience viendo la fuente y mirando tanto el encabezado ( ) como el pie de página (todo antes y después de la etiqueta de cierre ). Eche un vistazo a los activos (JS / CSS) que se cargan; a veces los comentarios pueden darte una pista. Busca nombres y propiedades que parezcan extrañamente únicos y búscalos en google (por ejemplo, con los rieles “csrf-token”, con wordpress “wp-content”).

More Interesting

¿Cuáles son los beneficios de aprender tanto la programación back-end como la programación front-end?

¿Qué es el desarrollo front-end y back-end en el desarrollo web?

¿Qué hace un desarrollador web back-end todos los días en el trabajo?

¿Qué es parte del back-end en el desarrollo web?

¿Cuáles son algunos lenguajes de programación de back-end que se requieren para construir una aplicación híbrida?

¿Cómo es el futuro de Scala and Go para el desarrollo de backend? ¿Cuál debería aprender?

Entre los desarrolladores front-end y back-end, ¿qué conjuntos de habilidades son más importantes para uno que para el otro?

¿Es normal que tenga más interés en los lenguajes de programación de fondo como php, c #, vb, java que javascript, ajax, etc.?

Al completar el certificado de back-end de Free Code Camp, ¿debo usar un idioma de back-end que se enseña en mi programa de informática en la universidad?

¿Qué es un back-end?

¿Alguna empresa de desarrollo de sitios web confiable y de buena reputación en China (con sede en Nanjing, Shanghai o cerca)?

Al crear un sitio web, ¿debería comenzar a codificar el back-end y luego pasar a diseñar el front-end o lo contrario?

Cómo comenzar a construir un backend como plataforma de servicio desde cero

¿Qué lenguaje es mejor para el desarrollo web frontend / backend: Python, PHP o JavaScript? ¿Y por qué?

¿Has conocido a un desarrollador de Full Stack que está entusiasmado con el front-end y el back-end?