aerobatic

PROPÓSITO

  • anotar todo la relativo a aerobatic
  • versión v1.1.0
  • 2019-11-13 18:39:29 parece que es un proyecto un tanto abandonado

CIERRE DE AEROBATIC

CUENTAS

JAVIERIRANZO@HOTMAIL.COM

JAVIERIRANZO3@GMAIL.COM

COMANDOS

  • aero –version
C:\proyectos\hugo\javier-programacion>aero --version
1.1.0
  • aero info
    • en el directorio de la aplicación
C:\proyectos\hugo\javier-programacion>aero info

Name:
    javier-programacion

Website ID:
    221b2c46-f5a2-4e1a-b7f4-59ea6d7e7fde

Account ID:
    4b77f5e7-ac8e-4ca5-8d0c-1aa2b99b5601

URLs:
    production      => https://javier-programacion.aerobaticapp.com

Plan:
   Trial
   Upgrade to the Pro plan in order to add a custom domain
   https://dashboard.aerobatic.com/4b77f5e7-ac8e-4ca5-8d0c-1aa2b99b5601/javier-programacion/upgrade


Usage:
      Day: 1.07 MB data out | 157 requests
    Month: 46.14 MB data out | 4,362 requests
    Quota: 0% of 10 GB daily data transfer used
  • aero login
Invalid authToken. Try logging in first with aero login


C:\proyectos\jekyll\notas-programacion>aero login

Aerobatic - Professional static web publishing. (v1.1.0)

? Email: javieriranzo3@gmail.com
? Password: **********

Logged in as javieriranzo3@gmail.com

TEMAS

  • los que suelo usar
    • Dark visual studio
    • seti visual studio

AEROBATIC NOVEDADES FINALES

  • 2019-12-11 22:32:04
  • compruebo que ya no funciona ninguno de los sitios que tenia alojados en Aerobatic
  • la opción más barata son 15 $ al mes por sitio lo que me parece muy caro

AEROBATIC NOVEDADES 6/2017

AEROBATIC USO INTENSIVO

  • como se ha limitado el tiempo de los pipelines de 500 minutos por equipo a 50 ya no es suficiente por lo que intento hacer el despliegue desde aerobatic.
aero login
aero deploy --directory _site
  • funciona bien y más rápido
  • de esta forma separo los commits de los despliegue que dado que hago al menos dos commits al día es una buena alternativa.
  • los commits desde el trabajo y desde casa y el deploy desde casa a la vez que el commit porque es donde tengo instalado el cliente de aerobatic-cli

AEROBATIC COMO APLICACION AUTÓNOMA

  • despues de los cambios anunciados en su blog ahora aerobatic funciona de forma autónoma y con varios repositorios.

INSTALAR EL CLIENTE

npm install aerobatic-cli -g

DIRECTAMENTE CON AEROBATIC

  • te instalas el cliente de aerobatic

CON UN REPOSITORIO

  • es necesaria una apikey que relaciona el repositorio con aerobatic
    • AEROBATIC_API_KEY
    • esta clave es única para todo el repositorio
  • el archivo package.json ahora es sustituido por aerobatic.yml
    • en ese archivo se incluye el id que tiene sitio en aerobatic donde se va a desplegar
    • se configuran los plugins que se quieren usar en aerobatic por ejemplo la autenticación.
  • el archivo bitbucket-pipelines.yml es donde se configuran los comandos que se disparan cuando se hace un push en el repositorio
  • los variables de autenticación se configuran el aerobatic como variables de entorno para cada sitio.

AEROBATIC COMO ADD-ON PARA BITBUCKET

  • aerobatic

  • el plan free lleva dos sitios, un dominio y un limite de 5 despliegues al dia

  • interesante pues se encarga del despliegue y del hosting

  • se integra con bitbucket por ejemplo

  • para comenzar

INSTALAR EL ADD-ON

  • Install the Aerobatic Bitbucket add-on

  • se añade el add-on en bitbucket añadirAddonABitbucket

  • se autoriza el acceso de aerobatic a la cuenta de bitBucket accesoDeAerobaticABitbucket

  • permite autenticación simple por htaccess configurado desde sus plugins

CAMBIO EN LAS CONDICIONES 2017-02-06 19:44

NUEVO PANEL

  • el nuevo panel de aerobatic ya como CLI command line interface y web dashboard web dashboard

SITIO EN AEROBATIC CON JEKYLL DE FORMA SIMPLE DESDE CERO

C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic>jekyll new prueba
New jekyll site installed in C:/nube/MEGA/programacion/HtmlCssEstatico/aerobatic/prueba.
Running bundle install in C:/nube/MEGA/programacion/HtmlCssEstatico/aerobatic/prueba...
Fetching gem metadata from https://rubygems.org/
Fetching version metadata from https://rubygems.org/
Fetching dependency metadata from https://rubygems.org/
Resolving dependencies..............
Using public_suffix 2.0.5
Using colorator 1.1.0
Installing ffi 1.9.18
Using forwardable-extended 2.6.0
Using sass 3.4.23
Using rb-fsevent 0.9.8
Using kramdown 1.13.2
Using liquid 3.0.6
Using mercenary 0.3.6
Using rouge 1.11.1
Using safe_yaml 1.0.4
Using bundler 1.12.5
Using addressable 2.5.0
Using rb-inotify 0.9.8
Using pathutil 0.14.0
Using jekyll-sass-converter 1.5.0
Using listen 3.0.8
Using jekyll-watch 1.5.0
Using jekyll 3.3.1
Using jekyll-feed 0.9.1
Using minima 2.1.0
Bundle complete! 3 Gemfile dependencies, 21 gems now installed.
Use `bundle show [gemname]` to see where a bundled gem is installed.
  • siguientes pasos una vez creado el sitio jekyll en local
C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic>cd prueba

C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\prueba>aero login

Aerobatic - Professional static web publishing. (v1.0.15)

? Email: javieriranzo@hotmail.com
? Password: **********

Logged in as javieriranzo@hotmail.com

   ╭──────────────────────────────────────────╮
   │                                          │
   │    Update available 1.0.15 → 1.0.28      │
   │   Run npm i -g aerobatic-cli to update   │
   │                                          │
   ╰──────────────────────────────────────────╯

C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\prueba>
  • una vez logeado puedo crear la parte de aerobatic
C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\prueba>aero create

Creating new Aerobatic website in this directory


Website https://flagrant-crook.aerobatic.io created.
To deploy your first version, run aero deploy.
  • ¿de donde sacan esos nombres?
  • ahora a configurar
C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\prueba>echo "url: https://__baseurl__" > _aerobatic.config.yml
  • a generar el sitio
C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\prueba> jekyll build --config _config.yml, _aerobatic.config.yml
WARN: Unresolved specs during Gem::Specification.reset:
      listen (< 3.1, ~> 3.0)
WARN: Clearing out unresolved specs.
Please report a bug if this causes problems.
Configuration file: _config.yml
            Source: C:/nube/MEGA/programacion/HtmlCssEstatico/aerobatic/prueba
       Destination: C:/nube/MEGA/programacion/HtmlCssEstatico/aerobatic/prueba/_site
 Incremental build: disabled. Enable with --incremental
      Generating...
                    done in 1.2 seconds.
 Auto-regeneration: disabled. Use --watch to enable.
  • a desplegar
C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\prueba>aero deploy --directory _site

Deploy new Aerobatic website version to stage production

     Compressing website assets
     Uploading archive to Aerobatic
     Waiting for cloud deployment to begin
     Cloud deployment in-progress

Version v1 deployment complete.
View now at https://flagrant-crook.aerobatic.io
  • así de sencillo.
  • si se quiere control de versiones se puede hacer con Bitbucket o Gitlab pero esta es la forma sencilla

AUTENTICACIÓN

MÉTODO RÁPIDO

aero login
aero create
  • luego vas a la web para cambiar el nombre del sitio o no
  • se monta el sitio
    • _aerobatic.config.yml puede no existir
bundle exec jekyll build --config _config.yml, _aerobatic.config.yml
  • a desplegar
aero deploy --directory _site
  • se genera un archivo aero-deploy.tar.gz que es comprimido el sitio a desplegar.
  • ponerlo en .gitignore para evitar subirlo al repositorio.
  • sale el mensaje no se esperaba -f en este momento que no se que significa 😠

Deploy new Aerobatic website version to stage production

No se esperaba -f en este momento.
     Compressing website assets
     Uploading archive to Aerobatic
     Waiting for cloud deployment to begin
     Cloud deployment in-progress

Version v207 deployment complete - 96292ms
View now at https://notas-programacion.aerobatic.io

CSS Y JS CON NOMBRE CAMBIADO

  • veo en el despliegue de notas-personal que no toma los css y los js ni favicon.
  • tiene todos el nomnre con un hast en md5 o eso pone lo que es una buena practica para evitar el cachero de esos componentes pero debe ser acompañado con el cambio de la referencia en el html y eso no esta cambiado.
    • es algo que grunt hace.
    • en el despliegue de la versión 115 ya esta correcto css_js_md5_nombre_cambiado
    • y el código html
<link rel="shortcut icon" href="/favicon--md5--4224681843d7eac256344a893af572c5.ico" type="image/x-icon">
<link rel="icon" href="/favicon--md5--4224681843d7eac256344a893af572c5.ico" type="image/x-icon">
<link rel="stylesheet" href="/css/main--md5--7d237c0a576da85ba3286b54118d52d2.css">
<link rel="stylesheet" href="/css/estilos--md5--0c27fcb77d695d919e4f5449977b6007.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="/js/main--md5--2fb5eef3d19dab92da3b04cade0ad0f6.js"></script>
  • ni idea porque antes no estaba así.
  • en el despliegue de notas-programacion esta en algunos png 😠

COMO SIRVE LOS CONTENIDO ESTÁTICOS AEROBATIC

configuración del cache en aerobatic

PROBLEMAS

  • ver porque no funciono el despliegue de la versión 231 👎
    • There is no version configured for the production stage
    • añado al archivo aerobatic.yml
  ignore: [*.scss]  # DON'T DEPLOY .SCSS FILES
  directory: _site
  # SPECIFIES THE DIRECTORY TO DEPLOY
`
  • para desplegar solo con aero deploy
    • pero da un error
Error:
    The aerobatic.yml file is not valid yaml.
    Try using www.yamllint.com to validate.
  • es la línea de ignore por el *
  • ya funciona. Parece algo puntual. Desde launch se veia bien y luego todo. 😕

CAMBIOS EN AEROBATIC 2017-02-09 18:32:14

Non-paying customers WITHOUT a custom domain:
Your websites will continue to resolve at their *.aerobatic.io domain.
However data transfer out will be capped at 10GB / day.
If you are thinking of upgrading, be sure to do so by March 1st to take advantage of the special pricing offer below.

  • la oferta de $10 / month price for websites upgraded to the Pro Plan before March 1st (rather than the standard $15) no me parece interesante así que dejo lo que tengo y sigo buscando el paraiso

  • esto supone que tengo que actualizar el despliegue con unas instrucciones que guarde en pdf con la intención de seguirlas más tarde.

  • en el escenario anterior tenia http basic authentication que era suficiente para proteger el sitio entero con usuario y contraseña.

  • ahora mismo ya no lo recomiendan

  • toca realizar cambios en mi relación con aerobatic

  • tras migrar las dos aplicaciones según obligan

  • los dos sitios funcionan con la autenticación pero no resuelven la url base

  • notas-personal.aerobatic.io/ por lo que no se cargan las css ni los js de forma correcta ….

  • sigo las instrucciones para hacer funcionar un pipeline en bitbucket pero me falta la clave AEROBATIC_API_KEY que se supone que se da en la migracion y es un churro de código del que solo tengo la de búsqueda en pdf imagen…

BITBUCKET-PIPELINES.YML

  • en el repositorio notas-programacion he creado el archivo notas-programacion / bitbucket-pipelines.yml
image: jekyll/jekyll                       # USE THE JEKYLL IMAGE FROM DOCKERHUB
pipelines:

  branches:
    gh-pages:
      - step:
          script:
          - bundle install                 # RUN BUNDLER AGAINST THE GEMFILE
          - bundle exec jekyll build --sour
          ce $(pwd) --destination $(pwd)/_site      # BUILD THE SITE
          - npm install -g aerobatic-cli   # INSTALL THE AERO CLI

- aero deploy --directory _site
          # DEPLOY THE BUILT SITE TO AEROBATIC
  • sobre la plantilla a la que he tenido que cambiar la propiedad branches
  • pero aero deploy exige login o clave …

AEROBATIC-CLI

Error:
    This command requires authentication.
    Either set a AEROBATIC_API_KEYenvironment variable
    or run aero login.
  • lanzo aero create
09/02/2017  20:19    <DIR>          .
09/02/2017  20:19    <DIR>          ..
09/02/2017  20:19                35 .gitignore
09/02/2017  20:19               524 about.md
09/02/2017  20:19    <DIR>          css
09/02/2017  20:19             1.291 feed.xml
09/02/2017  20:19               841 Gemfile
09/02/2017  20:19               515 index.html
09/02/2017  20:19             1.329 _config.yml
09/02/2017  20:19    <DIR>          _posts
               6 archivos          4.535 bytes
               4 dirs  697.524.523.008 bytes libres

C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\my-jekyll-site>aero create

Creating new Aerobatic website in this directory


Website https://jobless-farmer.aerobatic.io created.
To deploy your first version, run aero deploy.
  • por eso de enredar hago caso a lo que dice el prompt
C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\my-jekyll-site>dir
 El volumen de la unidad C es Acer
 El número de serie del volumen es: 22C7-ADBD

 Directorio de C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\my-jekyll-site

09/02/2017  20:23    <DIR>          .
09/02/2017  20:23    <DIR>          ..
09/02/2017  20:19                35 .gitignore
09/02/2017  20:19               524 about.md
09/02/2017  20:23               104 aerobatic.yml
09/02/2017  20:19    <DIR>          css
09/02/2017  20:19             1.291 feed.xml
09/02/2017  20:19               841 Gemfile
09/02/2017  20:19               515 index.html
09/02/2017  20:19             1.329 _config.yml
09/02/2017  20:19    <DIR>          _posts
               7 archivos          4.639 bytes
               4 dirs  697.515.384.832 bytes libres

C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\my-jekyll-site>aero deploy

Deploy new Aerobatic website version to stage production

     Compressing website assets
     Uploading archive to Aerobatic
     Waiting for cloud deployment to begin
     Cloud deployment in-progress

Version v1 deployment complete.
View now at https://jobless-farmer.aerobatic.io


C:\nube\MEGA\programacion\HtmlCssEstatico\aerobatic\my-jekyll-site>
  • asi lo que despliega es el md sin trasformar.
    • logicamente
  • sigo el tutorial …
echo "url: https://__baseurl__" > _aerobatic.config.yml  # OVERRIDE SITE.URL FOR AEROBATIC
jekyll build --config _config.yml,_aerobatic.config.yml
# GENERATE THE OUTPUT
aero deploy --directory _site
# DEPLOY OUTPUT TO AEROBATIC
  • da un warning
WARNING: Error reading configuration. Using defaults (and options).
Configuration file: (INVALID) _aerobatic.config.yml
  • separo los archivos de configuración jekyll build --config _config.yml, _aerobatic.config.yml
  • y ya no da el warning pero no se si usa el fichero de configuración segundo.
    • ver la documentoación de jekyll …..
  • pero en la dirección veo la plantilla inicial de jekyll

PROBLEMAS PARA ENCONTRAR LA CLAVE

1.0.15
  • aero help
Aerobatic - Professional static web publishing. (v1.0.15)

Usage:
    $ aero [command] [options]

Commands:
    account        Display a summary of the current Aerobatic account.
    apikey         Get the api key for the current Aerobatic account.
    create         Create a new Aerobatic website in the current directory
    delete         Delete the current website
    deploy         Deploy the website in the current directory.
    domain         Register a custom domain for the current website
    env            Set or retrieve environment variables
    info           Display a summary of the current website
    login          Login to your Aerobatic account
    logs           Tail the web logs for the current website
    register       Register a new Aerobatic account
    rename         Rename the website
    switch         Switch to a different Aerobatic account
    versions       Manage website versions

    Type aero help COMMAND for more details
  • aero apikey
aero apikey

Get the account api key

Api key:
    eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhcGlLZXkiOnRydWUsImN1c3RvbWVySWQiOiI4OTFiNmY3Yi00NmVlLTRhNTktOWE4OC1iMTgyZjI3MTQ2ZjgiLCJ0aW1lc3RhbXAiOjE0ODYzMjg4MTY3NzN9.xG6W3x8Novb-ur8lwlnp6r8P9jzctY2Lyr5tOd_YzOo

    This value can be set as an environment variable named AEROBATIC_API_KEY.
    Typically this is used for a non-interactive process such as a CI/CD build.
  • esta es la clave que relaciona bitbucket con aerobatic y solo se tiene que poner una vez para todas los repositorios.

BITBUCKET-PIPELINES.YML PARA NOTAS-PROGRAMACION

image: jekyll/jekyll                       # USE THE JEKYLL IMAGE FROM DOCKERHUB
pipelines:

  branches:
    gh-pages:
      - step:
          script:
          - bundle install                 # RUN BUNDLER AGAINST THE GEMFILE
          - bundle exec jekyll build --sour
          ce $(pwd) --destination $(pwd)/_site      # BUILD THE SITE
          - npm install -g aerobatic-cli   # INSTALL THE AERO CLI

          - aero deploy --directory _site
          # DEPLOY THE BUILT SITE TO AEROBATIC

  • este es el log

  • ahora haciendo un commit desde consola en mi portatil se lanza el pipeline de bitbucket

PROLEMAS CON LAS CSS

  • para solucionar el problema con las css tengo que cambiar
baseurl: "/notas-programacion"
# POR ESTE

baseurl: ""

AUTENTICACION BASIC-AUTH

id: dbf3aa20-6227-41c5-81ec-6a51a2e6e804
plugins:
  - name: basic-auth
    path: /
    options:
      username: $BASIC_AUTH_USERNAME
      password: $BASIC_AUTH_PASSWORD
  - name: webpage

VARIABLES DE ENTORNO BASIC-AUTH

  • pero las variables de autenticación anteriores estaban definidas en la consola del add-on de aerobatic.
  • estan copiadas en aerobatic y se pueden ver en el dashboard
  • pruebo y ya tengo el funcionamiento como antes.
    • es algo parecido al paraiso
    • no veo la limitación de 5 build al dia y el repositorio sigue siendo privado y el despliegue privado también.

PARA DEJAR CLARO DONDE HAY QUE PONER LAS VARIABLES DE ENTORNO

  • pues las veo tambien en aerobatic aunque pienso que se han quedado de la configuración anterior.
  • borro todas las variables de entorno tanto de bitbucket como de aerobatic.
  • vuelvo a crear las de bitbucket para notas-programacion
    • javier
    • plataoplomo
  • vuelvo a desplegar
    • compruebo que no funcionan
  • borro todo
    • creo las variables en aerobatic con valores nuevos
      • funciona.

PROBLEMAS

PAGINAS CON CONTRASEÑA NO FUNCIONAN

  • el dia 20/05/2018 no funciona ninguna de las 4
  • creo una sin protección y funciona
  • mando un email y me contesta el fundador, David Von Lehman, que me remite a esta explicación donde se explica el porque del asunto y que es debido a una mejora

LOGIN QUE NO SALE

  • en el despliegue de hugo el archivo login.html tiene que estar en el directorio static

DESPLIEGUE INICIAL QUE TARDA

  • en el primer despliegue de un sitio con hugo no veo el resultado (404)
    • quito del .gitignore el directorio public
    • pongo en config.yml la dirección del sitio baseurl = "https://paraprobarhugo.aerobaticapp.com/"
    • pido ayuda al servicio de apoyo
    • espero una hora
      • y funciona
      • desde aerobatic hablan de que han tenido ciertos retrasos en los nuevos sitios en Europa

DAÑOS COLATERALES O LO QUE SE APRENDE DE LOS PROBLEMAS

  • la misma funcionalidad pero con autenticación con password
    • antesquetodoesmidama
  • lo que he aprendido
  • surge
  • Firebase
    • es de google y dicen que es mucho mejor ..
  • ejemplo con jekyll-auth
  • hacer tutorial con uno nuevo y otro con la migración
  • probar otro modo de autenticar mejor
  • probar aerobatic-cli

AUTENTICACIÓN

CON AUTH0

  • Auth0
    • nuevo 2018-02-26 20:05:13

CON CONTRASEÑA

  • más información
    • realmente buen tutorial con el ejemplo en Bitbucket
  • para configurar el acceso al sitio se tiene que modificar aerobatic.yml
id: 72e489d5-def0-44d4-8fb2-0bbde0e3653f
plugins:
  - name: password-protect
    path: /
    options:
      password: $SITE_PASSWORD
      loginPage: login.html
      maxFailures: 5
      failureWindow: 600
      lockoutDuration: 600
      ignorePatterns: []
  • la variable $SITE_PASSWORD se graba en el tablero de aerobatic
  • y crear login.html para recuperar lo que introduce el usuario
<form method="post"><input type="password" name="aerobatic-password" id="password">
          <button type="submit">Login</button>
</form>

CON HTTP BASIC (DEPRECATED)

plugins:
  - name: basic-auth
    path: /
    options:
      username: $BASIC_AUTH_USERNAME
      password: $BASIC_AUTH_PASSWORD

PROBLEMAS:

PROCESS BUNDLE FAILED WITH CODE 20

  • el despligue falla con un código
    • Process bundle failed with code 20 code=20
    • suele ser gemfile.lock corrupto
    • lo borro, repito la subida al repositorio y se soluciona

FALLO CON LOS SITIOS CON CONTRASEÑA

David Von Lehman commented:

Javier,

Apologies for the disruption in service you experienced. Some password protected sites did indeed stop working early yesterday morning due to a bug in some performance related improvements that were rolled out. This was resolved about 24 hours ago and the improvements are now fully deployed which you can read about here: https://www.aerobatic.com/blog/speed-boost-for-password-auth0-protected-sites/.

Thanks for your patience.

Regards,
David

View request