Tag Archives: debug

Google – Apresenta (Console Developer)

Saga : M&M (Mundo Mobile)

Chega de teoria! #1 – Restringindo a API Key

Continuando a saga para nos familiarizar com o Google Developers. A missão de hoje é aprender um pouco sobre como restringir nossa API Key gerando um Fingerprint. Vamos lá:

A API key disponível

A API key pode ser utilizada por qualquer um que tenha acesso. Caso esteja utilizando-a no side-server, os problemas de segurança podem não ser graves. No entanto, para distribuir esta key com o app, então é recomendado restringir o acesso a ela de forma que somente nosso app consiga usá-la.

Para restringir a API Key, devemos gerar um fingerprint (método de identificação única de um objeto).

Step by Step

Para gerar um fingerprint, use a janela de comandos e este formato de comando:

Keytool -list -v -keystore [STORE FILENAME] -alias [ALIAS NAME] -storepass [STORE PASSWORD] -keypass [KEY PASSWORD]

Para debug os valores:

[ALIAS NAME] = androiddebugkey
[STORE PASSWORD] = android
[KEY PASSWORD] = android

Onde:

  • STORE FILENAME: pasta que armazena o resultado gerado

Para rodar o cmd keytool, localize a pasta do JDK do Java. Veja um exemplo para um usuário genérico:

C:\Program Files (x86)\Java\jdk1.8.0_112\bin>keytool -list -v -keystore "C:\Users\user\AppData\Local\Xamarin\Mono for 
Android\debug.keystore" -alias androiddebugkey -storepass android -keypass android

O resultado da execução do comando:

console_gmaps_apikey_sha1

Assinatura SHA-1

Agora pegue do resultado gerado, a assinatura SHA-1:

SHA1: CF:EXXXXX5:B1:XXXXXXXXXX5:EE:9D:C5:EE:8XXXXXXXXX7:F1:76

1 – Acesse console.developers.google.com

De posse do SHA1 em mãos, retorne para console developer onde geramos a API KEY e dê um editar.

2 – Escolha a opção Apps para Android

3 – Adicione o SHA-1

Adicione o SHA-1 e o nome do pacote do app Xamarin Android e salve.

console_gmaps_apikey_sha1_final

Atenção ao nome do package. Ele deve ser igual ao definido no app.

Por questão de segurança

Aqui foi gerado uma key e uma restrição para a versão Debug do app. Mas, por questão de segurança quando fizer o deploy em produção gere outra chave e crie outra assinatura de restrição.

Pronto! Já temos a Chave de API protegido com o Firegrint.

Keep Programming!

Visual Studio Code (Code Editing Redefined)

VS Code – Editor

Já existe um ditado que diz: Um bom software começa por uma boa IDE. E quando temos um editor moderno para nos ajudar no trabalho em nossos projetos, ai meu amigo, não tem pra ninguém. Vamos lá:

O Editor (O nosso escritório)

O VSCode traz um editor moderno e inteligente, tornando a nossa experiência de edição de código cada vez mais produtiva, incluindo vários recursos e suporte. Ele veio com força total e adota uma UI simples.

tons_02_ide_editor

O nosso escritório é dividido em 4 áreas:

  • Editor– Área principal de edição
  • Barra Lateral – Diferentes visões, como o Explorer, WorkingFiles
  • Statusbar– Informações sobre o projeto e arquivos
  • Barra de Visão– Alterne entre visões e indicadores de contexto específicos adicionais, como o número de alterações de saída quando o Git está habilitado;

No exemplo, temos o editor exibindo recursos como explorer à esquerda, exibindo todos os arquivos e pastas, e um editor à direita, mostrando o conteúdo dos arquivos, etc.

Sempre que iniciarmos o editor, ele irá abrir no seu último estado. A pasta, o layout e os arquivos abertos são preservados.

A visão

Ainda na primeira tela do nosso escritório, temos a visão exibindo informações sobre o projeto:

  • Explorer– mostra/oculta os arquivos abertos
  • Search– buscas avançadas nos arquivos
  • Git– gerencie repositórios e realize commits
  • Debug – inspecione com breakpoints e monitore as variáveis

tons_02_ide_view

O Explorer 

Permite abrir, procurar, e gerenciar arquivos/pastas. Após abrir uma pasta, o seu conteúdo é exibido e nos permite tarefas como:

  • criar, excluir e renomear arquivos/pastas
  • mover arquivos/pastas com arrastar e soltar
  • usar o menu de contexto para explorar todas as opções

Para navegar entre os arquivos podemos utilizar os atalhos Ctrl + Tab ou Alt + Setas laterais.

Working Files

Esta seção acessível no topo do Explorer. Exibe uma lista de arquivos ativo que são arquivos abertos anteriormente. Por exemplo, um arquivo será listado na seção de arquivos de trabalho, caso:

  • altere um arquivo
  • click duas vezes em um arquivo no explorer
  • abra um arquivo que não faz parte da pasta atual

Assim como em outros editores podemos fechar os arquivos individualmente (marcação à direita) ou todos da seção utilizando a ação Close All Files (marcação à esquerda).

O Editor (Lado a Lado)

O VScode permite até três editores visíveis, permitindo colocar até três arquivos lado a lado. Isso ajuda a reduzir a sobrecarga de guias, mas não restringe o número de arquivos com os quais podemos trabalhar no projeto.

Para abrir mais de um editor:

  • Ctrl (Mac: ‘Cmd’)  e clicar em um arquivo no Explorer
  • Ctrl+\  para dividir o editor ativo em dois
  • Opção Open to the Side  : a partir do menu de contexto do Explorer

Quando temos mais de um editor aberto, podemos alternar entre eles Ctrl + 1, 2 ou 3.

Info e Warn

O editor nos auxilia com Warns e Informações para que seu escritório fique o mais atualizado possível.

tons_02_infowarnd_git

Por hoje é só.

O jogo continua. Keep Programming!!!!