Configuración de desarrollo local

Clona la aplicación WKND Teams React de la rama de solución basic-tutorial.

$ git clone -b solution/basic-tutorial git@github.com:adobe/aem-guides-wknd-graphql.git

Vaya al directorio basic-tutorial y ábralo en el editor de código.

$ cd aem-guides-wknd-graphql/basic-tutorial
$ code .

Instale las dependencias e inicie la aplicación React.

$ npm install
$ npm start

Abra la aplicación WKND Teams React en el explorador en http://localhost:3000. Muestra una lista de los integrantes del equipo y sus detalles. El contenido de la aplicación React lo proporciona AEM SDK local mediante las API de GraphQL (/graphql/execute.json/my-project/all-teams), que puede comprobar mediante la ficha de red del explorador.

Detenga el React presionando Ctrl + C en el terminal.

Actualice el archivo package.json para incluir la variable de entorno HTTPS=true en el script start.

"scripts": {
    "start": "HTTPS=true react-scripts start",
    ...
}

Actualice REACT_APP_HOST_URI en el archivo .env.development para utilizar el protocolo HTTPS y el puerto proxy HTTP SSL local de AEM SDK.

REACT_APP_HOST_URI=https://localhost:8443
...

Actualice el archivo ../src/proxy/setupProxy.auth.basic.js para usar la configuración SSL relajada mediante la opción secure: false.

...
module.exports = function(app) {
app.use(
    ['/content', '/graphql'],
    createProxyMiddleware({
    target: REACT_APP_HOST_URI,
    changeOrigin: true,
    secure: false, // Ignore SSL certificate errors
    // pass in credentials when developing against an Author environment
    auth: `${REACT_APP_BASIC_AUTH_USER}:${REACT_APP_BASIC_AUTH_PASS}`
    })
);
};

Inicie la aplicación React.

$ npm start