Objetivo

Adicionar suporte ao OAuth em nosso aplicativo PhoneGap para que você possa usar as as APIs do Google. Usaremos o plugin InAppBrowser para implementar essa estratégia.

Passos

1. Crie um projeto no console do Google API

Crie um novo projeto em https://code.google.com/apis/console

Habilite o YouTube Analytics API v3:

Selecione API Access e cria um no Client ID para um aplicativo instalado:

2. Instale o plugin InAppBrowser

phonegap local plugin add <a href="https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git">https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git</a>

3. Baixe a biblioteca que fornece suporte ao uso das APIs do Google com OAuth

Baixe a biblioteca de https://github.com/mdellanoce/google-api-oauth-phonegap

Descompacte os conteúdos em uma pasta temporária.

Atualize o client_id e client_secret no arquivo index.js para valores que recebemos quando criamos nosso projeto.

Apague os conteúdos da pasta www em nosso projeto, copie os conteúdos da pasta www do aplicativo que fornece suporte para utilizar as APIs do Google com OAuth na pasta anterior.

Edite o arquivo config.xml no diretório www para usar o nome e namespace do seu aplicativo:

 <widget id="gdg.yt.phonegap" version="1.0.0" xmlns="http://www.w3.org/ns/widgets"
 xmlns:gap="http://phonegap.com/ns/1.0">
   <name>YTPhoneGap</name>

4. Faça o deploy do aplicativo novamente

phonegap run android

***

Artigo traduzido pela Redação iMasters, com autorização do autor. Publicado originalmente em http://matiasmolinas.blogspot.com.br/2013/11/codelab-youtube-apis-in-phonegap-lesson_7.html