Friday, June 12, 2020

Servidor propio "form.io" en Flask


Código de ejemplo para crear nuestro propio servidor en Flask para proporcionar los archivos json de los Formularios creados en Form.io



Sunday, May 17, 2020

Servidor localhost "Form.io"

Formio es una herramienta para crear Formularios de una manera mas facil ,segura y dinamica, nos proporciona la autocreacion de API para los formularios y asi ahorrar costos y tiempo en esas tareas, que en alguno proyectos/demos puede ser muy tediosa, en esta post solo se expone alguno puntos que tomar en cuanta al tratar de instalar nuestro propio servidor de Form.io:

La instalacion de nuestro servidor Formio no la proporcionan en un Docker esto facilita mucho la configuracion e instalacion, un error que suele suceder es problema entre versiones de python en el archivo "Dockerfile", la version de python estaba como la 2.7.16-r1:

RUN apk update && \
    apk upgrade && \
    apk add python=2.7.18-r0 && \
    apk add make=4.2.1-r2 && \
    apk add g++=8.3.0-r0


Despues de eso el Docker se ejecuta sin problema alguno, una vez que se tenga en ejecucion valide su funcionamiento local con este simple HTML:


<html>
    <meta>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/formiojs@latest/dist/formio.full.min.css">
<script src="../formio/node_modules/formiojs/dist/formio.full.js"></script>
    </meta>
    <body>
Saluto
<div id="formio"></div>
    </body>
    <script type="text/javascript">
  window.onload = function() {
    Formio.createForm(document.getElementById('formio'), 'http://127.0.0.1:3001/trc01');
  };
</script>
</html>


Realizando los cambios en la ruta de donde obtengo la libreria de Formio.js para no depender de la ruta de ellos y en el Formulario utilizando la url de mi servidor Formio donde tengo mis propios formularios:





Otros recursos para crear tus Formularios apartir de archivos JSON son:














Monday, March 9, 2020

Crear extensión para Chrome, conectar a api rest

Creación de una extensión para chrome, la extensión se comunicara con una API enviando el url para su análisis o reporte. Se debe guardar todos los archivos en un folder y agregar el "icon.png" de su elección.


Prueba con Selenium para validar los links que contiene un URL


Script que abre Chrome con un url proporcionado en el codigo, selecciona todos los "href", valida que sean "url" y lo imprime junto con su status.




30 Blogs to Learn 30 System Design Concepts

  1. APIs: https:// blog.algomaster.io/p/whats-an-api 2. API Gateway: https:// blog.algomaster.io/p/what-is-an-a pi-gateway … 3. Scalab...