Cómo creamos complementos de WordPress: desde la idea hasta el lanzamiento

Si ha leído nuestro blog durante algún tiempo, probablemente haya visto algunos de nuestros tutoriales sobre el desarrollo de complementos utilizando diferentes tecnologías como React y Vue. Pero cuando no escribimos ejemplos para publicaciones de blog, si no nos sumergimos en la creación de un nuevo complemento, hay muchas más cosas antes de escribir una sola línea de código. En la publicación de esta semana, echaremos un vistazo a todo lo que hacemos para crear un nuevo producto o un complemento de WordPress. No nos adherimos estrictamente a ningún proceso específico de desarrollo de software, pero el método que usamos actualmente parece funcionar bien.
Investigación y lluvia de ideas Obviamente, todo comienza con una idea. Alguien en el equipo (generalmente Brad) se le ocurrirá una idea para un nuevo producto y lo agregará a nuestro panel privado. A veces, esto proviene de la experiencia personal, a veces de cosas que escuchamos de los clientes o simplemente de una necesidad que vemos en el mercado. Una vez que tengamos una idea, todos pensaremos. A menudo haremos esto cuando la empresa se retire, porque la posibilidad de hacer de la lluvia de ideas un nuevo producto en persona puede ayudar mucho. Una vez que estamos seguros de que esto es algo que queremos hacer, investigaremos para determinar si este es un producto que las personas estarán dispuestas a comprar. Crearemos encuestas, investigaremos a cualquier competidor potencial e intentaremos evaluar el interés general del complemento o el producto.
A continuación, vamos a la lluvia de ideas de posibles características. Esta es quizás la parte más importante del proceso, porque en este momento decidimos qué características deben incluirse cuando la dirección general tomemos. Comenzaremos teniendo algunas reuniones y trabajando en un documento en Google Drive. Esto facilita a todos a proporcionar información y separar el producto en fases. En el caso de nuestro complemento (lanzado ahora), WP Descarga SES, hemos decidido todo en la versión pública 1.0 y cualquier otra característica que deseemos que agregamos a continuación. Esto ayudó a fortalecer la actividad que tenía que hacerse (y cuándo) y a evitar cualquier deformación potencial del alcance.

Wireframes Después de que acordamos el campo inicial de la versión, luego cree Wireframes usando Balsamiq Cloud para ayudar a ver la interfaz de usuario. Descubrí que los alambre simples se pueden completar mucho más rápido y no necesitamos FIR para crear modelos de alto llay en Photoshop, como lo ha hecho en el pasado.
Durante la creación de estructuras alámbricas, incluimos todo, desde modelos generales hasta funcionalidades e incluso la copia específica que se utilizará. De esta manera, no debemos preocuparnos de que seamos excelentes redactores o que produjeremos nuevas soluciones mientras desarrollamos el complemento.

Luego, una vez que los wireframes están un poco más pulidos, los abrimos para su revisión. Una cosa que noté es que los comentarios de Balsamiq pueden estar un poco confundidos, por lo que exportamos los wireframes a Google Drive. Una vez que se accede a Google Drive, todo nuestro equipo también puede resaltar ciertas partes de los modelos y puede comentar que todo está potencialmente confundido y debe cambiarse. Después de algunas rondas de comentarios y actualizar los modelos basados ​​en cualquier comentario, finalmente es hora de comenzar a trabajar en el complemento en sí. El desarrollo del complemento es ligeramente diferente, pero hay algunas cosas que configuramos de inmediato para todos nuestros complementos:
Algo para compilar SASS en CSS y minimizar JS (como Primer, Gulp o Webpack)

Cargadores automáticos
Crear escrituras para compilar complementos para versiones
Mantenerlos temprano ayuda a mantener todo organizado más tarde. También tenemos una guía de estilo general para todos nuestros complementos, lo que mantiene los elementos IU y elimina la necesidad de hacer modelos excepto los alambre iniciales. Cuando se trata de escribir el código de complemento, trabajamos en equipos de dos. Este método nos permite escribir y revisar el código rápido, sin la confusión y el paso que viene con el lanzamiento de muchos desarrolladores en un solo proyecto.
Tenemos un flujo de trabajo GitHub bastante estándar, basado en el enfoque GitFlow de la ramificación: nuestra rama maestra se refiere a la última versión, mientras que las ramas de características externas desarrollan para crear nuevas características o remedios de errores. Una vez que se ha completado la función o el remedio, creamos una solicitud de extracción que el escrutinizador revisa automáticamente, y nuestras pruebas se ejecutan en Travis. Una vez que se hayan completado las revisiones y las pruebas automáticas, el otro desarrollador del equipo examinará manualmente el código y lo probará en una instalación local. Suponiendo que todo esté bien, las relaciones públicas se fusionan en el desarrollo. De lo contrario, el revisor atribuye el PR de regreso al desarrollador, y el desarrollador realiza todos los ajustes necesarios. Revise y pruebe después de haber escrito las características básicas, es hora de una nueva ronda de revisiones. Tradicionalmente, creamos hojas de cálculo que cubren cada característica principal del producto, que se ve así:
Sin embargo, este fue un proceso que requiere mucho tiempo, especialmente porque tres miembros del equipo atravesarían las hojas con un solo sitio, un subdominio con varios sitios y subdirectores con varios sitios. Comenzamos a reemplazar estas pruebas con pruebas de aceptación automática, que al principio consumen más tiempo, pero disfrutan mucho tiempo. Ahora nuestro proceso de prueba es mucho más rápido y se ve mucho más genial:
Después de que todas las funciones se hayan completado y probado a fondo, finalmente es hora de iniciar el complemento. Dependiendo del complemento, podamos lanzarlo primero como una versión beta o podríamos lanzarlo directamente en producción. Escribimos una publicación de blog sobre el lanzamiento, creamos una rama de lanzamiento en GitHub y utilizamos los scripts de compilación mencionados anteriormente para iniciar el complemento. Si se trata de un complemento gratuito, incluso podríamos establecer implementaciones automáticas en wordpress.org usando Travis. ¡Es hora de una cerveza! Las conclusiones funcionan mucho en la creación de un nuevo producto, pero realmente me gusta el proceso que tenemos ahora. La clasificación de detalles más finos durante las sesiones de lluvia de ideas y en las marcas alámbricas ayuda a eliminar preguntas aleatorias y la disminución del dominio que generalmente ocurre en el camino. Debido a esto, crear el producto parece ir mucho más rápido y menos estresante. ¿Pasas por algo similar al crear un producto nuevo o crees que podríamos mejorar algo? Dinos en los comentarios.