tutorial - Configuración de Reaccionar en un proyecto de CakePHP
cakephp login (1)
¿Cómo puedo configurar React en la webroot de CakePHP usando un paquete web?
Tengo un proyecto CakePHP existente (con Model, View, Controller). Quiero configurar el proyecto mini React en su webroot ( Project/Miniproject/index.html ). index.html hará que las llamadas ajax a la API estén definidas en los controladores.
- Project
| - app
| | - Controller
| | - View
| | - Model
| | - webroot
| | | - Miniproject
| | | | - index.html [Mini react project]
He intentado instalar React Transform Boilerplate . Pero usa el servidor de desarrollo web (y representa los archivos en localhost: 3000). Pero quiero archivos procesados desde el servidor nginx en el que se ejecuta mi proyecto CakePHP.
Cuando visito la url ( Project/Miniproject/index.html ), no puede encontrar dist/bundle.js porque está en la memoria. Entonces, ¿cómo puedo configurar Reaccionar en Webroot CakePHP usando un paquete web?
Recomiendo buscar en https://github.com/brawlins/react-webpack-php-starter .
Todavía puede hacer que Webpack ejecute un servidor de desarrollo a través de BrowserSync y usará la opción de proxy para volver a cargar su host virtual de apache. (no es necesario usar webpack-dev-server)
por ejemplo, en su webpack.config.js
plugins: [
// reloads browser when the watched files change
new BrowserSyncPlugin({
// use existing Apache virtual host
proxy: ''http://localhost:80/'',
tunnel: false,
// watch the built files and the index file
files: [''public/assets/*'', ''./index.php'', ''./api/*.php'']
}),
Espero que tenga sentido. Excave el código del repositorio y lo conecte un poco. Una vez que tenga la Idea de cómo @brawlins configuró su proyecto. Deberías poder utilizarlo o iniciar la configuración de tu paquete web desde cero.
Solo recuerda que no hay una respuesta correcta, solo tienes que experimentar con métodos que puedas entender y que te sirvan. Una vez que alcanzas una pared de ladrillos, sales y exploras. Pero siento que ya lo sabes :)
¡Buena suerte!
:)
ps. Estoy de acuerdo con @azium, es mejor mantener la parte frontal y posterior separadas tanto como sea posible