EmberFire Google Authentication - просмотрите настройки - PullRequest
Новая
       27

EmberFire Google Authentication - просмотрите настройки

0 голосов
/ 05 июля 2018

Резюме:

Я бы хотел подключить приложение EmberJS к Firebase через логин Google

Версия:

Ember: 3.1.2, Данные Ember: 3.1.1, База огня: 3.9.0

конфиг / environment.js 

'use strict';

module.exports = function(environment) {
  let ENV = {
    modulePrefix: 'myApp',
    environment: environment, // : environment,
    rootURL: '/',
    locationType: 'auto',
    firebase: {
      apiKey: "CORRECT_API_KEY",
      authDomain: "CORRECT_DOMAIN.firebaseapp.com", 
      databaseURL: "https://CORRECT_PREFIX.firebaseio.com", 
      projectId: "CORRECT_ID",
      storageBucket: "CORRECT_BUCKET.appspot.com",
      messagingSenderId: "CORRECT_NUMBER"
    },
    torii: {
      sessionServiceName: 'session'
    },
    EmberENV: {
      FEATURES: {
        // Here you can enable experimental features on an ember canary build
        // e.g. 'with-controller': true
      },
      EXTEND_PROTOTYPES: {
        // Prevent Ember Data from overriding Date.parse.
        Date: false
      }
    },

    APP: {
      // Here you can pass flags/options to your application instance
      // when it is created
    }
  };

  if (environment === 'development') {
    // ENV.APP.LOG_RESOLVER = true;
    // ENV.APP.LOG_ACTIVE_GENERATION = true;
    // ENV.APP.LOG_TRANSITIONS = true;
    // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
    // ENV.APP.LOG_VIEW_LOOKUPS = true;
  }

  if (environment === 'test') {
    // Testem prefers this...
    ENV.locationType = 'none';

    // keep test console output quieter
    ENV.APP.LOG_ACTIVE_GENERATION = false;
    ENV.APP.LOG_VIEW_LOOKUPS = false;

    ENV.APP.rootElement = '#ember-testing';
    // ENV.APP.autoboot = false;
  }

  if (environment === 'production') {

  }

  return ENV;
};

Приложение / торий-адаптеры / application.js 

import ToriiFirebaseAdapter from 'emberfire/torii-adapters/firebase';

export default ToriiFirebaseAdapter.extend({

});

приложение / адаптеры / application.js 

import Ember from 'ember';
import FirebaseAdapter from 'emberfire/adapters/firebase';

export default FirebaseAdapter.extend({
  firebase: Ember.inject.service()
});

приложение / маршруты / application.js 

import Ember from 'ember';

export default Ember.Route.extend({
  session: Ember.inject.service(),
  beforeModel: function() {
    return this.get('session').fetch().catch(function() {});
  },
  actions: {
    signIn: function(provider) {
      this.get('session').open('firebase', { provider: provider}).then(function(data) {
        console.log(data.currentUser);
      });
    },
    signOut: function() {
      this.get('session').close();
    }
  }
});

приложение / шаблоны / login.hbs 

{{#if session.currentUser}}
    <div>
        <button class="sign-out" {{action "signOut"}}>Sign Out</button>
    </div>
{{else}}
  <div>
    <button class="auth-as-google"   {{action "signIn" "google" redirect}}>Sign in with Google</button> 
  </div>
{{/if}}

<div class="jumbo">
    <h3>User Data</h3>
    <table class="user-data-table">
        <tr>
            <td class="bold">session.isAuthenticated</td>
            <td class="user-data-is-authenticated">
                {{#if session.isAuthenticated}}
                    {{session.isAuthenticated}}
                {{else}}
                    false
                {{/if}}
            </td>
        </tr>
        {{#if session.currentUser}}
            <tr>
                <td class="bold">session.provider</td>
                <td class="user-data-provider">
                    {{session.provider}}
                </td>
            </tr>
            <tr>
                <td class="bold">session.uid</td>
                <td class="user-data-uid">
                    {{session.uid}}
                </td>
            </tr>
        {{/if}}
    </table>
</div>

Ошибка браузера:

Mirage: Ваше приложение Ember попыталось отправить POST 'https://www.googleapis.com/identitytoolkit/v3/relyingparty/verifyAssertion?key=CORRECT_API_KEY',, но не был определен маршрут для обработки этого запроса. Определите маршрут, который соответствует этому пути в вашем файле mirage / config.js. Вы забыли добавить свое пространство имен?

Ошибка консоли:

... / приложение / маршруты / application.js Ошибка 32: 9 Неожиданная консольная инструкция no-console

Вопрос:

Пожалуйста, просмотрите и помогите. Я искал эти ошибки и возился с Mirage config.js, но не уверен, если это необходимо (или я делаю это правильно).

Ответы [ 2 ]

0 голосов
/ 17 июля 2018

Я столкнулся с той же проблемой и выяснил, что решение было простым: отключить Mirage. В config/environment.js вашего приложения Ember добавьте: 

  if (environment === 'development') {
    ENV['ember-cli-mirage'] = {
      enabled: false
    };
  }

И это перестанет пытаться пройти через Мираж.

0 голосов
/ 05 июля 2018

Mirage выдает ошибки для любого доступного маршрута, который не определен в его конфигурации. Поскольку вы используете полное доменное имя для firebase, вам нужно добавить passthrough в конце вашей конфигурации. 

this.passthrough('https://www.googleapis.com/**');
...