Preciso de uma ajuda com relação a boas praticas na utilização do Firebase em um projeto SPA, no meu caso o Angular.
Estou fazendo um curso de desenvolvimento com Angular 4 e no tópico referente a utilização do Firebase como back-end da aplicação é feita a implementação da autenticação no console do Angular. No curso é utilizada a opção "Adicionar o Firebase ao seu aplicativo da Web", que gera o codigo abaixo.
var config = {
apiKey: "<api key>",
authDomain: "<authDomain>",
databaseURL: "<databaseURL>",
projectId: "<projectId>",
storageBucket: "<storegeBucket>",
messagingSenderId: "<messagingSenderId>"
};
firebase.initializeApp(config);
Como a aplicação é SPA esses dados vão para o client. Não existe risco de alguém capturar os dados para desenvolver uma pagina fake e utilizar os recursos indevidamente? Como faço para utilizar o Firebase em um projeto SPA? É seguro utilizar a conexão direta do client com o Firebase ou preciso desenvolver um middleware para intermediar essa comunição?