Conhecimentos minimos

NodeJS
Typescript
Angular 2
Ionic 2
Firebase

Configuraes basicas

O aplicativo foi desenvolvido na linguagem TypeScript com o framework Ionic 2 Para realizar a instalao do Ionic em sua mquina, voc ir precisar do NodeJS com o NPM instalado em sua mquina. Aps isso s necessrio realizar a instalao do Ionic em sua mquina com os seguintes comandos:

npm install -g ionic cordova

Para mais informaes de instalao acesse a pgina do Ionic 2 oficial: https://ionicframework.com/docs/

Configuraes iniciais

1. Firebase

Crie sua conta no Firebase e faa seguinte configurao:`

$  cp src/config/environment.dev-template.ts src/config/environment.dev.ts

Edite o arquivo copiado e preencha com os dados do Firebase.

2. Configurar autenticao com Facebook

Para realizar a autenticao com facebook, necessrio criar um aplicativo no Facebook developers (https://developers.facebook.com/). Aps gerar um projeto, voc ira precisar do ID e o nome do projeto.

Feito tudo isso, abra o arquivo

 superacao/config.xml

Altere os seguintes dados, com o ID e o nome do seu projeto:

<plugin name="cordova-plugin-facebook4" spec="~1.7.4">
    <variable name="APP_ID" value="<YOUR DATA>" />
    <variable name="APP_NAME" value="<YOUR DATA>" />
</plugin>

Ative o login do Facebook no Firebase:

No Firebase console, abra a seo Authentication.
Na guia Sign in method, ative o mtodo de login Facebook e especifique o ID de aplicativo e o segredo de aplicativo que voc obteve do Facebook.
Em seguida, certifique-se de que o URI de redirecionamento OAuth (por exemplo, my-app-12345.firebaseapp.com/__/auth/handler) esteja listado como um de seus URIs de redirecionamento OAuth na pgina de configuraes do aplicativo do Facebook, no site Facebook for Developers, na configurao Product Settings > Facebook Login.

3. Configurar Push Notification

Para realizar os push notification no app, necessrio realizar uma pequena configurao. Para o servio tambem utilizamos o FCM (Firebase Cloud Message), e para isso, voc precisar do "Sender ID" da sua conta firebase (este dado voc pode pegar no console do firebase). No mesmo arquivo XML altere os seguintes dados

<plugin name="phonegap-plugin-push" spec="~1.9.2">
    <variable name="SENDER_ID" value="<YOUR DATA>" />
</plugin>

Abra o arquivo package.json e modifique tambm o seguinte objeto:

    {
      "variables": {
        "SENDER_ID": "<YOUR DATA>"
      },
      "locator": "phonegap-plugin-push"
    }

4. Gerao dos trios

Os trios ainda no so gerados automaticamente, e para fazer o relacionamento entre eles, necessrio o cadastro de um usurio para adquirir, o tipo e o ID dele. Para conseguir esses dados s necessrio cadastrar o usurio. Por padro o tipo de usurio setado como "Normal", por isso no prprio console do firebase troque o usurio para o tipo desejado (Superador, Anjo, Arcanjo ou Normal). Aps isso abra os seguintes arquivo:

superacao-app/src/pages/trinity/overcomer/overcomer.ts
superacao-app/src/pages/trinity/angel/angel.ts

Aps isso encontre a funo getTrinityService() e nele, troque os seguintes dados de acordo com o usurio que voc deseja relacionar:

Superador

  function getTrinityService() {
        let trinity = {
          overcomer : "",
          angel: "<UID DO ANJO DO FIREBASE>",
          archangel: "<UID DO ARCANJO DO FIREBASE>"
        };
        return trinity;
      }

Anjo

  function getTrinityService() {
        let trinitys = [{
          overcomer : "<UID DO SUPERADOR DO FIREBASE>",
          angel: "",
          archangel: "<UID DO ARCANJO DO FIREBASE>"
        },
        {
          overcomer : "<UID DO ARCANJO DO SUPERADOR>",
          angel: "",
          archangel: "<UID DO SUPERADOR DO FIREBASE>"
        }];

        return trinitys;
      }

Observao

O do componente "Overcomer" (Superador), s aceita um Objeto simples, pois ele s ir possuir um trio. J o o componente "Angel" (Anjo), possu um Array de Objetos, pois vai possur mais de um trio. No obrigatorio colocar o uid do componente (Exemplo, se voc esta no componente do Superador, no vai precisar colocar o Uid dele mesmo, por isso no exemplo acima eles esto em branco)