How to deal with node and angular path behind of apache proxy

Escrito por aserrano. Posteado en Angular JS, Desarrollo, ExpressJS, Javascript, Node

I was setting up a server with apache and node.
Apache will redirect all requests from /api to node where an angular app should be work.

I was searching for a solution of this problem but I didn’t find it the right one.

Maybe this is not the better solution ever but It’s working for me.

The first step is prepare Apache to deal with proxy…like this.

Redirect /api /api/
 
            ProxyPass http://localhost:3100/
            ProxyPassReverse http://localhost:3100/

Apache will remove the “/api/” before requesting a page to the node server.

¿Por qué necesita su empresa una app móvil?

Escrito por aserrano. Posteado en Desarrollo, emprender, Informática, iPad, iPhone, Objective C

Actualmente el considerable aumento de los smartphones o teléfonos inteligentes frente al declive paulatino de los PC y portátiles está haciendo que muchas empresas tengan que replantearse su estrategia comercial frente al consumidor.

No debemos olvidar que en muchos hogares los ordenadores están siendo paulatinamente sustituidos por tablets como iPad o Samsung Galaxy Tab o incluso Smartphones tan potentes como iPhone 5 o Samsung Galaxy III.

Es aquí donde las empresas deben innovar y desarrollar sus propias aplicaciones empresariales ya sean orientadas al cliente final ya sean al consumo propio.

No olvidemos que el horizonte de mercado de los smartphones en el 2017 será de 3000 millones de potenciales clientes y cualquier empresa que se quede rezagada perderá el tren del futuro.

Tipos de aplicaciones:

  • Conexión a aplicaciones de terceros (donde haya una API disponible o se pueda crear)
  • Corporativas o comerciales
  • Gestión de contenidos
  • Redes sociales
  • iCloud
  • Vídeo y audio
  • Notificaciones  push
    • Promociones
    • Fidelización del cliente
    • Llegada de stock para ventas
    • Finalización de un servicio
    • etc

Servicios:

  • Acelerómetro
  • Geolocalización mediante GPS
  • Cámara

Dar sombra a una vista o botón en iOS

Escrito por aserrano. Posteado en Desarrollo, iPhone, Objective C, Tecnología

Para dar sombra en general a cualquier vista (UIView) en iOS vamos a aprovecharnos de una propiedad incorporada a partir del SDK iOS 2.0 (si no recuerdo mal) los layers.

Como los layers pertenecen a la librería QuartzCore, acuérdate de incluirla a la hora de la compilación e importar también el fichero .h. Mi recomendación es incluirlo en el fichero .pch del proyecto y así lo tienes disponible a nivel global. Algo parecido a esto:

Como visualizar http:// de nuevo en la barra de firefox 7

Escrito por aserrano. Posteado en WEB

Algunos de mis numerosos lectores habrá notado al instalar firefox 7 que el prefijo http:// o https:// ha desaparecido en esta última versión.

A mi me gusta ver, al menos cuando programo, a que protocolo me estoy conectando de una forma más inmediata.

Si queréis reactivar dicha opción tendréis que introducir: about:config en la barra de direcciones.

Recordad que esto nos activa la configuración interna de muchas opciones y podríamos dejar el navegador inoperativo. Cuidado con las opciones que tocáis.

Ya sólo nos queda buscar la siguiente opción browser.urlbar.trimURLs hacer doble click sobre ella para ponerla a false y tendréis de nuevo el http:// en vuestra barra de direcciones.

Como hacer dos listas ordenables, arrastrables y tirables con jquery y javascrip

Escrito por aserrano. Posteado en Javascript

Hacer esto con Jquery es bastante sencillo.

Primero haremos dos listas donde queremos tener los datos a ordenar y cuyos datos queramos pasar de una columna a otra

A estas listas desde jquery haremos que puedan ser contenedores "droppable", es decir, capaces de aceptar un drop

Asimismo las haremos "sortable", es decir que se puedan ordenar.

Ahora necesitamos los elementos "draggable" que serán los elementos <li>

Aquí el código y más abajo un ejemplo funcional:

 <script>
    $( function() {
        $(".dragli").draggable({
          appendTo : "body",
          revert : "invalid",
          helper : "original",
          start: function(event, ui) {
 
          }
          });
 
        $( "#droppable ul,#droppable2 ul" ).droppable({
            accept: ".dragli",
            activeClass: "ui-state-hover",
            hoverClass: "ui-state-active",
            drop: function( event, ui ) {
              //$( this ).find( ".placeholder" ).remove();
              $( "<li class='dragli'></li>" ).text( ui.draggable.text() ).appendTo( this );
              ui.draggable.remove();
              }   
        }).sortable({
          items: "li:not(.placeholder)",
          sort: function() {
            $( this ).removeClass( "ui-state-default" );
          }
        });
        $("#droppable,#droppable2" ).droppable({
          accept: ".dragli",
            drop: function( event, ui ) {
              $( "<li class='dragli'></li>" ).text( ui.draggable.text() ).appendTo( $( this ).find( ".placeholder" ) );
              ui.draggable.remove();
              }
         });  
    });
  </script>

Código html:

<style>li.dragli {
  background: #B7D6E7;
  list-style-type: none;
  margin: 0 0;
  padding: 5px 5px;
  border: 1px solid black;
  border-color: #006600;
 
}
</style>
<div id="droppable" class="ui-widget-header" style="width: 300px; height:200px;background: #a0a0a0;" >
  <ul class="col-sort"><li class="placeholder">Arrastra tus listas aquí</li>
<li class="dragli">otra lista</li>
</ul>
  </div>
 
  <div id="droppable2" style="width: 300px; height:200px;background: #FFa0a0;" >
  <ul class="col-sort">
   <li class="placeholder">Arrastra tus listas aquí</li>
   <li class="dragli">hola</li>
   <li class="dragli">adios</li>
   <li class="dragli">pasa con tu rollo</li>
  </ul>
  </div>
  • Arrastra tus listas aquí
  • otra lista
  • Arrastra tus listas aquí
  • hola
  • adios
  • pasa con tu rollo

Abre el museo del rock en Barcelona

Escrito por aserrano. Posteado en C++

El 31 de Marzo abrirá en Barcelona el primer Museo del Rock en Europa. Ubicado en la antigua plaza de toros de las arenas, contará con la aportación de la colección y su mayor impulsor, el periodista Jordi Tardà. Contará además con una sala de conciertos y salas monográficas dedicadas a Rolling Stones, The Beatles y el rock nacional. En palabras de Jordi Tardà: “Podremos ver documentos insólitos e inéditos, como una entrada de los Rolling firmada por todos los miembros del grupo y una guitarra de John Lennon”. Esperemos que la iniciativa vaya muy bien. Copiado desde http://www.muspe.com/blog/es/2011/01/20110113092546/museo-rock-barcelona.html

Nota legal

(C) Antonio Serrano 2012