Ionic 2 Firebase Auth Starter

Ionic 2 Firebase Auth Starter

All you need to start with Firebase and Ionic 2

Free!

(11)
Rodrigo Real

Rodrigo Real

Member since 2015

Details

Version:
1.0
Size:
3mb
Ionic:
2.x beta
Platforms:
iOS, Android
Released:
8 years ago
Updated:
7 years ago
Category:
Starters
Tags:
ionic2, firebase, angularfire2, auth, login

All you need to start with Firebase and Ionic 2

Features

Sign up and sign in with Email and Password

  • Sign in with Google or Facebook (social authentication)
  • Reset Password
  • Logout
  • Form Validation Ready

Getting started

I don't recommend download the .zip file, it will probably be outdated.

To start editing this code, make sure that NodeJS is installed in your workspace. Then run the following npm command to install ionic 2 globally:

npm install -g ionic

Clone the repository from github via HTTPS or SSH:

Via HTTPS

git clone https://github.com/rodrigoreal/ionic2-angularfire-login.git

Via SSH

git clone git@github.com:rodrigoreal/ionic2-angularfire-login.git

Follow the readme:

https://github.com/rodrigoreal/ionic2-angularfire-login/blob/master/README.md

Hey there! You'll need to log in before you can leave a comment here.

Ernesto Palafox

Ernesto Palafox   ·   8 years ago

Just what i was looking for, thanks for sharing!

Rodrigo Real

Rodrigo Real   ·   8 years ago

I'm glad you liked.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Felix Otamendi

Felix Otamendi   ·   8 years ago

Hi, this works with Firebase 3 ? Thanks

Rodrigo Real

Rodrigo Real   ·   8 years ago

Not at this moment, i'm waiting for angularfire release an update working with the Firebase SDK 3

Rodrigo Real

Rodrigo Real   ·   8 years ago

@FelixOtamendi Just want to let you know that the project is working with the Firebase SDK v3 now

Felix Otamendi

Felix Otamendi   ·   8 years ago

Thanks man! I will try!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Paddy Cheng

Paddy Cheng   ·   8 years ago

this.app.getComponent (app.ts line 37) has now been deprecated and you should use:- import {Component, ViewChild} from "@angular/core"; ... @Component({ templateUrl: "build/app.html", queries:{ nav: new ViewChild('content') } })

Rodrigo Real

Rodrigo Real   ·   8 years ago

Thanks for the feedback, it has been fixed now

Kwadwo

Kwadwo   ·   8 years ago

Has it? I tried ionic serve but seeing a blank screen

Rodrigo Real

Rodrigo Real   ·   8 years ago

@Kwadwo it was just deprecated, it was working and still are. Did you install the node modules? "npm install" What are the errors in the console log?

Kwadwo

Kwadwo   ·   8 years ago

How embarrassing . I did not do that. Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Kwadwo

Kwadwo   ·   8 years ago

I have a project due this week that needs firebase. Does anyone have good links to creating full stack ionic 2 apps with firebase ?

Rodrigo Real

Rodrigo Real   ·   8 years ago

Sorry man, but i don't have one, i learned from their github: https://github.com/angular/angularfire2#developer-guide You may have some better luck at the ionic 2 forum: https://forum.ionicframework.com/c/ionic-2

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Derrick Miller

Derrick Miller   ·   8 years ago

Hello Rodrigo Real, is your project working with the new Firebase SDK, i'm getting Uncaught TypeError: Cannot read property 'FacebookAuthProvider' of undefined

Rodrigo Real

Rodrigo Real   ·   8 years ago

Not at this moment, angularfire2 released an update 3 days ago with the new SDK, i'll make some tests this week and if it is stable enougth i'll update the project

Rodrigo Real

Rodrigo Real   ·   8 years ago

@DerrickMiller Just want to let you know that the project is working with the Firebase SDK v3 now

Derrick Miller

Derrick Miller   ·   8 years ago

Thanks, I'll test it out later today..

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pat

Pat   ·   8 years ago

Hi Thanks a lot for providing this free starter! When i try to start it with ionic serve i get the following typescript errors: TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(27,53): Error TS2339: Property 'displayName' does not exist on type 'CommonOAuthCredential'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(30,51): Error TS2339: Property 'displayName' does not exist on type 'GoogleCredential'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(32,32): Error TS2339: Property 'password' does not exist on type 'FirebaseAuthState'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(33,44): Error TS2339: Property 'password' does not exist on type 'FirebaseAuthState'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/database/database.d.ts(9,29): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/database/database.d.ts(10,31): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(12,20): Error TS1112: A class member cannot be declared optional. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(15,40): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(16,52): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(16,92): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(17,51): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(17,119): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(20,56): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(6,82): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(8,49): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(13,46): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(41,11): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(60,55): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_factory.d.ts(5,74): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_factory.d.ts(5,104): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(6,23): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(7,26): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(8,26): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(9,35): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(15,50): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(15,80): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(17,11): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(17,41): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(18,23): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(18,53): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(20,21): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(21,53): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(22,39): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(23,83): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_factory.d.ts(4,76): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(6,17): Error TS1112: A class member cannot be declared optional. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(7,102): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(9,22): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(10,28): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(11,15): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: app/app.ts(42,60): Error TS2345: Argument of type 'string' is not assignable to parameter of type 'FirebaseAppConfig'. 9.7 MB bytes written (5.79 seconds) [19:12:59] Finished 'watch' after 9.95 s [19:12:59] Starting 'serve:before'... [19:12:59] Finished 'serve:before' after 5.56 μs Running live reload server: http://localhost:35729 Watching: www/**/*, !www/lib/**/* √ Running dev server: http://localhost:8100 Ionic server commands, enter:

Rodrigo Real

Rodrigo Real   ·   8 years ago

Thanks man, i have fix that now, the problem was that angularfire2 released a new version 3 days ago(2.0.0-beta.1), and the new version requires firebase 3+, ill make some tests with the angularfire new version, and if it is stable ill update the project. But for now i fixed the angularfire version with 2.0.0-beta.0 and it is working perfect. You can pull the project or just run npm install angularfire2@2.0.0-beta.0

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

James Defauw

James Defauw   ·   8 years ago

I'm getting this error when trying npm install: npm WARN package.json ionic2-angularfire-login@ No repository field. npm WARN package.json ionic2-angularfire-login@ No license field. npm ERR! Darwin 15.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" npm ERR! node v4.4.2 npm ERR! npm v2.15.0 npm ERR! code EPEERINVALID npm ERR! peerinvalid The package @angular/common@2.0.0-rc.3 does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer @angular/platform-browser@2.0.0-rc.3 wants @angular/common@2.0.0-rc.3 npm ERR! peerinvalid Peer @angular/platform-browser-dynamic@2.0.0-rc.3 wants @angular/common@2.0.0-rc.3 npm ERR! peerinvalid Peer @angular/router@2.0.0-rc.2 wants @angular/common@^2.0.0-rc npm ERR! peerinvalid Peer angularfire2@2.0.0-beta.1 wants @angular/common@2.0.0-rc.1 npm ERR! peerinvalid Peer ionic-angular@2.0.0-beta.9 wants @angular/common@^2.0.0-rc.1 npm ERR! Please include the following file with any support request:

Rodrigo Real

Rodrigo Real   ·   8 years ago

Can you go inside your project directory and type ionic info and paste here? Thanks

James Defauw

James Defauw   ·   8 years ago

Here you go! our system information: Cordova CLI: 6.1.1 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.25 Ionic App Lib Version: 2.0.0-beta.15 ios-deploy version: 1.8.6 ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v4.4.2 Xcode version: Xcode 7.3.1 Build version 7D1014

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Per Nielsen

Per Nielsen   ·   8 years ago

Just downloaded, ran npm install and build for ios and getting the page served without login screen, am I suppose to do anything else? Device console says: 2016-06-30 10:09:02.383 ionic2-angularfire-login[7496:10000211] Resetting plugins due to page load. 2016-06-30 10:09:03.059 ionic2-angularfire-login[7496:10000211] Finished load of: file:///Users/test/Library/Developer/CoreSimulator/Devices/3FFBC7FC-9674-4372-9779-C8A9B866B54F/data/Containers/Bundle/Application/AF61A5F8-22B7-43C5-8D30-4C95B6EB7DC1/ionic2-angularfire-login.app/www/index.html 2016-06-30 10:09:03.538 ionic2-angularfire-login[7496:10000211] EXCEPTION: Error: This operation is not supported in the environment this application is running on. "location.protocol" must be http or https. 2016-06-30 10:09:03.538 ionic2-angularfire-login[7496:10000211] ERROR: EXCEPTION: Error: This operation is not supported in the environment this application is running on. "location.protocol" must be http or https. Ionic information: Cordova CLI: 6.2.0 Gulp version: CLI version 3.9.1 Gulp local: Local version 3.9.1 Ionic CLI Version: 2.0.0-beta.32 Ionic App Lib Version: 2.0.0-beta.18 ios-deploy version: 1.8.6 ios-sim version: 5.0.3 OS: Mac OS X El Capitan Node Version: v5.12.0 Xcode version: Xcode 7.3.1 Build version 7D1014

Per Nielsen

Per Nielsen   ·   8 years ago

@RodrigoReal can we speak somewhere?

Rodrigo Real

Rodrigo Real   ·   8 years ago

I'm going to test it today, i only tested on android device and browser, so ill check if there is a problem at iOS. Sure, you can find me at the ionic slack with the user rodrigoreal and send me a direct message or skype diigoxd

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

grendo

grendo   ·   8 years ago

I get errors around missing plugins, do you have details which plugins need to be installed Cannot find name 'facebookConnectPlugin'

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Psyche

Psyche   ·   8 years ago

Hi Rodrigo, Tried this in android simulator but i'm getting "Error TS2304: Cannot find name 'facebookConnectPlugin'." and " Cannot find namespace 'firebase' "

Psyche

Psyche   ·   8 years ago

Update: I was able to run it for now via a simulator in android but it just shows a blank white space :(

James Coppens

James Coppens   ·   8 years ago

I get the same issue, here is my ionic info output Your system information: Cordova CLI: 6.3.1 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.37 Ionic App Lib Version: 2.0.0-beta.20 ios-deploy version: 1.8.6 ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v6.5.0 Xcode version: Xcode 7.3.1 Build version 7D1014

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Antoine Dupont

Antoine Dupont   ·   8 years ago

Hi Rodrigo, could you help me understand how I can get other Facebook info using your starter? I can already get users' name, email and picture. But for example, how can I get their Facebook ID or birthday? Thanks a lot for your awesome work!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

anthony rizzi

anthony rizzi   ·   8 years ago

Assuming this could work with twitter with the appropriate tweaks?? many thx!

Rodrigo Real

Rodrigo Real   ·   7 years ago

Of couse it can, sorry for the late response, had any troubles?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Shalom sharon iluz

Shalom sharon iluz   ·   7 years ago

Hi Is someone going to update this demo ?

Rodrigo Real

Rodrigo Real   ·   7 years ago

Sorry but i', not going to update the .zip as i commit on git, as i recommended don't download the .zip, just clone my repo and follow the instructions on the readme

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Vincent

Vincent   ·   7 years ago

Thank you mate ; I just started learning Ionic and your starter is awesome. But I have a question : you have a "user" variable on app.component.ts, but how can we access this variable on a page ? Should we call getUserData from AuthProvider on each page where you need to be logged in ? Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hitesh K Patel

Hitesh K Patel   ·   7 years ago

There's no login with Google button under auth/home.html. Did you take it out for some reason?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Daniel

Daniel   ·   7 years ago

Hey there, I followed your readme word for word but unfortunately I ended up with this error: "There was an error in config file "/config/copy.config.js". Using defaults instead. TypeError: Cannot read property 'push' of undefined Anybody else stuck with this error? Does anyone know how to solve this? Thnks

Rodrigo Real

Rodrigo Real   ·   7 years ago

@Daniel i've just update the project with the latest ionic version. Can you follow the instructions on github?https://github.com/rodrigoreal/ionic2-angularfire-login

Daniel

Daniel   ·   7 years ago

@RodrigoReal I just followed de readme again and I ended up with the same error again. Here's what I'm getting http://imgur.com/a/m1uGl, sorry if this is a silly error, I'm just starting with Ionic/Angular and Firebase :(

Rodrigo Real

Rodrigo Real   ·   7 years ago

I'm seeing some rollup error, ionic was using that when it was on beta, now is webpack, and i've updated that today. Did you git pull after i tell you to follow the instructions? Because i've updated the entire project, and you should do an npm again.

Daniel

Daniel   ·   7 years ago

Yes, to be sure I discarded my old project and cloned it again, after this I followed the readme from the start and ended up with the same error. The only warning when I run 'npm install' is this one => npm WARN angularfire2@2.0.0-beta.8 requires a peer of rxjs@^5.0.1 but none was installed. But I don't think it's related.

Daniel

Daniel   ·   7 years ago

Yes, to be sure I discarded my old project and cloned it again, after this I followed the readme from the start and ended up with the same error. The only warning when I run 'npm install' is this one => npm WARN angularfire2@2.0.0-beta.8 requires a peer of rxjs@^5.0.1 but none was installed. But I don't think it's related.

Rodrigo Real

Rodrigo Real   ·   7 years ago

Can you type `ionic info` on your terminal and paste here the logs? And if you start a new project `ionic start test --v2` and do an `ionic serve` it work?

Daniel

Daniel   ·   7 years ago

Here's what i got after ionic info: Cordova CLI: 6.5.0 Ionic Framework Version: 2.0.1 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.1.0 ios-deploy version: 1.9.1 ios-sim version: 5.0.13 OS: macOS Sierra Node Version: v6.9.5 Xcode version: Xcode 8.2.1 Build version 8C1002 Yes, if I create a new project and run ionic serve it works just fine.

Rodrigo Real

Rodrigo Real   ·   7 years ago

Sorry man, but i really don't know why you are getting these errors :( I've just cloned the repo here again now, and it is working just fine. I'm trying to reproduce the error, but no success with that too.

Daniel

Daniel   ·   7 years ago

Okay then :( It must be related to my project or something with my distro I don't know, I'll try to fix and if I find a solution I'll post here. Thanks anyway :)

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Muhammed Kulak

Muhammed Kulak   ·   7 years ago

Hi, I have issue about "plugin not installed" when the click login with facebook button. How can fix this?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Deepankar Nath

Deepankar Nath   ·   7 years ago

Getting a live reload error. after signing up or signing in. Please find the image http://imgur.com/a/Ia1ss

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Deepankar Nath

Deepankar Nath   ·   7 years ago

Getting a live reload error. after signing up or signing in. Please find the image https://s2.postimg.org/n86rxjvsp/livereload.jpg

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Stephen Bell

Stephen Bell   ·   7 years ago

Tried your starter app. Facebook login works fine, however, creating an email login saves the email and password in Firebase OK, however, on trying to log in with those credentials, it just goes back to the login page. Same if I manually create the user and password in the Firebase Console, still no acceptance in the app and returns to login page, rather than "Home" page. Any ideas?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Scott D'Arcy

Scott D'Arcy   ·   6 years ago

Followed your read me document, and I have it all open in the code editor. When I run it all I get is the blank Ionic template 'the world is your oyster'. I'm obviously missing a key step.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Scott D'Arcy

Scott D'Arcy   ·   6 years ago

Followed your read me document, and I have it all open in the code editor. When I run it all I get is the blank Ionic template 'the world is your oyster'. I'm obviously missing a key step.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Stephen Bell

Stephen Bell   ·   7 years ago

Tried your starter app. Facebook login works fine, however, creating an email login saves the email and password in Firebase OK, however, on trying to log in with those credentials, it just goes back to the login page. Same if I manually create the user and password in the Firebase Console, still no acceptance in the app and returns to login page, rather than "Home" page. Any ideas?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Deepankar Nath

Deepankar Nath   ·   7 years ago

Getting a live reload error. after signing up or signing in. Please find the image https://s2.postimg.org/n86rxjvsp/livereload.jpg

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Deepankar Nath

Deepankar Nath   ·   7 years ago

Getting a live reload error. after signing up or signing in. Please find the image http://imgur.com/a/Ia1ss

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Muhammed Kulak

Muhammed Kulak   ·   7 years ago

Hi, I have issue about "plugin not installed" when the click login with facebook button. How can fix this?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Daniel

Daniel   ·   7 years ago

Hey there, I followed your readme word for word but unfortunately I ended up with this error: "There was an error in config file "/config/copy.config.js". Using defaults instead. TypeError: Cannot read property 'push' of undefined Anybody else stuck with this error? Does anyone know how to solve this? Thnks

Rodrigo Real

Rodrigo Real   ·   7 years ago

@Daniel i've just update the project with the latest ionic version. Can you follow the instructions on github?https://github.com/rodrigoreal/ionic2-angularfire-login

Daniel

Daniel   ·   7 years ago

@RodrigoReal I just followed de readme again and I ended up with the same error again. Here's what I'm getting http://imgur.com/a/m1uGl, sorry if this is a silly error, I'm just starting with Ionic/Angular and Firebase :(

Rodrigo Real

Rodrigo Real   ·   7 years ago

I'm seeing some rollup error, ionic was using that when it was on beta, now is webpack, and i've updated that today. Did you git pull after i tell you to follow the instructions? Because i've updated the entire project, and you should do an npm again.

Daniel

Daniel   ·   7 years ago

Yes, to be sure I discarded my old project and cloned it again, after this I followed the readme from the start and ended up with the same error. The only warning when I run 'npm install' is this one => npm WARN angularfire2@2.0.0-beta.8 requires a peer of rxjs@^5.0.1 but none was installed. But I don't think it's related.

Daniel

Daniel   ·   7 years ago

Yes, to be sure I discarded my old project and cloned it again, after this I followed the readme from the start and ended up with the same error. The only warning when I run 'npm install' is this one => npm WARN angularfire2@2.0.0-beta.8 requires a peer of rxjs@^5.0.1 but none was installed. But I don't think it's related.

Rodrigo Real

Rodrigo Real   ·   7 years ago

Can you type `ionic info` on your terminal and paste here the logs? And if you start a new project `ionic start test --v2` and do an `ionic serve` it work?

Daniel

Daniel   ·   7 years ago

Here's what i got after ionic info: Cordova CLI: 6.5.0 Ionic Framework Version: 2.0.1 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.1.0 ios-deploy version: 1.9.1 ios-sim version: 5.0.13 OS: macOS Sierra Node Version: v6.9.5 Xcode version: Xcode 8.2.1 Build version 8C1002 Yes, if I create a new project and run ionic serve it works just fine.

Rodrigo Real

Rodrigo Real   ·   7 years ago

Sorry man, but i really don't know why you are getting these errors :( I've just cloned the repo here again now, and it is working just fine. I'm trying to reproduce the error, but no success with that too.

Daniel

Daniel   ·   7 years ago

Okay then :( It must be related to my project or something with my distro I don't know, I'll try to fix and if I find a solution I'll post here. Thanks anyway :)

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hitesh K Patel

Hitesh K Patel   ·   7 years ago

There's no login with Google button under auth/home.html. Did you take it out for some reason?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Vincent

Vincent   ·   7 years ago

Thank you mate ; I just started learning Ionic and your starter is awesome. But I have a question : you have a "user" variable on app.component.ts, but how can we access this variable on a page ? Should we call getUserData from AuthProvider on each page where you need to be logged in ? Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Shalom sharon iluz

Shalom sharon iluz   ·   7 years ago

Hi Is someone going to update this demo ?

Rodrigo Real

Rodrigo Real   ·   7 years ago

Sorry but i', not going to update the .zip as i commit on git, as i recommended don't download the .zip, just clone my repo and follow the instructions on the readme

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

anthony rizzi

anthony rizzi   ·   8 years ago

Assuming this could work with twitter with the appropriate tweaks?? many thx!

Rodrigo Real

Rodrigo Real   ·   7 years ago

Of couse it can, sorry for the late response, had any troubles?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Felix Otamendi

Felix Otamendi   ·   8 years ago

Hi, this works with Firebase 3 ? Thanks

Rodrigo Real

Rodrigo Real   ·   8 years ago

Not at this moment, i'm waiting for angularfire release an update working with the Firebase SDK 3

Rodrigo Real

Rodrigo Real   ·   8 years ago

@FelixOtamendi Just want to let you know that the project is working with the Firebase SDK v3 now

Felix Otamendi

Felix Otamendi   ·   8 years ago

Thanks man! I will try!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Psyche

Psyche   ·   8 years ago

Hi Rodrigo, Tried this in android simulator but i'm getting "Error TS2304: Cannot find name 'facebookConnectPlugin'." and " Cannot find namespace 'firebase' "

Psyche

Psyche   ·   8 years ago

Update: I was able to run it for now via a simulator in android but it just shows a blank white space :(

James Coppens

James Coppens   ·   8 years ago

I get the same issue, here is my ionic info output Your system information: Cordova CLI: 6.3.1 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.37 Ionic App Lib Version: 2.0.0-beta.20 ios-deploy version: 1.8.6 ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v6.5.0 Xcode version: Xcode 7.3.1 Build version 7D1014

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

grendo

grendo   ·   8 years ago

I get errors around missing plugins, do you have details which plugins need to be installed Cannot find name 'facebookConnectPlugin'

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Per Nielsen

Per Nielsen   ·   8 years ago

Just downloaded, ran npm install and build for ios and getting the page served without login screen, am I suppose to do anything else? Device console says: 2016-06-30 10:09:02.383 ionic2-angularfire-login[7496:10000211] Resetting plugins due to page load. 2016-06-30 10:09:03.059 ionic2-angularfire-login[7496:10000211] Finished load of: file:///Users/test/Library/Developer/CoreSimulator/Devices/3FFBC7FC-9674-4372-9779-C8A9B866B54F/data/Containers/Bundle/Application/AF61A5F8-22B7-43C5-8D30-4C95B6EB7DC1/ionic2-angularfire-login.app/www/index.html 2016-06-30 10:09:03.538 ionic2-angularfire-login[7496:10000211] EXCEPTION: Error: This operation is not supported in the environment this application is running on. "location.protocol" must be http or https. 2016-06-30 10:09:03.538 ionic2-angularfire-login[7496:10000211] ERROR: EXCEPTION: Error: This operation is not supported in the environment this application is running on. "location.protocol" must be http or https. Ionic information: Cordova CLI: 6.2.0 Gulp version: CLI version 3.9.1 Gulp local: Local version 3.9.1 Ionic CLI Version: 2.0.0-beta.32 Ionic App Lib Version: 2.0.0-beta.18 ios-deploy version: 1.8.6 ios-sim version: 5.0.3 OS: Mac OS X El Capitan Node Version: v5.12.0 Xcode version: Xcode 7.3.1 Build version 7D1014

Per Nielsen

Per Nielsen   ·   8 years ago

@RodrigoReal can we speak somewhere?

Rodrigo Real

Rodrigo Real   ·   8 years ago

I'm going to test it today, i only tested on android device and browser, so ill check if there is a problem at iOS. Sure, you can find me at the ionic slack with the user rodrigoreal and send me a direct message or skype diigoxd

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

James Defauw

James Defauw   ·   8 years ago

I'm getting this error when trying npm install: npm WARN package.json ionic2-angularfire-login@ No repository field. npm WARN package.json ionic2-angularfire-login@ No license field. npm ERR! Darwin 15.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" npm ERR! node v4.4.2 npm ERR! npm v2.15.0 npm ERR! code EPEERINVALID npm ERR! peerinvalid The package @angular/common@2.0.0-rc.3 does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer @angular/platform-browser@2.0.0-rc.3 wants @angular/common@2.0.0-rc.3 npm ERR! peerinvalid Peer @angular/platform-browser-dynamic@2.0.0-rc.3 wants @angular/common@2.0.0-rc.3 npm ERR! peerinvalid Peer @angular/router@2.0.0-rc.2 wants @angular/common@^2.0.0-rc npm ERR! peerinvalid Peer angularfire2@2.0.0-beta.1 wants @angular/common@2.0.0-rc.1 npm ERR! peerinvalid Peer ionic-angular@2.0.0-beta.9 wants @angular/common@^2.0.0-rc.1 npm ERR! Please include the following file with any support request:

Rodrigo Real

Rodrigo Real   ·   8 years ago

Can you go inside your project directory and type ionic info and paste here? Thanks

James Defauw

James Defauw   ·   8 years ago

Here you go! our system information: Cordova CLI: 6.1.1 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.25 Ionic App Lib Version: 2.0.0-beta.15 ios-deploy version: 1.8.6 ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v4.4.2 Xcode version: Xcode 7.3.1 Build version 7D1014

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pat

Pat   ·   8 years ago

Hi Thanks a lot for providing this free starter! When i try to start it with ionic serve i get the following typescript errors: TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(27,53): Error TS2339: Property 'displayName' does not exist on type 'CommonOAuthCredential'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(30,51): Error TS2339: Property 'displayName' does not exist on type 'GoogleCredential'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(32,32): Error TS2339: Property 'password' does not exist on type 'FirebaseAuthState'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(33,44): Error TS2339: Property 'password' does not exist on type 'FirebaseAuthState'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/database/database.d.ts(9,29): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/database/database.d.ts(10,31): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(12,20): Error TS1112: A class member cannot be declared optional. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(15,40): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(16,52): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(16,92): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(17,51): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(17,119): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(20,56): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(6,82): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(8,49): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(13,46): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(41,11): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(60,55): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_factory.d.ts(5,74): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_factory.d.ts(5,104): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(6,23): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(7,26): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(8,26): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(9,35): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(15,50): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(15,80): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(17,11): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(17,41): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(18,23): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(18,53): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(20,21): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(21,53): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(22,39): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(23,83): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_factory.d.ts(4,76): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(6,17): Error TS1112: A class member cannot be declared optional. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(7,102): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(9,22): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(10,28): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(11,15): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: app/app.ts(42,60): Error TS2345: Argument of type 'string' is not assignable to parameter of type 'FirebaseAppConfig'. 9.7 MB bytes written (5.79 seconds) [19:12:59] Finished 'watch' after 9.95 s [19:12:59] Starting 'serve:before'... [19:12:59] Finished 'serve:before' after 5.56 μs Running live reload server: http://localhost:35729 Watching: www/**/*, !www/lib/**/* √ Running dev server: http://localhost:8100 Ionic server commands, enter:

Rodrigo Real

Rodrigo Real   ·   8 years ago

Thanks man, i have fix that now, the problem was that angularfire2 released a new version 3 days ago(2.0.0-beta.1), and the new version requires firebase 3+, ill make some tests with the angularfire new version, and if it is stable ill update the project. But for now i fixed the angularfire version with 2.0.0-beta.0 and it is working perfect. You can pull the project or just run npm install angularfire2@2.0.0-beta.0

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Derrick Miller

Derrick Miller   ·   8 years ago

Hello Rodrigo Real, is your project working with the new Firebase SDK, i'm getting Uncaught TypeError: Cannot read property 'FacebookAuthProvider' of undefined

Rodrigo Real

Rodrigo Real   ·   8 years ago

Not at this moment, angularfire2 released an update 3 days ago with the new SDK, i'll make some tests this week and if it is stable enougth i'll update the project

Rodrigo Real

Rodrigo Real   ·   8 years ago

@DerrickMiller Just want to let you know that the project is working with the Firebase SDK v3 now

Derrick Miller

Derrick Miller   ·   8 years ago

Thanks, I'll test it out later today..

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Kwadwo

Kwadwo   ·   8 years ago

I have a project due this week that needs firebase. Does anyone have good links to creating full stack ionic 2 apps with firebase ?

Rodrigo Real

Rodrigo Real   ·   8 years ago

Sorry man, but i don't have one, i learned from their github: https://github.com/angular/angularfire2#developer-guide You may have some better luck at the ionic 2 forum: https://forum.ionicframework.com/c/ionic-2

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Paddy Cheng

Paddy Cheng   ·   8 years ago

this.app.getComponent (app.ts line 37) has now been deprecated and you should use:- import {Component, ViewChild} from "@angular/core"; ... @Component({ templateUrl: "build/app.html", queries:{ nav: new ViewChild('content') } })

Rodrigo Real

Rodrigo Real   ·   8 years ago

Thanks for the feedback, it has been fixed now

Kwadwo

Kwadwo   ·   8 years ago

Has it? I tried ionic serve but seeing a blank screen

Rodrigo Real

Rodrigo Real   ·   8 years ago

@Kwadwo it was just deprecated, it was working and still are. Did you install the node modules? "npm install" What are the errors in the console log?

Kwadwo

Kwadwo   ·   8 years ago

How embarrassing . I did not do that. Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ernesto Palafox

Ernesto Palafox   ·   8 years ago

Just what i was looking for, thanks for sharing!

Rodrigo Real

Rodrigo Real   ·   8 years ago

I'm glad you liked.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Antoine Dupont

Antoine Dupont   ·   8 years ago

Hi Rodrigo, could you help me understand how I can get other Facebook info using your starter? I can already get users' name, email and picture. But for example, how can I get their Facebook ID or birthday? Thanks a lot for your awesome work!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hey there! You'll need to log in before you can leave a rating here.

Ernesto Palafox   ·     ·   8 years ago

Just what i was looking for, thanks for sharing!

Paddy Cheng   ·     ·   8 years ago

Great job Rodrigo for keeping up to date with Ionic Beta 8

Kiran vedak   ·     ·   8 years ago

Great job. This helps me getting started on ionic2 with Firebase. Keep up good work.

Elmer Padilla   ·     ·   8 years ago

Excelente Aplicación para iniciar con ionic2 y firebase

John Guilbert Caringal   ·     ·   8 years ago

Easy to modify! Great job!

John Guilbert Caringal   ·     ·   8 years ago

Easy to modify! Great job!

John Guilbert Caringal   ·     ·   8 years ago

Easy to modify! Great job!

John Guilbert Caringal   ·     ·   8 years ago

Easy to modify! Great job!

Vincent   ·     ·   7 years ago

Awesome

Hitesh K Patel   ·     ·   7 years ago

Huge Thanks!! With a very small tweak I was able to get both Google and Facebook Login working on iOS emulator and device. With Logout button it was easy to test and validate.

ionictheme.com   ·     ·   7 years ago

Very niice! Tks!

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

ionictheme.com    ·     ·   7 years ago

Very niice! Tks!

Hitesh K Patel    ·     ·   7 years ago

Huge Thanks!! With a very small tweak I was able to get both Google and Facebook Login working on iOS emulator and device. With Logout button it was easy to test and validate.

Vincent    ·     ·   7 years ago

Awesome

John Guilbert Caringal    ·     ·   8 years ago

Easy to modify! Great job!

John Guilbert Caringal    ·     ·   8 years ago

Easy to modify! Great job!

Paddy Cheng     ·     ·   8 years ago

Great job Rodrigo for keeping up to date with Ionic Beta 8

John Guilbert Caringal    ·     ·   8 years ago

Easy to modify! Great job!

Elmer Padilla    ·     ·   8 years ago

Excelente Aplicación para iniciar con ionic2 y firebase

Kiran vedak    ·     ·   8 years ago

Great job. This helps me getting started on ionic2 with Firebase. Keep up good work.

Ernesto Palafox    ·     ·   8 years ago

Just what i was looking for, thanks for sharing!

John Guilbert Caringal    ·     ·   8 years ago

Easy to modify! Great job!