Top Banner
24

Usando PushWoosh com Ionic Framework

Aug 13, 2015

Download

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Usando PushWoosh com Ionic Framework
Page 2: Usando PushWoosh com Ionic Framework
Page 3: Usando PushWoosh com Ionic Framework

PORQUÊ ???

1M de Dispositivos, Push’s ilimitados e até 5 aplicações na versão grátis

Fácil de usar, com uma interface web moderna e intuitiva

Possui uma maravilhosa API com uma biblioteca JS pra usar

Preço bacana, caso precise ultrapassar os limites da versão grátis

Page 4: Usando PushWoosh com Ionic Framework
Page 5: Usando PushWoosh com Ionic Framework

$ ionic plugin add com.pushwoosh.plugins.pushwoosh

PREPARANDO O AMBIENTE Nosso primeiro passo é preparar o ambiente para receber os nossos Identificadores: App Code e API Key

INSTALANDO O PLUGIN DO SERVICE

Page 6: Usando PushWoosh com Ionic Framework

PREPARANDO O AMBIENTE Agora vamos da permissão de acesso ao domínio pushwoosh.com em nossaaplicação

ADD NO ARQUIVO config.xml

<access

origin="*.pushwoosh.com" />

Page 7: Usando PushWoosh com Ionic Framework

PREPARANDO O AMBIENTE Agora vamos adicionar a função responsável por identificar e notificar nossoPush enviado.

ADD FUNÇÃO NO app.js | .run()*

Page 8: Usando PushWoosh com Ionic Framework

REGISTRAR A APLICAÇÃO Agora criar nossa aplicação no pushwoosh, para isso você precisa terCriar uma conta no site.

ADD O APLICATIVO

Page 9: Usando PushWoosh com Ionic Framework

CONFIGURANDO PARA OANDROID

Nessa etapa vamos precisar do API Key que é geradaPela Google nessa página:

https://console.developers.google.com

Page 10: Usando PushWoosh com Ionic Framework

REGISTRAR A APLICAÇÃO Agora vamos obter o código de nosso projeto, a API Key gerada pelo google

OBTENDO API KEY

Page 11: Usando PushWoosh com Ionic Framework

REGISTRAR A APLICAÇÃO OBTENDO API KEY

Page 12: Usando PushWoosh com Ionic Framework

REGISTRAR A APLICAÇÃO OBTENDO API KEY

Page 13: Usando PushWoosh com Ionic Framework

REGISTRAR A APLICAÇÃO OBTENDO API KEY

Page 14: Usando PushWoosh com Ionic Framework

REGISTRAR A APLICAÇÃO OBTENDO API KEY

Page 15: Usando PushWoosh com Ionic Framework

REGISTRAR A APLICAÇÃO OBTENDO API KEY

Page 16: Usando PushWoosh com Ionic Framework

REGISTRAR A APLICAÇÃO OBTENDO API KEY

Page 17: Usando PushWoosh com Ionic Framework

REGISTRAR A APLICAÇÃO OBTENDO API KEY

Page 18: Usando PushWoosh com Ionic Framework

CONFIGURANDO A APLICAÇÃO Agora com API Key em mãos, vamos adicionar nas configurações do service

Page 19: Usando PushWoosh com Ionic Framework

CONFIGURANDO A APLICAÇÃO ADD ID’s NA FUNÇÃO

Page 20: Usando PushWoosh com Ionic Framework
Page 21: Usando PushWoosh com Ionic Framework
Page 22: Usando PushWoosh com Ionic Framework
Page 23: Usando PushWoosh com Ionic Framework
Page 24: Usando PushWoosh com Ionic Framework

@thompsonweb