Este repositorio contiene la primera versión de la base para levantar un dominio con los requerimientos mínimos para un proyecto que utilice el Sistema de Diseño y Accesibilidad para la Investigación. Esta primera versión actualmente se encuentra deprecada y este repositorio se mudará al grupo de Salsa, donde se podrá encontrar en esta liga. Así mismo se puede encontrar una segunda versión en funcionamiento en este repositorio.
Debido a lo anterior en diciembre del 2022 este repositorio será archivado.
Para utilizar este proyecto necesitas tener previamente instalado
- Clonar éste repositorio
- Cambiar el nombre a la carpeta al nombre del proyecto
- Cambiar el nombre del proyecto en el package.json
git remote rename origin basewebpara cambiar el nombre del link del repo
- Este repo remoto solo se utilizará para jalar cambios del proyecto base con
git pull baseweb main, nunca para subir.
git remote add origin [email protected]:usuario/repositorio.gitpara agregar a origin el repo del proyecto
- en este repositorio se debe actualizar el proyecto normal como siempre
- para subir cambios
git push origin main - para jalar cambios
git pull origin main - o en cualquiera que sea la rama en la que se este trabajando.
git push origin nombreramael punto es recordar siempre utilizaroriginpara lo relacionado al proyecto.
Instala las dependencias del proyecto
npm install
El index.html dentro de la carpeta public/ tiene en el head los meta tags de OpenGraph y TwCard para compartir en redes. Los metadatos de titulo y descripcion se cargan con las variables de entorno. Pero es necesario escribir los siguientes datos, dependiendo de las rutas absolutas del proyecto en producción.
<meta property="og:url" content=" " />
<meta property="og:image" content=" " />
<meta name="twitter:image" content=" ">Las variables de título y descripción se utilizan en los meta tags de la cabecera del html y como parte del mensaje de alerta cuando no se tiene activado javascript en el navegador.
Edita las variables en el archivo .env, .env.pruebas y env.production en la raiz del proyecto.
VUE_APP_TITLE = titulo nuevo del proyecto
VUE_APP_DESCRIPTION = descripción del proyecto
Esta variable se utilizan en los meta tags de la cabecera del html. Para escribir la base de rutas de los capítulos y subcapítulos, ligandolos al entorno para el que se compila
Edita las variables en el archivo .env, .env.pruebas y env.production en la raiz del proyecto.
VUE_APP_ENI_DOMAIN = https://url-del-eni.conacyt.mx
Si esta variable VUE_APP_MATOMO_SITEID es diferente de 0 se configura la libreria de vue-matomo para la aplicación. Se puede utilizar en cualquier ambiente, por si se necesitaran hacer pruebas en el sitio de desarrollo.
Edita la variable en el archivo .env, .env.pruebas y env.production en la raiz del proyecto.
VUE_APP_MATOMO_SITEID = 0
La variable VUE_APP_BASE_ROUTE en el archivo .env apuntando a raiz.
VUE_APP_BASE_ROUTE = /
Cambia el nombre de la carpeta pública editando la variable VUE_APP_BASE_ROUTE de los archivo .env.pruebas y env.production. De preferencia ambos entornos deben tener la misma subcarpeta, para comprobar que esté bien la configuración en pruebas, antes de salir a producción.
VUE_APP_BASE_ROUTE = /nombredelsubfolder/
Esta guardada la configuracion del subfolder en la carpeta public del proyecto en el archivo `.htaccess``
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /nombredelsubfolder
RewriteRule ^nombredelsubfolder/index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /nombredelsubfolder/index.html [L]
</IfModule>
Nunca he tenido un servidor con nginx pero este tutorial que me encontré se ve bueno deploy vue with nginx on sub path
npm install
npm serve
npm run dev
npm run build