<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: abelh</title>
    <description>The latest articles on DEV Community by abelh (@abelhorihuela).</description>
    <link>https://dev.to/abelhorihuela</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F257339%2F72604181-e943-496b-83cd-31d02aeaca30.jpg</url>
      <title>DEV Community: abelh</title>
      <link>https://dev.to/abelhorihuela</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/abelhorihuela"/>
    <language>en</language>
    <item>
      <title>Automatización de tareas</title>
      <dc:creator>abelh</dc:creator>
      <pubDate>Fri, 18 Sep 2020 16:58:26 +0000</pubDate>
      <link>https://dev.to/abelhorihuela/automatizacion-de-tareas-5i2</link>
      <guid>https://dev.to/abelhorihuela/automatizacion-de-tareas-5i2</guid>
      <description>&lt;p&gt;En algunos proyectos que tengo a cargo tengo que realizar tareas repetitivas como deploy, reconstruir docker incluso backup de bases de datos.&lt;/p&gt;

&lt;p&gt;Entonces para esto desarrolle un pequeño script que me ayuda a realizar estas tareas de forma más rápida.&lt;/p&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/abelhOrihuela"&gt;
        abelhOrihuela
      &lt;/a&gt; / &lt;a href="https://github.com/abelhOrihuela/tasks-spark"&gt;
        tasks-spark
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;h1&gt;
Tasks spark&lt;/h1&gt;
&lt;p&gt;&lt;em&gt;Automatización de tareas repetitivas. deploy, backups. etc.&lt;/em&gt;&lt;/p&gt;
&lt;h3&gt;
Paquetes y ambiente 📋
&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Python 3.7&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Pipenv&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Fabric&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Pyyaml&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;
Creación de archivo hosts.yml y agregar configuración 🔧
&lt;/h3&gt;
&lt;div class="snippet-clipboard-content notranslate position-relative overflow-auto"&gt;&lt;pre class="notranslate"&gt;&lt;code&gt;hosts:
- host: XX.XX.XX.XX
  name: Landing prod
  user: app
  steps:
  - cd: landing
    steps:
    - run: git reset --hard
    - run: git checkout master
    - run: git pull
    - run: npm i
    - run: npm run build


- host: XX.XX.XX.XX
  name: App Diseño
  user: app
  steps:
  - cd: app-diseno
    folder: true
    steps:
    - run: git pull
    - run: npm i
    - run: npm run prod
  - cd: docker-app-diseno
    steps:
    - run: docker-compose up --build --force-recreate -d
  - run: 'docker exec -i docker-app-diseno_app_1 bash -c
   "cd /var/www/ &amp;amp;&amp;amp; php artisan migrate --force"'
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h3&gt;
Ejecución 🔧
&lt;/h3&gt;
&lt;div class="snippet-clipboard-content notranslate position-relative overflow-auto"&gt;&lt;pre class="notranslate"&gt;&lt;code&gt;$ python3 main.py
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer" href="https://raw.githubusercontent.com/abelhOrihuela/tasks-spark/master/screen1.png"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wg8NOcti--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/abelhOrihuela/tasks-spark/master/screen1.png" alt="alt text"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;



&lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/abelhOrihuela/tasks-spark"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;


&lt;p&gt;Consiste en tener un archivo hosts.yml donde tenemos configuradas nuestras instrucciones a ejecutar, ejemplo:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight yaml"&gt;&lt;code&gt;&lt;span class="na"&gt;hosts&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
&lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;host&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;XX.XX.XX.XX&lt;/span&gt; &lt;span class="c1"&gt;#ip&lt;/span&gt;
  &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;Landing prod&lt;/span&gt; &lt;span class="c1"&gt;#simple name&lt;/span&gt;
  &lt;span class="na"&gt;user&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;app&lt;/span&gt; &lt;span class="c1"&gt;#user&lt;/span&gt;
  &lt;span class="na"&gt;steps&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
  &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;cd&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;landing&lt;/span&gt;
    &lt;span class="na"&gt;steps&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
    &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;run&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;git reset --hard&lt;/span&gt;
    &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;run&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;git checkout master&lt;/span&gt;
    &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;run&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;git pull&lt;/span&gt;
    &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;run&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;npm i&lt;/span&gt;
    &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;run&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;npm run build&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Con estas instrucciones lo que yo hago es hacer deploy de un sitio estático.&lt;/p&gt;

&lt;p&gt;Al ejecutar el script de la siguiente forma:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;python3 main.py
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Obtendremos un listado de los hosts, al seleccionar uno nos pedira la contraseña para conectarnos e inmediatamente se ejecutaran los comandos y eso es todo.&lt;/p&gt;

</description>
      <category>python</category>
      <category>fabric</category>
      <category>devops</category>
    </item>
    <item>
      <title>Add react to laravel</title>
      <dc:creator>abelh</dc:creator>
      <pubDate>Tue, 19 Nov 2019 16:41:51 +0000</pubDate>
      <link>https://dev.to/abelhorihuela/add-react-to-laravel-593b</link>
      <guid>https://dev.to/abelhorihuela/add-react-to-laravel-593b</guid>
      <description>&lt;p&gt;If you need add react in your projects of laravel this is very easy and simple.&lt;/p&gt;

&lt;p&gt;1.- Create your app of laravel.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fs11a7xkuc4eptrb6v2ro.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fs11a7xkuc4eptrb6v2ro.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;2.- Run this command in your path of project.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fuibhmumeh028jbxdts5t.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fuibhmumeh028jbxdts5t.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This command create configuration and base files of the first component &lt;strong&gt;resources/js/&lt;/strong&gt; &amp;amp; &lt;strong&gt;resources/js/components/Example.js&lt;/strong&gt;, you need update Example.js&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fqhjvkk3cm76ym13g9g0s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fqhjvkk3cm76ym13g9g0s.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;After this you need install all dependences for react &lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F1080ip8x32gqfg8ydd65.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F1080ip8x32gqfg8ydd65.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The next step is configure wildcard in your file of routes &lt;strong&gt;routes/web.php&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fdjxpbkephxu3qpg26emy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fdjxpbkephxu3qpg26emy.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And then you need create view with name &lt;strong&gt;app.blade.php&lt;/strong&gt; on &lt;strong&gt;resources/views/&lt;/strong&gt; and add this configuration&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F602sn8vxsz6vqektjjsr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F602sn8vxsz6vqektjjsr.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This configuration will be enough to test our application.&lt;/p&gt;

&lt;p&gt;For development mode you can run this commands in differents terminals:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;npm run watch&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;php artisan serve&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Build for production:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;npm run prod&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Source code: &lt;a href="https://github.com/abelhOrihuela/test-laravel-react" rel="noopener noreferrer"&gt;https://github.com/abelhOrihuela/test-laravel-react&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thanks for reading...&lt;/p&gt;

</description>
      <category>laravel</category>
      <category>react</category>
      <category>javascript</category>
      <category>php</category>
    </item>
  </channel>
</rss>
