Monitorar Ambiente/Infra e JBoss/WildFly

Segue uma lista de ferramentas e algumas observações para monitorar ambientes e também servidores de aplicação.

Já usei quase todas essas ferramentas e sempre estão surgindo novas. Fiz estas anotações rápidas para uma consultoria que dei e acredito que pode ser útil para outras pessoas.

Para monitorar o ambiente e JBoss/WildFly:

RHQ
- Para monitoar o JBoss/WildFly
- É da própria Red Hat
- Não é na nuvem, precisa de uma máquina pra ele
- É free
- Não é tão facil de instalar/configurar

Javamelody
- É free
- É fácil de instalar

Datadog
- Free até 5 hosts com 1 day retention
- $15 por host com 13 month retention

NewRelic
- $75USD/month per host


Para monitorar infra, máquinas e sistema operacional, pode-se usar umas dessas duas:
Nagios
Zabbix - Cada vez está sendo mais usado


Para centralizar logs de várias máquinas em um só lugar:

Logentries
- Send up to 5GB/month
- 7 day Retention

Log Stash
- Log stash is an open source tool for collecting, parsing, and storing logs for future use
- Kibana 3 is a web interface that can be used to search and view the logs that Logstash has indexed.
- Both of these tools are based on Elasticsearch.
- Elasticsearch, Logstash, and Kibana, when used together is known as an ELK stack.



Lembrando que se precisar dou consultorias nesse assunto e também em questões como performance, arquitetura, integração contínua, montagem de ambientes com load balancer e cluster, etc... Só entrar em contato: adriano@localhost8080.com.br


Agradeço ao Vinícius Fritzen que já utilizou várias destas ferramentas e me ajudou quando eu estava fazendo essa pesquisa.


Abraço!
Adriano Schmidt
adriano@localhost8080.com.br

How to install Ionic on Mac

Go to http://nodejs.org/en
Download the npm
Install the npm

Go to terminal and type the following command in order to test the installation
$ npm version

Now, type in the terminal the following commands in order to install cordova and ionic
$ sudo su (probably you will need to type your password)
$ npm install -g cordova ionic
$ npm install -g bower
$ npm install -g ios-sim
$ exit
$ ionic version (if a popup shows up asking for installing something, say yes)

if you already have an ionic project, go to the folder project, or create a new project:

$ ionic start myApp tabs

Go to the folder project and run these commands:
$ bower update
$ npm install
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios

That's it :)
Adriano Schmidt

WordPress - User registration is currently not allowed

Hi there :)

When you get the message "User registration is currently not allowed" in your WordPress plataform, and you want to allow anyone to register on your site/blog, you should go to "WP-admin > Settings > General" and check "Anyone can register".



Best regards,
Adriano Schmidt

How to use Font Awesome in Photoshop or Illustrator?

First of all, download the font on http://fontawesome.io/

Install the file FontAwesome.otf normally.

Go to Photoshop or Illustrator.

Insert a text field and change the font-family to Font Awesome

Go to http://fontawesome.io/cheatsheet/

Copy the icon that you want to use and paste it in your text field in Photoshop/Illustrator.

You can use this plugin as well: http://creativedo.co/FontAwesomePS

Best regards,
Adriano Schmidt

BitBucket - Authentication failed

I got this error trying to run the "git pull" command in a project on BitBucket:

C:\work\Dropbox\workspaces\ws-ionic\myapp>git pull
Password for 'https://adrianoschmidt@bitbucket.org':
remote: Invalid username or password. If you log in via a third party service you must ensure you have an account password set in your account profile.
fatal: Authentication failed for 'https://adrianoschmidt@bitbucket.org/myuser/myapp.git/'

In order to solve this problem I've accessed https://id.atlassian.com/login and I've clicked on "Forgot your password?"

After resetting my password, everything started to work normally again :D

Best regards,
Adriano Schmidt

Como mudar o lugar das informações do autor no Wordpress?

Oi...

Em um blog que estou trabalhando, o autor do post aparecia beeem lá em baixo, no fim do post.

Para dar mais visibilidade ao autor... eu coloquei ele no lado do texto...

Bom, isso vai depender de cada tema, mas o que eu fiz foi esconder a caixa original:

/* escondendo a caixa de informacoes do autor, pois sera usada outra */
#content .post_content .post-author {
 display: none!important;
 visibility: hidden!important;
}

Talvez seja um pouco diferente par você, mas a ideia é essa ali.

E para eu exibir as informações do autor no lado do texto, no meu template tinha um widget onde eu podia colocar HTML.
Então eu instalei o plugin Author Bio Shortcode:
https://br.wordpress.org/plugins/author-bio-shortcode/installation/

E no Widget eu botei isso:

[author_bio name="yes" avatar="yes" ]

Além disso, criei esse CSS:

/* alterando o estilo do novo box de informacoes do autor, na pagina de post de blog */
.author_bio_shortcode .avatar img {
    float: left;
    margin: 5px 10px 0px 10px;
    border-radius: 150px;
    border: 2px solid #981258;
    height: 96px;
    width: 96px;
}

Mas quando é celular, esse widget vai lá pra baixo... então fiz um menorzinho para celular...

Para isso editei o código fonte do tema, alterei o "Post único (single.php)" e adicionei o código abaixo antes do início do conteudo:

<div class="author-info-mobile">
 <?php echo get_avatar( get_the_author_meta( 'ID' ), 40 ); ?>
 Por <?php the_author_link()?>
</div>

E adicionei o CSS abaixo para customizar o estilo e para só aparecer em celulares e tablets:

/* estilo do nome do autor para mobile, na pagina de post de blog */
@media (min-width: 768px) {
 .author-info-mobile {
  display: none;
  visibility: hidden;
 }
}

.author-info-mobile {
 margin-left: 11px;
 font-size: 14px;
 color: white;
}

.author-info-mobile img {
 border-radius: 150px;
 border: 2px solid #981258;
 margin-right: 5px;
 height: 40px;
 width: 40px;
}

Provavelmente pra vc vai ser um pouco diferente... mas a ideia é essa aí :D


---------------------------

Depois que escrevi o post, precisei achar um plugin pra poder colocar fotos pra cada usuário (para que o próprio usuário ou o admin setasse uma foto para o usuário, por padrão pega do gravatar).

Usei esse plugin:
https://wordpress.org/plugins/user-photo/

Em configurações > User Photo vc pode mexer nas configurações se quiser.

Pra usar só tem q chamar userphoto_the_author_thumbnail() q vem a foto... mas no meu widget não dava pra colocar código PHP.

Então tive que instalar esse plugin para ter um widget q eu pudesse colocar código PHP:
https://wordpress.org/plugins/php-code-widget/

E montei tudo na mão:

<div class="author_bio_shortcode">
  <div class="avatar">

      <?php userphoto_the_author_thumbnail() ?>

      <h3 class="name"><?php the_author()?></h3>

      <div class="bio"><p>
        <?php the_author_description() ?>
         Para saber mais: <?php the_author_link()?>
      </p>
   </div>
</div>

E no single-post ao invés de usar

echo get_avatar( get_the_author_meta( 'ID' ), 40 );

eu usei

userphoto_the_author_thumbnail()

Abraço!
Adriano Schmidt

Loja Integrada - Mostrar todas as formas de pagamento

No Loja Integrada, para modificar a forma de pagamento, é preciso clicar em "Alterar forma de pagamento"...

Com o CSS que vou mostrar aqui já fica de início mostrando todas as opções.

Antes:



Depois:



Segue o código para fazer isso:

/* ajustando para aparecer todas as formas de pagamento */
#formas-pagamento-wrapper #formasPagamento .deposito, 
#formas-pagamento-wrapper #formasPagamento .pagseguro {
    display: block!important;
}

#formas-pagamento-wrapper #exibirFormasPagamento {
    display: none!important;
}

Aí no meu caso só configurei para o deposito e pagseguro (classes usadas ali no CSS)... para fazer mais é só ver a class utilizada pela forma de pagamento q vc quer e alterar o script.

PS: Ele dá uma tremidinha quando troca a forma de pagamento enquanto está o "carregando", mas acho q não é nada demais.

Abraço!
Adriano Schmidt

Failure [INSTALL_FAILED_NO_MATCHING_ABIS]

Hi :)

I tried to install an .apk into a cell phone and I got the error Failure [INSTALL_FAILED_NO_MATCHING_ABIS]

C:\ws-ionic\localhost8080app>adb.exe install -r platforms/android/build/outputs/apk/android-x86-debug.apk
2442 KB/s (33320124 bytes in 13.320s)
        pkg: /data/local/tmp/android-x86-debug.apk
Failure [INSTALL_FAILED_NO_MATCHING_ABIS]

That happened because I should have used the armmv7 version and not the x86 for this cell phone... the cpu architecture of the cell phone was the other one...

With the bellow command, the app was successfully installed

adb.exe install -r platforms/android/build/outputs/apk/android-armv7-debug.apk

Best regards,
Adriano Schmidt

Adicionar * nos campos obrigatórios da Loja Integrada

Opa :)

O formulário de cadastro da loja integrada é legal.. mas não tem os asteriscos de obrigatório... pra adicionar os * é só usar esse CSS:

.required label:after { content:" *"; }

Abraço!
Adriano Schmidt

Adicionar item no menu da Loja Integrada

Fala pessoal :D

No menu superior da Loja Integrada você consegue adicionar todas as categorias e/ou todas as páginas extras... mas só um item em específico não dá :(

Pra isso fiz um javascript (nesse caso também conhecido como enjambrascript hahah) para adicionar apenas um item no menu.

Basta alterar o label e o link e adicionar esse trecho de código lá na seção Minha loja > Incluir código HTML > Código no cabeçalho

<script>
$('#nivel-um').ready(function()
{
 var newItem = document.createElement("li");
 newItem.className += ' borda-principal';

 var newLink = document.createElement("a");
 newLink.className += ' titulo cor-secundaria';
 newLink.href = '/pagina/quem-somos.html';

 var textnode = document.createTextNode("Quem Somos");

 newItem.appendChild(newLink);
 newLink.appendChild(textnode);

 var list = document.getElementsByClassName('nivel-um')[0];
 list.insertBefore(newItem, list.childNodes[0]); //use esse para adicionar no inicio do menu
 //list.appendChild(newItem); //use esse para adicionar no fim do menu
});
</script>

Se precisar alterar algo de CSS, basta olhar o CSS do menu atual e ajustar no script e pronto :D

Vaaaleu!
Adriano Schmidt