¿Cómo implementar la aplicación WordPress completa en la aplicación Nuxt?

2 minutos de lectura

¿Hay alguna posibilidad de implementar la aplicación wordpress completa en la aplicación Nuxt? Quiero decir, quiero tener una dirección. foo.com de mi aplicación y en foo.com/bar será la aplicación wordpress. ¿Hay alguna manera de hacer esto? ¿El enrutador Nuxt podrá lidiar con esto?

La API de WordPress y el iframe no son respuestas, lo que busco. Como dije, quiero implementar WordPress completo en una dirección específica de mi aplicación Nuxt.

  • Es posible, pero no usar directamente el servidor web NodeJS, debe configurar su aplicación de manera que el servidor nuxt sirva en un puerto diferente y luego use Nginx como proxy inverso para lograr lo que necesita

    – Amín

    28 de febrero de 2021 a las 11:04

  • ¿Tienes alguna documentación o tutorial sobre cómo hacer esto?

    – BobiDaHombre

    28 de febrero de 2021 a las 16:11

  • ¿Por qué no utilizar WordPress como CMS headless en este caso? No veo el beneficio de tener ambos.

    – besarte

    1 de marzo de 2021 a las 4:02

  • Ya tengo un antiguo blog de WordPress y no tengo tiempo para crear una interfaz para el nuevo blog

    – BobiDaHombre

    1 de marzo de 2021 a las 18:28


  • Solo debe usar un nginx y enrutar /bar al sitio de wordpress. Asegúrese de configurar wordpress con el /bar sendero, wpbeginner.com/wp-tutorials/…

    – Tarun Lalwani

    3 de marzo de 2021 a las 14:13

un poco de fondo

  • NuxtJS (construir como estático) es un lado del cliente aplicación
  • WordPress es un PHP lado del servidor aplicación
  • un sitio wordpress normalmente ser servido a los usuarios por servidores web como apache o nginx.
  • Aplicaciones del lado del cliente servidas por cualquier servidor web (incluyendo apache o nginx)

Por lo tanto, no puede “implementar wordpress en nuxt”, pero es simple obtener lo que desea:

  1. Sigue esto guía para mover el wordpress a un subdirectorio
  2. Cargue la aplicación nuxt en el directorio raíz

En caso de que esté usando SSR o cualquier otro requisito que lo obligue a usar Nuxt en modo servidortus opciones son:

  • Configurar nginx como proxy inverso
  • Configurar apache como proxy inverso
  • Configure un proxy en el propio servidor de nodos, tal vez este proyecto podría ayudar

avatar de usuario
JanuszO

Creo que puede haber un problema con esto sin la API de wordpress, pero la pregunta es, ¿te importa Nuxt.js o tal vez solo Vue es suficiente? Recuerda que en Vue 2 puedes usar un plantilla en línea, gracias al cual puedes renderizar elementos en el lado del servidor. Para esto, agregará los elementos necesarios del ecosistema Vue, como un enrutador y una configuración que tendrá similar a Nuxt.js. Código de ejemplo:

<div is="navbar-dropdown" inline-template>
    <div v-cloak :class="isOpenDropdown ? 'visible opacity-1 mt-0' : 'invisible opacity-0 mt-10'">
        <?php get_search_form(); ?>
    </div>
</div> 

¿Ha sido útil esta solución?