unsignedint » Development

O CDN da Google, jQuery e algumas implicações

lmmendes — Sat, 03 Apr 2010 20:25:13 +0000

Ultimamente tenho-me sentido tentado em usar a Content Delivery Network (CDN) da Google para servir algumas das bibliotecas javascript que utilizo, nomeadamente o jQuery e JQuery UI.

As vantagens de utilizar o CDN da Google são óbvias, os servidores deles são rápidos bem rápidos e outra vantagem prende-se com o facto se houver muita gente a utilizar o CDN deles provavelmente quando um utilizador chegar ao meu site o jQuery servido pelo Google já está em cache e ai o tempo de download é zero (ou muito perto disso pelo menos) entre outras vantagens que no final de contas resultam num carregamento mais rápido da pagina e uma redução na carga sobre a nossa maquina.

Contudo não há bela sem senão e neste caso o senão é que estamos a confiar a terceiros para nos servirem um conteúdo directamente no nosso site (e no caso de javascript pode ser algo bastante perigoso), outro senão é o que acontece ao nosso site se o Google tiver problemas de rede e os ficheiros ficarem de alguma forma indisponíveis?

Pois bem, quanto ao problema de segurança que representa confiar na Google para servir os nossos ficheiros isto é algo com que teremos que viver se quisermos utilizar qualquer CDN e para mais a maioria de nós já confia na Google para servir o javascript do Google Analytics.

Quanto para o caso da rede da Google falhar no que diz respeito ao jQuery a solução é bastante simples.
Se tivermos em conta que um browser executa de ordem sequencial o carregamento de todo o javascript e sabendo que o jQuery depois de carregado disponibiliza um objecto (variável) com o nome de jQuery facilmente podemos construir algo que tenta carregar o jQuery a partir do CDN da Google e se depois o objecto jQuery não estiver disponível carrega então o jQuery a partir do repositorio do nosso site.

');
}

Como podemos ver pelo código em cima é bastante simples aproveitar-nos das vantagem da utilização do CDN da Google e também conseguimos nos proteger contra qualquer problema de disponibilidade acabando por servir a nossa versão local em caso de algum problema.

Como obter o ID de um post dentro e fora do Loop do WordPress

lmmendes — Sat, 16 Jan 2010 11:46:29 +0000

Ultimamente tenho andado a fazer algumas modificações ao meu blog e surgiu-me a necessidade de obter o ID de um post fora do loop (The Loop) do WordPress:

Dentro do loop para obter o ID basta fazer o seguinte:

$post->ID

Já fora do loop para termos acesso ao ID do post vamos ter que aceder á variável global $wp_query, ou seja, para obtermos acesso ao ID do post:

global $wp_query;
$wp_query->post->ID

É tão simples como isso, para saberem mais informação sobre o $wp_query consultem o Codex aqui.

Remove WordPress iNove theme sidebar using custom fields

lmmendes — Sat, 16 Jan 2010 01:35:37 +0000

I’m using WordPress iNove theme v.1.4.6 and i needed a way to hide the sidebar for a specific post so i dove in the iNove theme code and figured out how to do this with the minimum changes to the original theme code.

First open the iNove theme ‘header.php’ file using your favorite editor, usually found at /wp-content/themes/inove/header.php.

Now look for this piece of code (starting from the top of the file):

... some code ...
			$feed = 'http://' . $options['feed_url'];
		}
	} else {
		$feed = get_bloginfo('rss2_url');
	}
?>

Now append at the end of that code the following snippet:

post->ID, 'nosidebar', 'true') ){
        $inove_nosidebar = true;
    }
?>

You should get some thing like this:

... some code ...
			$feed = 'http://' . $options['feed_url'];
		}
	} else {
		$feed = get_bloginfo('rss2_url');
	}
?>

post->ID, '', 'true') ){
        $inove_nosidebar = true;
    }
?>

Now when you need to disable the sidebar in a post you simply add a new ‘Custom Field’ named ‘nosidebar’ and set it’s value to ‘true’ like you see in the figure.

Et voilà, all done!

Installing nginx and rails passenger on Mac OS X Snow Leopard

lmmendes — Sat, 17 Oct 2009 11:07:50 +0000

I’m new to Mac OS X, nginx and rails so after much goggling i finally got everything to work so i resolved to compile the list of instructions that i followed.

First we need to download, compile and install PRE (Perl Compatible Regular Expressions) it’s required for nginx. You can find the most recent version here http://www.pcre.org/ , at time of writing this post the most recent version is 7.9

Compiling and installing PRE

mkdir ~/apps/src
cd ~/apps/src
curl -O ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-7.9.tar.gz
tar -xvzf pcre-7.9.tar.gz
cd pre-7.9
./configure --prefix=/usr/local
make
sudo make install

Installing Phusion Passenger via gem

1	gem install passenger

Now that you have Phusion Passenger installed you can install and configure nginx and passenger using a bundled script from passenger called “passenger-install-nginx-module” but that is no fun and usually don’t install the lasted stable version of nginx, so you can run the script and follow it’s instructions (that include auto-downloading and installing of nginx) or do it my way… the hard way.

So now we need to find where “gem” installed the nginx module so we can refer to it’s during the nginx configuration, so to get the module path you just need to run this:

1	passenger-config --root

In my case the command output is

1	/Users/<usename>/.gem/ruby/1.8/gems/passenger-2.2.5

You need to write down this output, you will need it in the next step.

Now it’s time do download and install nginx we will be installing version 0.7.62 (stable).

cd ~/apps/src
curl -O http://sysoev.ru/nginx/nginx-0.7.62.tar.gz
tar -xvzf nginx-0.7.62.tar.gz
cd nginx-0.7.62
./configure \
--prefix=/usr/local \
--conf-path=/etc/nginx/nginx.conf \
--http-log-path=/var/log/nginx/access_log \
--error-log-path=/var/log/nginx/error_log \
--pid-path=/var/run/nginx.pid \
--http-client-body-temp-path=/var/tmp/nginx/client \
--http-proxy-temp-path=/var/tmp/nginx/proxy \
--http-fastcgi-temp-path=/var/tmp/nginx/fastcgi \
--with-md5-asm --with-md5=/usr/include \
--with-sha1-asm \
--with-sha1=/usr/include \
--with-http_realip_module \
--with-http_ssl_module \
--with-http_stub_status_module \
--add-module='/Users//.gem/ruby/1.8/gems/passenger-2.2.5/ext/nginx'
make
sudo make install

Has you can see in line 20 you need to add the previous output that i told you to write down.

The nginx install path’s, bin, etc… :

bin: /usr/local/sbin/nginx
etc: /etc/nginx/
pid: /var/run/nginx.pid
document root: /usr/local/html/
error log: /var/log/nginx/error_log

Now let’s create a demo rails application to show things working

1	rails ~/Sites/blog

Edit /etc/nginx/nginx.conf (you can use your favorit text editor, i will be using vi)

1	sudo vi /etc/nginx/nginx.conf

Find the “http” section and add this lines

1 2	passenger_root /Users/<username>/.gem/ruby/1.8/gems/passenger-2.2.5; passenger_ruby /usr/bin/ruby;

You should get something like this:

http {
    include       mime.types;
    default_type  application/octet-stream;
 
    passenger_root /Users/<username>/.gem/ruby/1.8/gems/passenger-2.2.5;
    passenger_ruby /usr/bin/ruby;
. . . .

Now adding the virtual host to nginx.conf to run ~/Sites/blog app ( /Users//Sites/blog )

Add a new server configuration (vhost) inside the http section of the nginx.conf file like this:

  server {
          passenger_enabled on;
          listen 80;
          server_name blog;
          root /Users/<username>/Sites/blog/public;
          rails_env development;
  }

Now save the file and let’s se if it’s all working.

Start the nginx like this:

1	sudo /usr/local/sbin/nginx

Let’s edit the /etc/host file to add the new vhost name ( blog )

1	vi /etc/hosts

add this to the bottom of the file, save and exit

1	127.0.0.1 blog

Now point your browser to http://blog and you should the the standard rails app page if you experince any problem starting nginx use this command to see nginx error log

1	tail -f /var/log/nginx/error_log

All done, i hope it helps you.

MySQL Error: #1005 – Can't create table '….#sql-e7c_89.frm' (errno: 150)

unsignedint — Sat, 01 Aug 2009 23:28:04 +0000

Se estiverem a tentar criar uma relação entre duas tabelas usando o MySQL e obtiverem o seguinte erro:

#1005 - Can't create table '.\twitta\#sql-e7c_89.frm' (errno: 150)

Experimentem activar o modo de debug do motor de innoDB de forma a obter mais informações sobre o erro e a poderem-no perceber.

Para tal digitem na vossa consola:

mysql> SHOW ENGINE INNODB STATUS;

E agora fazendo scroll para para cima sobre o output apresentado podem ver uma mensagem de erro mais detalhada. no meu caso foi:

------------------------
LATEST FOREIGN KEY ERROR
------------------------
090801 23:41:40 Error in foreign key constraint of table twitta/#sql-e7c_8a:
 FOREIGN KEY ( `user_id` ) REFERENCES `users` ( `id` ) ON DELETE CASCADE:
Cannot find an index in the referenced table where the
referenced columns appear as the first columns, or column types
in the table and the referenced table do not match for constraint.
Note that the internal storage type of ENUM and SET changed in
tables created with >= InnoDB-4.1.12, and such columns in old tables
cannot be referenced by such columns in new tables.
See http://dev.mysql.com/doc/refman/5.0/en/innodb-foreign-key-constraints.html
for correct foreign key definition.

Depois de consultar a documentação que o modo de debug sugere, rapidamente me apercebi do meu erro. A tabela onde estava criar a chave estrangeira o campo referenciado não estava indexado. Como se pode ler na documentação:

InnoDB requires indexes on foreign keys and referenced keys so that foreign key
checks can be fast and not require a table scan. In the referencing table,
there must be an index where the foreign key columns are listed as the first
columns in the same order. Such an index is created on the referencing table
automatically if it does not exist. (This is in contrast to some older versions,
in which indexes had to be created explicitly or the creation of foreign key
constraints would fail.) index_name, if given, is used as described previously

Espero que isto vós ajude.

HttpFox – HTTP analyzer addon for Firefox

unsignedint — Tue, 12 May 2009 21:53:37 +0000

HttpFox monitors and analyzes all incoming and outgoing HTTP traffic between the browser and the web servers.

It aims to bring the functionality known from tools like HttpWatch or IEInspector to the Firefox browser.

Information available per request includes:
- Request and response headers
- Sent and received cookies
- Querystring parameters
- POST parameters
- Response body

HttpFox