Este proyecto trata la parte del cliente para una aplicacion web que permite una conexión a un agente mtconnect y la visualización de sus datos.
Estas instrucciones le permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas.
-
Git. Para utilizar el control de versiones mediante linea de comandos con
$ git
, Descargar Git. -
Node JS. Para descargar las dependencias del proyecto y ejecutar comandos con
$ npm
. Descargar Node js. -
MTconnect-client-server. La api para solicitar y guardar algunos datos. Instalar MTconnect-client-server.
Ejecute las siguientes instrucciones en order mediante la cli de su sitema operativo para poder obtener una copia del proyecto funcional.
- Clonar el proyecto:
git clone https://github.com/engineer-jrg/mtconnect-client-client.git
- Moverse a la carpeta del proyecto:
cd ./mtconnect-client-client
- Instalar las dependencias necesarias:
npm install
Si ejecuto todos estos comandos y no obtuvo ningun error usted ya tieneninstalado el proyecto en su máquina local correctamente.
Configuración de las variables de entorno:
-
Se deben crear dos archivo en la ruta
config/environment/
con los siguientes nombres: para desarrollo: `.env.development.json para producción: ".env.production.json" -
En cada archivo se debe crear la configuración de cada ambiente, se puede usar como guía el archivo de esquema ubicado en la ruta
config/environment/schema.js
. La configuración de ambientes se hace en formto JSON, a continuación se muestra una ejemplo de como se veria un archivo de estos:
// .env.development.json
{
"env": "development",
"port": 3000,
"reactApp": {
"apiUri": "http://la/url/de/la/api/MTconnect/client/server"
}
}
Puede desplegar la aplicacion en dos modos: producción y desarrollo,ejecutando los siguientes comandos:
Para desarrollo ☔
- Lanzar la aplicación:
npm run start:dev
- Construir la aplicación:
npm run build:dev
Para producción ☕
- Lanzar la aplicación:
npm run start:prod
- Construir la aplicación:
npm run build
Desplegar con el servidor express 🕋
La aplicación puede desplegarce con un servidor express el cual esta configurado en el archivo server.js
ubicado en la raiz del proyecto siguiendo estos pasos:
- Contruir la aplicacion en cualquiera de los modos anteriores:
npm run build
ónpm run build:dev
- Lanzar el servidor
npm start
- React - Biblioteca de JavaScript para construir la interfaz
- Webpack - Componente para construir la aplicación javascript.
- Eslint - Dependencia para estandarizar y regular el código.
Podra encontrar más detalles de como usar la aplicación aquí Wiki (proximamente...)
Se usa Git para el versionado y Github como alojamiento remoto para el proyecto. Para mirar todas las versiones disponibles desde aquí Tags
-
Efrain Rodriguez - Sponsor - EfrainRodriguez.
-
Juan Rodriguez - Developer - engineer-jrg.
Este proyecto está bajo la Licencia (Por definir) - mira el archivo LICENSE.md para detalles
- Los desarrolladores de cppagent, el cual fue el agente mtconnect utilizado para desarrollar las pruebas 📦.
- Efrain Rodriguez por el patrocinio y el apoyo durante su desarrollo 💪.