X3-C

• Angular 2
• Bulma.io
• Angular Cli

Instrucciones para publicar en producción

• Crear el directorio en el servidor donde se va alojar:

mkdir mi_proyecto  && cd mi_proyecto

• Inicializar repositorio apuntando al proyecto cambiamos la palabra origin por github para saber de donde viene:

git init
git remote add -f github https://github.com/XXAI/X3-C.git

• Configuramos para que solo baje la carpeta de distribucion:

git config core.sparsecheckout true
echo dist/ >> .git/info/sparse-checkout
echo dist/assets >> .git/info/sparse-checkout
echo dist/scripts >> .git/info/sparse-checkout
echo dist/web-workers >> .git/info/sparse-checkout

• La configuración anterior solo es al inicio y una sola vez, a partir de aqui, solo hacemos pull y nada mas bajaremos el directorio de distribución de angular cli.

git pull github master

• La estructura interna de nuestra carpeta quedaría como sigue

.
+-- .git
+-- dist/
|   +-- assets/
|   |   +-- *.*
|   +-- scripts/
|   |   +-- *.*
|   +-- web-workers/
|   |   +-- *.*
|   +-- favicon.ico
|   +-- index.html
|   +-- *.*

• Configurar el archivo de apache httpd.conf para que apunte a la carpeta dist/ del proyecto

<VirtualHost *:80>
    ServerAdmin [email protected]
    DocumentRoot /var/www/html/mi_proyecto/dist
    ServerName mi.proyecto.com
    ErrorLog logs/error_log
    CustomLog logs/access_log combined
    <Directory /var/www/html/mi_proyecto/dist>
        RewriteEngine on

        # No reescribir archivos o directorios
        RewriteCond %{REQUEST_FILENAME} -f [OR]
        RewriteCond %{REQUEST_FILENAME} -d
        RewriteRule ^ - [L]

        # Reescribir todo lo demas a index.html para permitir html5 state links
        RewriteRule ^ index.html [L]
    </Directory>
</VirtualHost>

Instrucciones para publicar offline

Cuando se hagan cambios para producción y se quiera llevar estos cambios a las unidades offline compile la carpeta dist-offline

ng build --prod --aot=false --environment=offline  --output-path=dist-offline

Instrucciones para hacer pull en servidores offline que tienen internet

En el caso que se trabaje offline pero se cuente con una conexión a internet, podemos configurar para hacer pull solo la carpeta offline como lo hariamos en producción:

git config core.sparsecheckout true
echo dist-offline/ >> .git/info/sparse-checkout
echo dist-offline/assets >> .git/info/sparse-checkout
echo dist-offline/scripts >> .git/info/sparse-checkout
echo dist-offline/web-workers >> .git/info/sparse-checkout

Configuración apache para servidores offline

En el servidor apache hay que agregar al archivo /etc/httpd/conf/httpd.conf lo siguiente:

<VirtualHost *:80>

        #Angular
        DocumentRoot /var/www/html/cliente/dist-offline

        #Laravel
        Alias /api /var/www/html/api/public

        <Directory /var/www/html/cliente/dist-offline>
                RewriteEngine on

                # No reescribir archivos o directorios
                RewriteCond %{REQUEST_FILENAME} -f [OR]
                RewriteCond %{REQUEST_FILENAME} -d
                RewriteRule ^ - [L]

                # Reescribir todo lo demas a index.html para permitir html5 state links
                RewriteRule ^ index.html [L]
        </Directory>

        <Location /api>
                RewriteEngine On
                RewriteCond %{REQUEST_FILENAME} !-d
                RewriteCond %{REQUEST_FILENAME} !-f
                RewriteRule ^ /api/index.php [L]
                RewriteCond %{HTTP:Authorization} .
                RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
        </Location>
</VirtualHost>

Nótese que también se agrega la configuración para la api puesto están en el mismo servidor.