ionic-angular 5 Firebase Auth

ionic-angular 5 Firebase Auth

Start your awesome app in Firebase quickly!!

$9.00

(33)
Carlos Rojas

Carlos Rojas

Member since 2014

Details

Version:
5.0.0
Size:
13mb
Ionic:
4.x
Platforms:
iOS, Android
View ID:
350ffb68
Released:
9 years ago
Updated:
4 years ago
Category:
Starters
Tags:
authentication, firebase

Features:

  • Authenticate Users.
  • Register Users.
  • Reset Passwords.
  • Form Validation Ready.

Installation

  • You need create a Firebase Project and Enable Email/Password authentication in firebase.google.com

  • Update your Ionic CLI.

$npm install -g ionic
  • Download and uncompress your Files.

  • Go to the folder and run.

$ npm install
  • Go to file src/config.firebase.ts and update the info with your firebase data.
export const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: ""
};
  • Run
$ionic serve

And that's it.

My other Ionic Starters

ionic-react 5 Firebase Auth Starter

ionic-angular 5 Firebase Database Starter

ionic-angular 5 Firebase Storage

ionic-angular 5 Firebase Database

Changelog

5.0.0 "Rebuild in Ionic 5 + Firebase 5" (2020-04-15)

  • Ionic 5
  • Firebase 5

4.0.0 "Rebuild in Ionic 4 + Firebase 5" (2019-01-03)

  • Ionic 4
  • Firebase 5

1.1.8 "Adding compodoc" (2018-19-02)

  • Adding compodoc docs/
  • Cleaning tslint warnings.

1.1.7 "AngularFire v5 updated" (2017-14-10)

  • Redirect to Home if Logged in.
  • Angularfire2 latest version.

1.1.6. " AngularFire2 " (2017-13-09)

  • Using AngularFire2.

1.1.5. " Patch " (2017-26-04)

  • Optimizing code and solving some issues with Validations.

1.1.4. " Upgraded " (2017-16-04)

  • Ionic 3 Ready 🔥

1.1.3. "2.0.0Final" (2017-02-03)

  • Upgraded to 2.0.0 Final

1.1.2. "RC4" (2016-12-20)

  • Upgraded to RC4

1.1.1. "RC0" (2016-10-09)

  • Upgraded to RC0

Support and Feedback:

If you are facing an issue related to Ionic please refer to: forum.ionicframework.com

Need a quick help: https://calendly.com/carlosrojas_o

If you found an error or a bug in this Starter. Contact us via the email that you get from Gumroad.

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

Vineet Sawant

Vineet Sawant   ·   9 years ago

I tried to register/login, it shows unknown error dialogue box, is there anything I am missing? I've a new clean firebase db, which is blank, is that causing the issue?

Lucio

Lucio   ·   9 years ago

I tried to register/login, it shows unknown error dialogue box, is there anything I am missing? I've a new clean firebase db, which is blank, is that causing the issue? [2]

Alexandre Faustino

Alexandre Faustino   ·   9 years ago

Did you enabled the login & auth on your firebase account ?

Carlos Rojas

Carlos Rojas   ·   9 years ago

@Alexandre Faustino, yes you must enabled the login & auth in firebase.

Carlos Rojas

Carlos Rojas   ·   9 years ago

@Lucio Did you enabled the login & auth on your firebase account ?

Carlos Rojas

Carlos Rojas   ·   9 years ago

@Vineet Did you enabled the login & auth on your firebase account ?

Wladimir Avila

Wladimir Avila   ·   9 years ago

Thanks, I enabled Email and Password Authentication and all its Ok, thanks for sharing this code!

Carlos Rojas

Carlos Rojas   ·   9 years ago

@Wladimir Avila Im glad to hear that ;)

Israel Vicars

Israel Vicars   ·   9 years ago

@lucio @vineet I had that problem and it was fixed by changing the Firebase App URL from "nameofapp.firebaseapp.com" to "nameofapp.firebaseio.com". I mistakenly copied the wrong URL from the authorized domains list on Firebase.

Carlos Rojas

Carlos Rojas   ·   9 years ago

Oh, i see. Thank you @Israel Vicars :)

Alvin Lawson

Alvin Lawson   ·   9 years ago

Nice starter. Will you be adding Facebook/Twitter oauth integration to your starter?

Carlos Rojas

Carlos Rojas   ·   9 years ago

Hi @Alvin Lawson. Thank you for comment. I don't know yet. but is really easy add auth with social accounts. See this: https://www.firebase.com/docs/web/libraries/angular/quickstart.html and you need implement this auth.$authWithOAuthPopup("facebook") for each Service and use the InApp cordova plugin ;)

Madiba Razak

Madiba Razak   ·   9 years ago

Hi carlos , i need to add user details ,like username ,sex ,age ,how best to do this

Carlos Rojas

Carlos Rojas   ·   9 years ago

Hi @Madiba, in the Service js/services/auth.js just modify the createProfile() function and don't forget add this info in the user object (Ex: user.age = 18, user.sex = "Male") have fun :)

Gassan

Gassan   ·   9 years ago

Dear Carlos, Thank you for this Template. I have problem ... when I add user manually in firebase login&Auth and I try to login ... He stack in loading not ending ... but If I registered and login he work fine ...why ... It is something related to rules of firebase ... help Plz

Carlos Rojas

Carlos Rojas   ·   9 years ago

Hi @Gassan, Thank you for use this Starter. I guess that this is because if you see js/services/auth.js in the function createProfile: function(uid, user) {} this function create a Collection in Firebase to handle profiles inside our App. then if you going to create users manually must create that profiles also in that collection. I hope this solve your question. Have fun :)

Gassan

Gassan   ·   9 years ago

Hi @Carlos, I have another note. when I use Firebase Auth Starter as a website, I can access to home page without login!. just write /home. of course not in mobile app. I think we need states controller in any page of application before access. may I right?

Carlos Rojas

Carlos Rojas   ·   9 years ago

Hi @Gassan, yes, you're right. if you want handle this requirement you need handle sessions, something like save in $cookies a token and verify in each view if the token is defined else send to $state(login). have fun ;)

Stewart McCoy

Stewart McCoy   ·   9 years ago

Hey Carlos, I notice you have a gravatar value that gets submitted as part of the profile object. Any plans to make the add-person icon on the register page functional, so that the user can select a photo from their device? That would take this start over the top! :)

Stewart McCoy

Stewart McCoy   ·   9 years ago

Love this start kit. The core functionality works as expected and this is super easy to set up. However, some of the animation states are buggy. For example, on iOS when the keyboard opens after tapping into the 'email' input, there's a black background briefly displayed at the top that shouldn't be there. And when you tap the next arrow to go to the 'password' input, the screen bounces up twice instead of once. Hope you can fix this in a subsequent update :)

Carlos Rojas

Carlos Rojas   ·   9 years ago

hey @Stewart McCoy. Yes, i have in the Plans make a big update about this Starter like 1. Have a Profile view, 2. Manage of Sessions, 3. Upload Pics from Devices, 4. Switch console.log() with $log provider and 5. add Internationalization (I18n) I don't have a date yet.

Carlos Rojas

Carlos Rojas   ·   9 years ago

@Stewart McCoy i'm glad that you enjoy this starter. I added the issue https://github.com/ion-book/firebaseStarter/issues/2 if you find more feel free to add the bugs here https://github.com/ion-book/firebaseStarter/issues and Thank You :)

GEORGIOS NASIS

GEORGIOS NASIS   ·   9 years ago

Hallo Carlos!Thank you very much for this excellent start for ionic!I wonder if you could add facebook login on it!It would be great!Thank you again!

Carlos Rojas

Carlos Rojas   ·   9 years ago

Hi @GEORGIOS NASIS i'm glad that you enjoy this Starter. Maybe in the future i add the Facebook authentications but you can implement this very straightforward using auth.$authWithOAuthPopup("facebook") and add the InApp cordova plugin the tricky thing is create the facebook app but you can watch this video http://j.mp/1QmBQYI

Amirhossein

Amirhossein   ·   9 years ago

Thanks for sharing your knowledge .

Carlos Rojas

Carlos Rojas   ·   9 years ago

Sure, @Amirhossein thanks for comment :)

Ramith Randeniya

Ramith Randeniya   ·   8 years ago

Hi Carlos, Awesome starter kit! I'm new to Ionic and the whole mobile apps field, this starter helped me a lot to get an understanding how everything works and also works great on my app! I have one question, how can I implement a "Remember Me" function in the login? Do you recommend satellizer or anything else that will work well with the starter kit? :)

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Ramith Randeniya, i'm glad that my starter helped you :) i dunno what is satellizer, but you can use the localstorage and save a token in the device. for security you need encrypt this info in the device is a simple approach to solve that.

Ramith Randeniya

Ramith Randeniya   ·   8 years ago

Thanks for the reply Carlos, I tried implementing remember me feature using jquery and it does not work for some reason. Here's the code : $(function() { if (localStorage.chkbx && localStorage.chkbx != '') { $('#remember_me').attr('checked', 'checked'); $('#email').val(localStorage.email); $('#pass').val(localStorage.pass); } else { $('#remember_me').removeAttr('checked'); $('#email').val(''); $('#pass').val(''); } $('#remember_me').click(function() { if ($('#remember_me').is(':checked')) { // save username and password localStorage.email = $('#email').val(); localStorage.pass = $('#pass').val(); localStorage.chkbx = $('#remember_me').val(); } else { localStorage.email = ''; localStorage.pass = ''; localStorage.chkbx = ''; } }); }); Please take a look :) Thanks in advance!

Carlos Rojas

Carlos Rojas   ·   8 years ago

mmm... @Ramith Randeniya i don't know Jquery but i can see that the logic seems ok. maybe you can try with translate this to Angular, you can use ng-model = "" http://j.mp/1haXDGW and make the decisions in the controller. Have fun :)

Brad Sutherland

Brad Sutherland   ·   8 years ago

Hi, I love this starter pack. Would you be able to point me in the right direction so I can allow users to post some text and for it display for everyone to see? A bit like a facebook status? Thanks alot

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Brad Sutherland im glad that you love this starter :) well i think that you can use two approach, you can save the "status" in the profile, just need add this variable in the js/services/auth.js create profile and update each time that the user change the status. the other method is create a collection "status" that save this messages. you gonna need $firebasearray and his method add(). you can find more info here... http://j.mp/1RsjAOQ... i hope this info be helpful and don't forget to rate :)

David

David   ·   8 years ago

Carlos, en 10 minutos estaba funcionando... excelente pack de inicio, Saludos desde Chile!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Gracias @David, me alegra que te haya sido de utilidad :)

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Edi RepoDev i'm glad that this starter was handy for you :)

Jessica Thompson

Jessica Thompson   ·   8 years ago

thank you for your starter package please can you tell me how I change the image of the play station controller as and personalise it to fit in with my styling of the app ive created. Can I delete the style sheets that came with the package and add my own? thanks

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Jessica Thompson, yes you can do that. only you need the style.css. but you can copy the styles that can find there and paste in your own stylesheet. Have fun ;)

Jessica Thompson

Jessica Thompson   ·   8 years ago

thank you where abouts is the code for the play station controller i cant seem to find it. also whenever i mess around with the code it doesnt allow me to enter login/register details it stops functioning properly

Jessica Thompson

Jessica Thompson   ·   8 years ago

i have managed to solve the issues now thank you

Jessica Thompson

Jessica Thompson   ·   8 years ago

hi again please can you tell me how i can add tabs to the homepage and other pages alongside the login area every time i go to add code it flicks back to the login/register area without displaying the tabs and the other content on the page thanks

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Jessica i guess this is happening because can't find the correct state, if you see the file js/app.js Line 4 - 27 you can find some states for the app. when angular dont find any state correctly this use otherwise() Line 26 so you need create new states for news views. I hope this can help you. Have fun :)

brian davidson

brian davidson   ·   8 years ago

This is fantastic! I'll admit it took a large portion of my Saturday to set everything up correctly, but I now have a firebase ionic app running on my galaxy note 4. This opens up a lot of cool possibilities for me -- much obliged!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @brian davidson i'm glad to hear that :) you can try http://j.mp/1NmpHjP, http://j.mp/1KUdXb3 also and don't forget to rate ;)

Najat

Najat   ·   8 years ago

how can i add this to my tabbed application ?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Najat what do you mean? The starter give you the registration process and connect with Firebase but if you have an App already i guess that you only need change the view after the login with your views and i suppose that would work well. Have fun ;)

Alex Dyba

Alex Dyba   ·   8 years ago

Hi Carlos thank you for your starter, would you be so nice and add a `fake_bower.json`? Copy paste is OK but for bigger project you'd need to consolidate the bower dependencies anyway.

Alex Medina

Alex Medina   ·   8 years ago

How do make after login go to slide menu?

Carlos Rojas

Carlos Rojas   ·   8 years ago

@Alex Medina you need use $stateProvider here you can see his uses: http://j.mp/1YRlI6C and http://j.mp/1YRm7G8

mehmet arslan

mehmet arslan   ·   8 years ago

Hi @Carlo Rojas, thanks for great sharing. It worked fine in my application. But can you please share how can display user email after login? In mean , also need to return login page if it didn't login yet. And my last question , how can register member with additional information like name and date of birth etc.. Thanks so much.

mehmet arslan

mehmet arslan   ·   8 years ago

@Carlos Rojas, i just solve checking if login issue by below code : var ref = new Firebase(FURL); var user=ref.getAuth(); if (user==null){ console.log ('need login '); $state.go('login') } else { console.log ('Yeap ' + user.password.email); console.log(user); // $localStorage.email) // } Now my other question : I gave tabs in my templates. User click on Account tabs, and if not login it return to login page. And after login it again return to Account page, but after login , i should refresh page manually, it doesn't run above codes.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Mehmet. Sorry for the delay. If i understood you can't Sign out users from your tabs. The think that i use is keep a token in the localstorage. and use in the view (ion-view) ng-init="logged()" in this way i check the user. Maybe don't work because the cache so you gonna need disable the cache in the view. http://j.mp/1MN9Xwx . i hope this info can be handy

David Jiménez

David Jiménez   ·   8 years ago

Saludos Carlos, en primer lugar, muchísimas gracias por el aporte. En mi caso, necesito añadir más datos a cada perfil, a parte de su email, id...etc. Estos nuevos atributos los he añadido en la función createProfile(), por ejemplo en el caso de la edad: "edad:user.edad" al igual que se hacia con el email. Seguramente me estoy dejando algo por hacer, pues los nuevos usuarios siguen sin tener dichos atributos nuevos, así que te pregunto directamente por si es fácil la solución!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hola @David gracias por comentar. Si debería ser sencillo. revisa el servicio tambien, por que debes modificar el controlador y el servicio para agregar la info adicional. Un abrazo y no olvides Calificar ;)

mehmet

mehmet   ·   8 years ago

Hi @Carlos Rojas , i solved my issue thanks. But now , i have other issue. You know , i use login and register template. But in some cases back button top of the page not working. Do you know why it is? ( basically i have taps in my application. And user click on Account tab then if not loged in , i redirect it to login page. I use your template for login. But i don't see back button here. However when i click to register button on login page, i can see back button in register page. Besides , after login , there is a few link on Account page. One of them goes to page for user update their details(name,lastname , etc) and i also use same register template in that page. But i don't see back button here again). I hope, i explaned well about my issue. Can you please help? Thanks so much

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @mehmet. mmm i guess can be a lot of stuff :p Maybe you can start checking that all the views have this http://ionicframework.com/docs/api/directive/ionNavBackButton/ and disabling the backbutton in the button that you dont need. with http://ionicframework.com/docs/api/directive/ionView/ hide-back-button=true. hope this info can be useful.

Hg

Hg   ·   8 years ago

Hi Carlos, thank you for sharing this startup, it really helps! Otherwise I wanted to ask something, After logging in I wanna show the email of the user (on a profile page that I created), do you have any idea about how to do this? thank you so much

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @hergli. i usually store the data in the localstorage and use $localstorage service from ngcordova in order to use the info in other views. I hope this info be handy and dont forget to rate this starter ;)

Paul Cham

Paul Cham   ·   8 years ago

Hi Carlos, first of all great job in sharing this great work of yours. I have a problem when clearing the registration fields though. What I wanted to happen is when I select "Register" it should clear the Email and Password fields. I tried adding $scope.user = { email: '', password: '' }; in Register.js but it doesn't seem to clear it everytime I head over to registration screen. Thanks.

Simone Ascari

Simone Ascari   ·   8 years ago

Hola Carlos, ¿Cómo puedo hacer para evitar que un usuario no registrado no vea la url "home"?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hola @Simone, lo que puedes hacer es colocar un token en la session del usuario y verificarlo con un ng-init="islogged()" sino aparece el token pues lo reenvias a la pagina inicial.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Paul can you add me the bug here. https://github.com/ion-book/firebaseStarter/issues i'll back with you as soon as possible :)

Anthony Farrior

Anthony Farrior   ·   8 years ago

I get an unknown error when I try to register. Please help.

Carlos Rojas

Carlos Rojas   ·   8 years ago

I thing that is this issue http://j.mp/24iTfrp i fixed as soon as possible but i guess that if you try in a device must to work fine.

Carlos Rojas

Carlos Rojas   ·   8 years ago

I thing that is this issue http://j.mp/24iTfrp i fixed as soon as possible but i guess that if you try in a device must to work fine.

Carlos Rojas

Carlos Rojas   ·   8 years ago

*i'll fix ...

Anthony Farrior

Anthony Farrior   ·   8 years ago

Thx!

Anthony Farrior

Anthony Farrior   ·   8 years ago

It was my fault. I was using Google's version of Firebase instead of the original version. Sorry.

  ·   just now

{{ reply.comment }}



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

ELy

ELy   ·   8 years ago

Hi @CarlosRojas I was wondering whether this will be upgraded to Firebase SDK 3?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Actually we are using Angularfire so we going to upgrade when a new version be release. http://j.mp/24iNyK4

ELy

ELy   ·   8 years ago

@CarlosRojas just to let you know angularfire has been upgraded

Carlos Rojas

Carlos Rojas   ·   8 years ago

https://github.com/ion-book/firebaseStarter/issues/14 ;)

  ·   just now

{{ reply.comment }}



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

ArtWand

ArtWand   ·   8 years ago

Hi Carlos, Great job! I'm facing a small issue / hope it's something easy to fix Error: The $firebaseAuth service accepts a Firebase auth instance (or nothing) instead of a Database reference. a@http://localhost:8100/lib/angularfire/dist/angularfire.min.js:12:6195 @http://localhost:8100/lib/angularfire/dist/angularfire.min.js:12:5949 @http://localhost:8100/js/services/auth.js:4:13

ArtWand

ArtWand   ·   8 years ago

@CarlosRojas just to adding a note- it happend after I upgraded angularfire to v2.0.1

Carlos Rojas

Carlos Rojas   ·   8 years ago

https://github.com/ion-book/firebaseStarter/issues/14

  ·   just now

{{ reply.comment }}



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

Jernej P

Jernej P   ·   8 years ago

Great tutorial for a start, but I am also interested for "sidemenu" version for this tutorial. Has anybody made this to work with "sidemenu" template? Can be downloaded from some address? Or can you give me some directions for transform this to "sidemen​u" template?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi, @JernejP thank you for comment. Implementing a sidemenu is easy. You can see the code using ``ionic start app sidemenu`` and just copy and paste the necessary code in the views here. I use sidemenu in this other starter http://market.ionic.io/starters/astinderforx maybe can be a guide too. Have fun :)

  ·   just now

{{ reply.comment }}



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

Patrick Haggood

Patrick Haggood   ·   8 years ago

I changed your project name 'asfirebase' to my project, now i get an unknown error. Angularfire docs say i need to initialize an app first (https://github.com/firebase/angularfire/blob/master/docs/reference.md#initialization) adding to app.js just returns 'Failed to init app, firebase not defined'

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @PatrickHaggood Maybe do you update the angularfire library? can be the error. I'll update this starter asap. :p

Patrick Haggood

Patrick Haggood   ·   8 years ago

I have the latest starter app (downloaded it about an hour ago). The only thing I changed was the name of the firebase app in the constant ; .constant('FURL', 'https://asFirebase.firebaseio.com/') from yours to mine. The Firebase/Angularfire docs are really in flux right now with v3 so it's hard to figure out what's true anymore. In the previous version you created new apps in the managemnt console, now it seems if you're creating apps you have to do it via the config var in your angular app. If I don't add their config var but change the app name constant it just fails to login (I did enable email logins in the project). If I include their config var with my values, it can't find firebase. If I just use your appname it works perfectly so I'm not sure the problem is in the starter app at all.

Carlos Rojas

Carlos Rojas   ·   8 years ago

mmm. weird. can you add me the issue https://github.com/ion-book/firebaseStarter/issues, i guess is because the library...

Patrick Haggood

Patrick Haggood   ·   8 years ago

will do

Patrick Haggood

Patrick Haggood   ·   8 years ago

i just took out the auth code from the docs, tried logging in again and it said 'firebase.google.com/docs/auth'

Nat Landry

Nat Landry   ·   8 years ago

Any solution, I am having the same issue?

  ·   just now

{{ reply.comment }}



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

Jaime

Jaime   ·   8 years ago

I am getting ionic.bundle.js:26794 ReferenceError: Firebase is not defined Are you going to upgrade to Firebase 3.0?

  ·   just now

{{ reply.comment }}



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

Onur

Onur   ·   8 years ago

Hi Carlos, I get an 'Unknown Error' and the app does not signin with my Firebase web app but it works with your FURL...What might be the problem?

Carlos Rojas

Carlos Rojas   ·   8 years ago

i guess is because i created the app in firebase some years ago :p

Nat Landry

Nat Landry   ·   8 years ago

Carlos have you figured out the solution for @Onur?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Nat. The free version is outdated. I update the libraries in the paid version.

Nat Landry

Nat Landry   ·   8 years ago

Works perfect Carlos! Can't beat 5 bucks either!!!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Glad to hear that :)

  ·   just now

{{ reply.comment }}



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

Conor

Conor   ·   8 years ago

Hi Carlos! I recently paid for the updated app which works perfectly for login. I'm currently trying to expand on this however the commented button for accessing the profile page seems broken. Have you any suggestions for fixing this as I can't link to other pages right now. Thanks

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Conor, thanks for comment. sorry for that :( i removed the profile page :p because need an extra work and i forget removed the views :p but in overall you only need to save the info in the ngstorage and use in the view that you need. to get the info you going to need this: http://j.mp/angufire

  ·   just now

{{ reply.comment }}



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

Mark Elliott

Mark Elliott   ·   8 years ago

Hi Carlos, Just bought the latest paid version. Looks great by the way. I have it up and running registering users, but can't see the users being added to the Firebase DB? Any help would be appreciated as I'm new to Firebase! Thanks

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Mark. I'm glad that you enjoy this starter :) In this starter i'm using the email & pass auth from firebase. You can see the users in your Firebase Dashboard > Auth > Users. If you need save additionaly the users in the Firebase DB, you need add a new function like createProfile() or something in the line 23 in js/services/auth.js and add this to Firebase DB with $add(data) method. i hope this info can guide you and let me know about your progress ;)

Mark Elliott

Mark Elliott   ·   8 years ago

Thanks for the quick response Carlos!

Carlos Rojas

Carlos Rojas   ·   8 years ago

;)

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Carlos, I change the createProfile() and register.html like you write in auth.js. The function create the user, but not in json with more info. My "user" continues with the same fields.

Mark Elliott

Mark Elliott   ·   8 years ago

Thanks again Carlos your a champion!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Thank you @MarkElliott ;) Don't Forget to rate :)

  ·   just now

{{ reply.comment }}



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

Paul Cham

Paul Cham   ·   8 years ago

Hi Carlos, First of all great job! I used this starter on the old Firebase and it works like a charm, however now that Firebase was acquired by Google I encountered a plethora of problems and so. Are you planning to add Social Login such as Facebook to this Firebase 3 Starter? Also is the new implementation, implemented with the latest AngularFire? Thanks.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @PaulCham i'm glad that did you enjoy this starter. Yes i'm planning in add the social logins in the future. the last version is using the latest AngularFire. https://gum.co/gfpc

Paul Cham

Paul Cham   ·   8 years ago

Cool! If I purchase it right now, will I be able to get the updated (with Social logins) in the future?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Yes :)

  ·   just now

{{ reply.comment }}



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

santiago velez g

santiago velez g   ·   8 years ago

hi i just download it but got this error: FIREBASE FATAL ERROR: Cannot parse Firebase url. Please use https://<YOUR FIREBASE>.firebaseio.com is this because the version i got is not the latest one? do i have to buy to get the latest? thanks n advance

Carlos Rojas

Carlos Rojas   ·   8 years ago

Yes. The latest is a paid version.

  ·   just now

{{ reply.comment }}



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

Bonface

Bonface   ·   8 years ago

Hi. I just paid for the starter. Throw me the download

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Bonface, the gumroad system send you an email with the files. Let me know if you keep getting problems with the download :)

Bonface

Bonface   ·   8 years ago

@Carlos kindly resend. Nothing committed

Carlos Rojas

Carlos Rojas   ·   8 years ago

Sure. give me your email.

Bonface

Bonface   ·   8 years ago

mudirib@gmail.com

  ·   just now

{{ reply.comment }}



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

Oxy Rizal

Oxy Rizal   ·   8 years ago

hi i just download and error code":"AUTHENTICATION_DISABLED","message":"Projects created at console.firebase.google.commust use the new Firebase Authentication SDKs available from firebase.google.com/docs/auth/ is it firebase v2 and must paid to get firebase v3? thanks

Carlos Rojas

Carlos Rojas   ·   8 years ago

Yes. The latest version is paid.

Oxy Rizal

Oxy Rizal   ·   8 years ago

hey carlos, i just bought today. Thx a lot Is it support session login ?

  ·   just now

{{ reply.comment }}



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

Tomer Levi

Tomer Levi   ·   8 years ago

Hey Carlos, first of all, Thank you for your support! I paid for this starter and I added a function to add data for my database in firebase. There's a way to create a new table inside the database in firebase and add date to the new table?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Tomer. Thank you for support my work :) Let me see if i undertand your problem. You are now saving data in Firebase Database. And you need add a date? if this is the case i suggest you create an object like: { name: 'some name', date: '10-10-2016'} and after that use the function to sync in firebase http://j.mp/2a6ahaa

Tomer Levi

Tomer Levi   ·   8 years ago

Working awesome! You're a legend (;

Carlos Rojas

Carlos Rojas   ·   8 years ago

Thank you @TomerLevi don't forget to rate :)

  ·   just now

{{ reply.comment }}



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

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Hi Carlos, thanks to development this starter! Is very usefull. I paid for this startter but I get the "unknow error" when I login and when I register, not save in my firebase. I change the code that you told, I update the firebase and angularfire (I put cdn call for both) but not working. Can you help me?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @RodrigoFreitas first of all thank your for support my work :) 1. Did you enabled email auth in your firebase console? 2. Don't use cdn plz use the files in the lib directory or update with bower.

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Ok Carlos, I will try tonight and I tell you later what happens. Thanks for rapid answer.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Sure ;)

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Hi Carlos, I update with bower and the message is gone, but now stay in "loading" and nothing. When I register, is the same and I open console to see any message and see this: "TypeError: auth.$createUserWithEmailAndPassword is not a function"

Carlos Rojas

Carlos Rojas   ·   8 years ago

Seems that angularfire or firebase didn't install. can you follow this steps. 1. Download the latest version from gumroad. 2. start a new project $# ionic start myapp blank 3. remove www directory from your project . 4. replace with the www directory from gumroad in your project. 5. $#ionic serve.

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Works fine! So, I suppose the error is in my firebase. A doubt: - I really need the storageBucket? - how are your rules? This is mine: { "rules":{ ".read":true, ".write":true } }

Carlos Rojas

Carlos Rojas   ·   8 years ago

Cool @RodrigoFreitas :) actually i have the default rules because my app is very simple. but you gonna need polishing your rules in order to fit with your business logic. you can use this guides http://j.mp/2aeToag i hope your enjoy this product and plz dont forget to rate ;)

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Carlos, it's works! I create another project in Firebase, I create another project, a clean project, with default values and worked fine!

  ·   just now

{{ reply.comment }}



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

Abraham

Abraham   ·   8 years ago

do you have an email? I have an ionic/firebase project for you. Or send me email: virginpayng@gmail.com

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Abraham, mi email is ing.carlosandresrojas@gmail.com

  ·   just now

{{ reply.comment }}



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

goClinic

goClinic   ·   8 years ago

Hi Carlos, I think I put my earlier comment in the wrong starter of yours. I am using this starter. I managed to get it working, but when I register the same user for second time it register again without telling me that the user already exists. How to handle this ?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @goClinic , i think is a problem with the comment system :p mmm that is weird because firebase seems handle that for you. but i'll gonna make a test. and i'll back to you as soon as possible. one question did you see the firebase panel that the user is registered two times?

goClinic

goClinic   ·   8 years ago

I checked the firebase console, it is not creating again, so it is only the message, instead of throwing error, it seem to show success.

  ·   just now

{{ reply.comment }}



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

goClinic

goClinic   ·   8 years ago

I checked the firebase console, it is not creating again, so it is only the message, instead of throwing error, it seem to show success.

  ·   just now

{{ reply.comment }}



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

Mark Elliott

Mark Elliott   ·   8 years ago

Hi Carlos, can I contact you directly?

Carlos Rojas

Carlos Rojas   ·   8 years ago

yes. "ing.carlosandresrojas@gmail.com"

  ·   just now

{{ reply.comment }}



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

FHCP

FHCP   ·   8 years ago

Hi Carlos, I just purchase your code and test it and find two problems. 1. I find there is a Profile in your code but doesn't implement. So I add the follow to home.html to activate Profile <button ng-click="profile()" class="button button-full button-positive">Profile</button> However, once i login and click the Profile button, it has no response. When I click logout and login again, it can enter the profile page but the user email cannot be displayed which on display {{user.email}} 2. When i try the forget password function, it returns me in Spanish "la clave fue enviada a su correo" which translate to "the key was sent to your email". How can I change it into other language? And When i can get the reset email? Thanks!

FHCP

FHCP   ·   8 years ago

Carlos, I find the Spanish. But it seem no reset email it sent to me?

FHCP

FHCP   ·   8 years ago

Carlos, sorry for annoying. I think I have figured out the above problem. But I got a new problem. In ionic lab, the back button in iOS version is quite strange. In the forget password page, the back button is normal and display "back" but in the register page, the back button work fine but display "firebase start 3" do you have any idea?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @FHCP. First of all thank you for support my work :) 1. Yes, the profile feature is unfinished (actually is legacy because the migration to firebase 3 :s) i'm planning to adding in the coming weeks. You gonna be notified by Gumroad. (although is very easy to implementing in login.js you only need to save email in $localStorage.profile). I'm gonna stay working in cleaning the code these days. 2. Mainly in services/auth.js and services/utils.js i'm planning to add a better way to update this. 3. mmm. yes. seems weird im gonna test in a device.

  ·   just now

{{ reply.comment }}



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

Daen

Daen   ·   8 years ago

Thanks for the starter Carlos, working great. Looking forward to the social login update.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Daen. Glad to hear you :) I'm waiting for updates from Firebase to update the social login :S https://groups.google.com/forum/#!msg/firebase-talk/mC_MlLNCWnI/cL0OnL4hAwAJ You going to receive the update by Gumroad :) when ready. Don't forget to rate :)

Sebastian Ovide

Sebastian Ovide   ·   8 years ago

+1 for social login. Did you consider http://www.clearlyinnovative.com/firebase-3-0-ionic-facebook-login ?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @SebastianOvide yes i read that posts. and i think that the best second option is through plugins with native SDK. but i want to use the Firebase features as i did in firebase v 2.x.x

  ·   just now

{{ reply.comment }}



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

Luis jarpa

Luis jarpa   ·   8 years ago

That's great, Thanks you!

Carlos Rojas

Carlos Rojas   ·   8 years ago

:)

  ·   just now

{{ reply.comment }}



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

Hassan Farid

Hassan Farid   ·   8 years ago

Hi @CarlosRojas . I can't get started. I get this error, {"error":{"code":"AUTHENTICATION_DISABLED","message":"Projects created at console.firebase.google.com must use the new Firebase Authentication SDKs available from firebase.google.com/docs/auth/"}} I have gone to Auth -> SIGN-IN METHOD -> enabled email/password.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @HassanFarid. This seems be that you are using the free version and this one isn't updated for a while. If you want use the firebase SDK 3 the updated version is the premium version which you can buy through Gumroad :) please do not hesitate to contact me if you have any further question.

Hassan Farid

Hassan Farid   ·   8 years ago

Thanks for the help @CarlosRojas . I know a bit of coding, I will edit your template for SDK 3.0. :)

Carlos Rojas

Carlos Rojas   ·   8 years ago

Cool ;)

  ·   just now

{{ reply.comment }}



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

Matt Wlodarski

Matt Wlodarski   ·   8 years ago

Hey Carlos I bought your app and its working great! I was wondering if you already have or will be working on social media log in options. Thanks!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @MattWlodarski, Glad to hear you :) I'm waiting for updates from Firebase in order to finish the social login :S https://groups.google.com/forum/#!msg/firebase-talk/mC_MlLNCWnI/cL0OnL4hAwAJ You going to receive the update by Gumroad :) when ready.

  ·   just now

{{ reply.comment }}



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

Whitney Griffith

Whitney Griffith   ·   8 years ago

Hey Carlos, I keep getting this error when i try to run my app. ionic.bundle.js:26794 Error: FIREBASE FATAL ERROR: Cannot parse Firebase url. Please use https://dmv-social.firebaseio.com at Error (native) at rd (http://localhost:8100/lib/firebase/firebase.js:45:278) at new X (http://localhost:8100/lib/firebase/firebase.js:254:607) at Object.<anonymous> (http://localhost:8100/js/auth.js:5:11) at Object.invoke (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17995:19) at Object.enforcedReturnValue [as $get] (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17834:37) at Object.invoke (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17995:19) at http://localhost:8100/lib/ionic/js/ionic.bundle.js:17794:37 at getService (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17941:39) at injectionArgs (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17965:58) <ion-nav-view class="auth-outer pane view-container" abstract="true" nav-view="stage" style="opacity: 1; transform: translate3d(0%, 0px, 0px);" nav-view-transition="ios">

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi whitney. Sorry for that. Seems something is wrong with the firebase configuration, please try this steps and replace in app.js file http://j.mp/2cwRwfm pls do not hesitate to contact me if you have any further question.

  ·   just now

{{ reply.comment }}



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

Alireza

Alireza   ·   8 years ago

Hi, I purchased your starter, I get "UNKNOWN ERROR.." also. I followed your instruction from one of posts but same reason: "Seems that angularfire or firebase didn't install. can you follow this steps. 1. Download the latest version from gumroad. 2. start a new project $# ionic start myapp blank 3. remove www directory from your project . 4. replace with the www directory from gumroad in your project. 5. $#ionic serve." waiting your help

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Alireza. The UNKNOW ERROR.. shows up when you have an error message from firebase. i catch some errors message in the js/service/utils.js Line 29 - 48 maybe with the new version of firebase the messages are different. but the starter seems working fine. Do you can register and login with users?

Alireza

Alireza   ·   8 years ago

No, I get it when I try to register an email. How I need to fix it? Or you are working on it if it is new firebase version problem?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Did you enable email auth in you Firebase console?

Alireza

Alireza   ·   8 years ago

Yes, and changed read write permisions as well

Carlos Rojas

Carlos Rojas   ·   8 years ago

mmm.... weird i just try again with a clean app. Can you send me what show you $ ionic info to my email ing.carlosandresrojas@gmail.com additionally i just updated the Starter through Gumroad can you try with this new version and a clean $Ionic start app blank.

Alireza

Alireza   ·   8 years ago

Ok, I will do it and let you know.

  ·   just now

{{ reply.comment }}



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

FHCP

FHCP   ·   8 years ago

Hi Carlos, With your newest update, the translate function seems cannot support Chinese because of sanitization. If there is sanitization, the chinese become some code. If there is no sanitization, it works fine. Do you have any idea on the sanitization?

Carlos Rojas

Carlos Rojas   ·   8 years ago

hmmm. i found this thread maybe can be handy http://j.mp/2cy6ZLD

FHCP

FHCP   ·   8 years ago

Carlos, is there any function support auto login? I mean after user login at the first time, whatever he kill the app, he can auto login when reopen the app, something like facebook/whatsapp

Carlos Rojas

Carlos Rojas   ·   8 years ago

HI @FHCP in the lastest version of the starter you can see a funtion in home that validate if you are logged in and redirect to Home.

FHCP

FHCP   ·   8 years ago

Carlos, yes, I see this amazing function in the code. However, it does not work when I test on an Android device. I login, press Home button, then kill the app and open again. It also require login again. Do you have any idea?

  ·   just now

{{ reply.comment }}



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

Aneudys Amparo

Aneudys Amparo   ·   8 years ago

Hello, I'm trying to see the preview but Ionic View keeps telling me that is invalid.

Carlos Rojas

Carlos Rojas   ·   8 years ago

mmm. i just re upload the lastest version. Can you try again?

  ·   just now

{{ reply.comment }}



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

Moises Veliz Francia

Moises Veliz Francia   ·   8 years ago

Hola Carlos, apoyame con esta duda: al autenticarme con google ( $cordovaOauth.google(LoginService.getGoogleWebClientId(), ["https://www.googleapis.com/auth/userinfo.email"]) ) no logro obtener la información adicional del perfil (id, género, rango de edad, primer nombre, etc.) Que debería de hacer para obtener esta información. Nota: Lo mismo sucede con facebook. Gracias por tu ayuda

Carlos Rojas

Carlos Rojas   ·   8 years ago

Has visto este tutorial? http://j.mp/2d2s1pk

  ·   just now

{{ reply.comment }}



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

Nsid N

Nsid N   ·   8 years ago

HI, Does this work with latest version of Firebase Auth ? Also if user login to the app once, will App keep the user logged in all the time, or user need to login each time they open the app ?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @NsidN. This starter use AngularFire then work with the latest version that support Angularfire, you don't would have problems using firebase 3. I updated recently the starter with some code to stay logged in but in some devices you have to do additional steps like keep your session flag in localstorage or a local database.

  ·   just now

{{ reply.comment }}



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

Simona Holstein

Simona Holstein   ·   7 years ago

Hi, It worked fine on the first step in browser, thanks. One small comment, firebase requires 6 letter password (and not 5 as the application does).

Carlos Rojas

Carlos Rojas   ·   7 years ago

@SimonaHolstein Thank you for support my work and thank you for you feedback i'll fix soon.

  ·   just now

{{ reply.comment }}



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

bw

bw   ·   7 years ago

created a blank app; copied your files to www directory when I start app, I get a logon page with Chemistry in the background and not this interface Next I keep getting unknown error; I copied my authkey and other info from firebase app; please help thanks

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @bw, that is really weird. Seems like you get the files from tinder for X starter. Send me a reply to ing.carlosandresrojas@gmail.com and I'll send you back the files. Sorry for the inconveniences

  ·   just now

{{ reply.comment }}



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

Aaron Silva

Aaron Silva   ·   7 years ago

Hi Carlos, I'm also getting the tinder for X starter. Can you send me the correct files?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi Aaron, Gumroad sent you the files from tinder for x? hmmm sorry for that. i'll send you the files again.

Carlos Rojas

Carlos Rojas   ·   7 years ago

@AaronSilva Send it ;) let me know if you see the correct views now :)

  ·   just now

{{ reply.comment }}



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

Michael Zhang

Michael Zhang   ·   7 years ago

Hi Carlos, does this Starter have "send a user a verification email" when a user registers? Because I don't find you mentioned anywhere in the introduction. Thanks and let me know!

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @MichaelZhang, Firebase send email when you use the Email Auth. You can try with Ionic Viewer and the code: ae6a8a47

  ·   just now

{{ reply.comment }}



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

Terry Collinson

Terry Collinson   ·   7 years ago

Hi Carlos, Is there an Ionic 2 version?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @TerryCollinson, i'm working in this version. http://j.mp/2e2b5Ap is in beta because the changes in the Ionic 2 version.

  ·   just now

{{ reply.comment }}



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

Luis

Luis   ·   7 years ago

Hola Carlos, I'm using ionic Lab to test your app, but it seems that i18n is not working - I only see the text Ids but no translation... sorry but I'm new to the Ionic framework.. any hints? Gracias.

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi Luis. weird i see fine in ionic view. although i refreshed the version in Ionic view, maybe now works better. If you change something from the code you need upload your own version w/ "$ionic upload" ... let me know if works now ..

  ·   just now

{{ reply.comment }}



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

luis ayala

luis ayala   ·   7 years ago

Hola Carlos, Estoy tratando de comprar la aplicacion pero cuando ago click en el boton el sitio web no responde, podrias actualisar tu link de compra. Gracias.

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hola @luisayala me puedes enviar un pantallazo a ing.carlosandresrojas@gmail.com haber cual puede ser el error o te envio un link directo. Un abrazo y gracias por tu apoyo :)

luis ayala

luis ayala   ·   7 years ago

Hola carlos, Gracias por restaurar el link.

Carlos Rojas

Carlos Rojas   ·   7 years ago

Gracias a ti. Luis por confiar en mis productos :)

  ·   just now

{{ reply.comment }}



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

Abdi Liban

Abdi Liban   ·   7 years ago

Hi, How do i make a refund?

Abdi Liban

Abdi Liban   ·   7 years ago

I replied to the purchase mail.

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @AbdiLiban how is going? i made the refund already. Can i know what happens?

  ·   just now

{{ reply.comment }}



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

Loïc HARNISCH

Loïc HARNISCH   ·   7 years ago

Hi, I can't serve with IONIC cause there is no "ionic project file" in root (firebase auth3 project). How can I proceed ? Regards !

Loïc HARNISCH

Loïc HARNISCH   ·   7 years ago

even config.xml is missing...

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @LoïcHARNISCH you need create your project first with ionic start my app, then you gonna find a www directory that directory you need to replace with the files downloaded.

Loïc HARNISCH

Loïc HARNISCH   ·   7 years ago

Thanks it works now :-) I want users node in Firebase database to be : Users { UID { Profile So I modified the line 42 of auth.js > " var messagesRef = $firebaseArray(firebase.database().ref().child("users").child(uid)); " I have now : Users {UID {a random number {user profile How do I erase this Random number ? Is it due to "&add() line 43 same file ? Bests regards !

  ·   just now

{{ reply.comment }}



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

Guy

Guy   ·   7 years ago

Ionic view: it seems that you can register with the same email as many times as you want. Please advise.

  ·   just now

{{ reply.comment }}



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

Amit Feldman

Amit Feldman   ·   7 years ago

Hola Carlos, la versión que me descarga es la 1.1.4, puedes ver que sucede?

Carlos Rojas

Carlos Rojas   ·   7 years ago

mmm ok. Extraño, ya te lo envio al correo. Disculpa las molestias.

Amit Feldman

Amit Feldman   ·   7 years ago

Gracias

  ·   just now

{{ reply.comment }}



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

North McCormick

North McCormick   ·   7 years ago

It works, but the code formatting is really messy. I'd love to see it follow the standard that the rest of ionic has. Great other than that so far.

North McCormick

North McCormick   ·   7 years ago

Okay I've dug further into this and I feel obligated to post this feedback. There are a lot of pieces that don't work or aren't implemented: - Automatically logging the user in when the page refreshes - Loading controllers don't work - Messy code - Using old deprecated HTML - Not very good wrapping of the authentication - Console.log everywhere instead of proper logging It makes it easier to start a new project, but I would just be careful because this could still use a lot of work to be considered a 'starter'

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @NorthMcCormick thank you for your feedback. Some answers why. - This feature isn't implemented because each dev have their strategies to handle this scenario (Tokens, Localstorage, so on), but maybe in this point is a good feature because the firebase library have a good method to do this in the login view lifecycle, i`ll work in this request this week and you should get the update through gumroad. - Can you give me an example? i used the $ionic generate command to create the boilerplate . - This can be true. i made this starter a lot of time ago :p and i just update the important things in each release. can you told me in what views you found the deprecated HTML ? i can update this. - mmm, im using the provider -> view approach. How do you think this can be improved? maybe i can do this too. i thought in make the code very easily for beginners that is why the components have a lot of logic there. - Ok, good detail, i'll make optional console.log in the new release. @NorthMcCormick i appreciate this comment it's very detailed :) and i'll glad to make the enhancements as soon as possible.

  ·   just now

{{ reply.comment }}



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

ZAIDUL ARIFF BIN ABDUL MALEK

ZAIDUL ARIFF BIN ABDUL MALEK   ·   5 years ago

Hi. I cannot purchase. Why? Are​ there any other alternatives?

Carlos Rojas

Carlos Rojas   ·   5 years ago

Sorry. You need use gumroad.

  ·   just now

{{ reply.comment }}



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

Cristian Eriza

Cristian Eriza   ·   4 years ago

great. I follow you from ionic v1

Sep Dadsetan

Sep Dadsetan   ·   4 years ago

ouch, that was terribly formatted. Apologies. Basically... >> ionic serve > ng run app:serve --host=localhost --port=8100 [ng] An unhandled exception occurred: Job name "..getProjectMetadata" does not exist. Maybe around "@angular-devkit/core/src/experimental/jobs/simple-scheduler.js" Not sure.

Sep Dadsetan

Sep Dadsetan   ·   4 years ago

I think it's fixed by updating: ng update @angular/cli @angular/core

  ·   just now

{{ reply.comment }}



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

Sep Dadsetan

Sep Dadsetan   ·   4 years ago

Trying to run your app... >> ionic serve > ng run app:serve --host=localhost --port=8100 [ng] An unhandled exception occurred: Job name "..getProjectMetadata" does not exist. [ng] See "/private/var/folders/xd/xgnsxynj4355tvg4cyzmn33w0000gn/T/ng-nV9ie6/angular-errors.log" for further details. [ERROR] ng has unexpectedly closed (exit code 127). Output of log file referenced above: [error] Error: Job name "..getProjectMetadata" does not exist. at Observable._subscribe (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/@angular-devkit/core/src/experimental/jobs/simple-scheduler.js:350:23) at Observable._trySubscribe (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/Observable.js:44:25) at Observable.subscribe (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/Observable.js:30:22) at /Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeTo.js:22:31 at Object.subscribeToResult (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeToResult.js:10:45) at SwitchMapSubscriber._innerSub (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:65:54) at SwitchMapSubscriber._next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:55:14) at SwitchMapSubscriber.Subscriber.next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:66:18) at SwitchMapSubscriber.notifyNext (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:86:26) at InnerSubscriber._next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/InnerSubscriber.js:28:21) at InnerSubscriber.Subscriber.next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:66:18) at /Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeTo.js:17:28 at Object.subscribeToResult (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeToResult.js:10:45) at SwitchMapSubscriber._innerSub (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:65:54) at SwitchMapSubscriber._next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:55:14) at SwitchMapSubscriber.Subscriber.next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:66:18)

Carlos Rojas

Carlos Rojas   ·   4 years ago

Hi. are you running issues yet? Can you remove the folder node_modules/, update your angular CLI $npm install -g @angular/cli, update $npm i @angular-devkit/build-angular, and run again $npm install again. pls. Hope this steps fix the problem.

Carlos Rojas

Carlos Rojas   ·   4 years ago

Hi. are you running issues yet? Can you remove the folder node_modules/, update your angular CLI $npm install -g @angular/cli, update $npm i @angular-devkit/build-angular, and run again $npm install again. pls. Hope this steps fix the problem.

Sep Dadsetan

Sep Dadsetan   ·   4 years ago

Thanks Carlos. I actually fixed it last night but somehow my comments were added to Cristian's post.

Carlos Rojas

Carlos Rojas   ·   4 years ago

Awesome :)

  ·   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.

Sep Dadsetan

Sep Dadsetan   ·   4 years ago

Trying to run your app... >> ionic serve > ng run app:serve --host=localhost --port=8100 [ng] An unhandled exception occurred: Job name "..getProjectMetadata" does not exist. [ng] See "/private/var/folders/xd/xgnsxynj4355tvg4cyzmn33w0000gn/T/ng-nV9ie6/angular-errors.log" for further details. [ERROR] ng has unexpectedly closed (exit code 127). Output of log file referenced above: [error] Error: Job name "..getProjectMetadata" does not exist. at Observable._subscribe (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/@angular-devkit/core/src/experimental/jobs/simple-scheduler.js:350:23) at Observable._trySubscribe (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/Observable.js:44:25) at Observable.subscribe (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/Observable.js:30:22) at /Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeTo.js:22:31 at Object.subscribeToResult (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeToResult.js:10:45) at SwitchMapSubscriber._innerSub (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:65:54) at SwitchMapSubscriber._next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:55:14) at SwitchMapSubscriber.Subscriber.next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:66:18) at SwitchMapSubscriber.notifyNext (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:86:26) at InnerSubscriber._next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/InnerSubscriber.js:28:21) at InnerSubscriber.Subscriber.next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:66:18) at /Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeTo.js:17:28 at Object.subscribeToResult (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeToResult.js:10:45) at SwitchMapSubscriber._innerSub (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:65:54) at SwitchMapSubscriber._next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:55:14) at SwitchMapSubscriber.Subscriber.next (/Users/phdjsep/Documents/engineering/ionic/skorkard-auth/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:66:18)

Carlos Rojas

Carlos Rojas   ·   4 years ago

Hi. are you running issues yet? Can you remove the folder node_modules/, update your angular CLI $npm install -g @angular/cli, update $npm i @angular-devkit/build-angular, and run again $npm install again. pls. Hope this steps fix the problem.

Carlos Rojas

Carlos Rojas   ·   4 years ago

Hi. are you running issues yet? Can you remove the folder node_modules/, update your angular CLI $npm install -g @angular/cli, update $npm i @angular-devkit/build-angular, and run again $npm install again. pls. Hope this steps fix the problem.

Sep Dadsetan

Sep Dadsetan   ·   4 years ago

Thanks Carlos. I actually fixed it last night but somehow my comments were added to Cristian's post.

Carlos Rojas

Carlos Rojas   ·   4 years ago

Awesome :)

  ·   just now

{{ reply.comment }}



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

Cristian Eriza

Cristian Eriza   ·   4 years ago

great. I follow you from ionic v1

Sep Dadsetan

Sep Dadsetan   ·   4 years ago

ouch, that was terribly formatted. Apologies. Basically... >> ionic serve > ng run app:serve --host=localhost --port=8100 [ng] An unhandled exception occurred: Job name "..getProjectMetadata" does not exist. Maybe around "@angular-devkit/core/src/experimental/jobs/simple-scheduler.js" Not sure.

Sep Dadsetan

Sep Dadsetan   ·   4 years ago

I think it's fixed by updating: ng update @angular/cli @angular/core

  ·   just now

{{ reply.comment }}



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

ZAIDUL ARIFF BIN ABDUL MALEK

ZAIDUL ARIFF BIN ABDUL MALEK   ·   5 years ago

Hi. I cannot purchase. Why? Are​ there any other alternatives?

Carlos Rojas

Carlos Rojas   ·   5 years ago

Sorry. You need use gumroad.

  ·   just now

{{ reply.comment }}



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

North McCormick

North McCormick   ·   7 years ago

It works, but the code formatting is really messy. I'd love to see it follow the standard that the rest of ionic has. Great other than that so far.

North McCormick

North McCormick   ·   7 years ago

Okay I've dug further into this and I feel obligated to post this feedback. There are a lot of pieces that don't work or aren't implemented: - Automatically logging the user in when the page refreshes - Loading controllers don't work - Messy code - Using old deprecated HTML - Not very good wrapping of the authentication - Console.log everywhere instead of proper logging It makes it easier to start a new project, but I would just be careful because this could still use a lot of work to be considered a 'starter'

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @NorthMcCormick thank you for your feedback. Some answers why. - This feature isn't implemented because each dev have their strategies to handle this scenario (Tokens, Localstorage, so on), but maybe in this point is a good feature because the firebase library have a good method to do this in the login view lifecycle, i`ll work in this request this week and you should get the update through gumroad. - Can you give me an example? i used the $ionic generate command to create the boilerplate . - This can be true. i made this starter a lot of time ago :p and i just update the important things in each release. can you told me in what views you found the deprecated HTML ? i can update this. - mmm, im using the provider -> view approach. How do you think this can be improved? maybe i can do this too. i thought in make the code very easily for beginners that is why the components have a lot of logic there. - Ok, good detail, i'll make optional console.log in the new release. @NorthMcCormick i appreciate this comment it's very detailed :) and i'll glad to make the enhancements as soon as possible.

  ·   just now

{{ reply.comment }}



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

Amit Feldman

Amit Feldman   ·   7 years ago

Hola Carlos, la versión que me descarga es la 1.1.4, puedes ver que sucede?

Carlos Rojas

Carlos Rojas   ·   7 years ago

mmm ok. Extraño, ya te lo envio al correo. Disculpa las molestias.

Amit Feldman

Amit Feldman   ·   7 years ago

Gracias

  ·   just now

{{ reply.comment }}



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

Guy

Guy   ·   7 years ago

Ionic view: it seems that you can register with the same email as many times as you want. Please advise.

  ·   just now

{{ reply.comment }}



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

Loïc HARNISCH

Loïc HARNISCH   ·   7 years ago

Hi, I can't serve with IONIC cause there is no "ionic project file" in root (firebase auth3 project). How can I proceed ? Regards !

Loïc HARNISCH

Loïc HARNISCH   ·   7 years ago

even config.xml is missing...

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @LoïcHARNISCH you need create your project first with ionic start my app, then you gonna find a www directory that directory you need to replace with the files downloaded.

Loïc HARNISCH

Loïc HARNISCH   ·   7 years ago

Thanks it works now :-) I want users node in Firebase database to be : Users { UID { Profile So I modified the line 42 of auth.js > " var messagesRef = $firebaseArray(firebase.database().ref().child("users").child(uid)); " I have now : Users {UID {a random number {user profile How do I erase this Random number ? Is it due to "&add() line 43 same file ? Bests regards !

  ·   just now

{{ reply.comment }}



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

Abdi Liban

Abdi Liban   ·   7 years ago

Hi, How do i make a refund?

Abdi Liban

Abdi Liban   ·   7 years ago

I replied to the purchase mail.

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @AbdiLiban how is going? i made the refund already. Can i know what happens?

  ·   just now

{{ reply.comment }}



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

luis ayala

luis ayala   ·   7 years ago

Hola Carlos, Estoy tratando de comprar la aplicacion pero cuando ago click en el boton el sitio web no responde, podrias actualisar tu link de compra. Gracias.

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hola @luisayala me puedes enviar un pantallazo a ing.carlosandresrojas@gmail.com haber cual puede ser el error o te envio un link directo. Un abrazo y gracias por tu apoyo :)

luis ayala

luis ayala   ·   7 years ago

Hola carlos, Gracias por restaurar el link.

Carlos Rojas

Carlos Rojas   ·   7 years ago

Gracias a ti. Luis por confiar en mis productos :)

  ·   just now

{{ reply.comment }}



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

Luis

Luis   ·   7 years ago

Hola Carlos, I'm using ionic Lab to test your app, but it seems that i18n is not working - I only see the text Ids but no translation... sorry but I'm new to the Ionic framework.. any hints? Gracias.

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi Luis. weird i see fine in ionic view. although i refreshed the version in Ionic view, maybe now works better. If you change something from the code you need upload your own version w/ "$ionic upload" ... let me know if works now ..

  ·   just now

{{ reply.comment }}



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

Terry Collinson

Terry Collinson   ·   7 years ago

Hi Carlos, Is there an Ionic 2 version?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @TerryCollinson, i'm working in this version. http://j.mp/2e2b5Ap is in beta because the changes in the Ionic 2 version.

  ·   just now

{{ reply.comment }}



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

Michael Zhang

Michael Zhang   ·   7 years ago

Hi Carlos, does this Starter have "send a user a verification email" when a user registers? Because I don't find you mentioned anywhere in the introduction. Thanks and let me know!

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @MichaelZhang, Firebase send email when you use the Email Auth. You can try with Ionic Viewer and the code: ae6a8a47

  ·   just now

{{ reply.comment }}



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

Aaron Silva

Aaron Silva   ·   7 years ago

Hi Carlos, I'm also getting the tinder for X starter. Can you send me the correct files?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi Aaron, Gumroad sent you the files from tinder for x? hmmm sorry for that. i'll send you the files again.

Carlos Rojas

Carlos Rojas   ·   7 years ago

@AaronSilva Send it ;) let me know if you see the correct views now :)

  ·   just now

{{ reply.comment }}



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

bw

bw   ·   7 years ago

created a blank app; copied your files to www directory when I start app, I get a logon page with Chemistry in the background and not this interface Next I keep getting unknown error; I copied my authkey and other info from firebase app; please help thanks

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @bw, that is really weird. Seems like you get the files from tinder for X starter. Send me a reply to ing.carlosandresrojas@gmail.com and I'll send you back the files. Sorry for the inconveniences

  ·   just now

{{ reply.comment }}



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

Simona Holstein

Simona Holstein   ·   7 years ago

Hi, It worked fine on the first step in browser, thanks. One small comment, firebase requires 6 letter password (and not 5 as the application does).

Carlos Rojas

Carlos Rojas   ·   7 years ago

@SimonaHolstein Thank you for support my work and thank you for you feedback i'll fix soon.

  ·   just now

{{ reply.comment }}



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

Nsid N

Nsid N   ·   8 years ago

HI, Does this work with latest version of Firebase Auth ? Also if user login to the app once, will App keep the user logged in all the time, or user need to login each time they open the app ?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @NsidN. This starter use AngularFire then work with the latest version that support Angularfire, you don't would have problems using firebase 3. I updated recently the starter with some code to stay logged in but in some devices you have to do additional steps like keep your session flag in localstorage or a local database.

  ·   just now

{{ reply.comment }}



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

Moises Veliz Francia

Moises Veliz Francia   ·   8 years ago

Hola Carlos, apoyame con esta duda: al autenticarme con google ( $cordovaOauth.google(LoginService.getGoogleWebClientId(), ["https://www.googleapis.com/auth/userinfo.email"]) ) no logro obtener la información adicional del perfil (id, género, rango de edad, primer nombre, etc.) Que debería de hacer para obtener esta información. Nota: Lo mismo sucede con facebook. Gracias por tu ayuda

Carlos Rojas

Carlos Rojas   ·   8 years ago

Has visto este tutorial? http://j.mp/2d2s1pk

  ·   just now

{{ reply.comment }}



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

Aneudys Amparo

Aneudys Amparo   ·   8 years ago

Hello, I'm trying to see the preview but Ionic View keeps telling me that is invalid.

Carlos Rojas

Carlos Rojas   ·   8 years ago

mmm. i just re upload the lastest version. Can you try again?

  ·   just now

{{ reply.comment }}



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

FHCP

FHCP   ·   8 years ago

Hi Carlos, With your newest update, the translate function seems cannot support Chinese because of sanitization. If there is sanitization, the chinese become some code. If there is no sanitization, it works fine. Do you have any idea on the sanitization?

Carlos Rojas

Carlos Rojas   ·   8 years ago

hmmm. i found this thread maybe can be handy http://j.mp/2cy6ZLD

FHCP

FHCP   ·   8 years ago

Carlos, is there any function support auto login? I mean after user login at the first time, whatever he kill the app, he can auto login when reopen the app, something like facebook/whatsapp

Carlos Rojas

Carlos Rojas   ·   8 years ago

HI @FHCP in the lastest version of the starter you can see a funtion in home that validate if you are logged in and redirect to Home.

FHCP

FHCP   ·   8 years ago

Carlos, yes, I see this amazing function in the code. However, it does not work when I test on an Android device. I login, press Home button, then kill the app and open again. It also require login again. Do you have any idea?

  ·   just now

{{ reply.comment }}



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

Alireza

Alireza   ·   8 years ago

Hi, I purchased your starter, I get "UNKNOWN ERROR.." also. I followed your instruction from one of posts but same reason: "Seems that angularfire or firebase didn't install. can you follow this steps. 1. Download the latest version from gumroad. 2. start a new project $# ionic start myapp blank 3. remove www directory from your project . 4. replace with the www directory from gumroad in your project. 5. $#ionic serve." waiting your help

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Alireza. The UNKNOW ERROR.. shows up when you have an error message from firebase. i catch some errors message in the js/service/utils.js Line 29 - 48 maybe with the new version of firebase the messages are different. but the starter seems working fine. Do you can register and login with users?

Alireza

Alireza   ·   8 years ago

No, I get it when I try to register an email. How I need to fix it? Or you are working on it if it is new firebase version problem?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Did you enable email auth in you Firebase console?

Alireza

Alireza   ·   8 years ago

Yes, and changed read write permisions as well

Carlos Rojas

Carlos Rojas   ·   8 years ago

mmm.... weird i just try again with a clean app. Can you send me what show you $ ionic info to my email ing.carlosandresrojas@gmail.com additionally i just updated the Starter through Gumroad can you try with this new version and a clean $Ionic start app blank.

Alireza

Alireza   ·   8 years ago

Ok, I will do it and let you know.

  ·   just now

{{ reply.comment }}



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

Whitney Griffith

Whitney Griffith   ·   8 years ago

Hey Carlos, I keep getting this error when i try to run my app. ionic.bundle.js:26794 Error: FIREBASE FATAL ERROR: Cannot parse Firebase url. Please use https://dmv-social.firebaseio.com at Error (native) at rd (http://localhost:8100/lib/firebase/firebase.js:45:278) at new X (http://localhost:8100/lib/firebase/firebase.js:254:607) at Object.<anonymous> (http://localhost:8100/js/auth.js:5:11) at Object.invoke (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17995:19) at Object.enforcedReturnValue [as $get] (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17834:37) at Object.invoke (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17995:19) at http://localhost:8100/lib/ionic/js/ionic.bundle.js:17794:37 at getService (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17941:39) at injectionArgs (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17965:58) <ion-nav-view class="auth-outer pane view-container" abstract="true" nav-view="stage" style="opacity: 1; transform: translate3d(0%, 0px, 0px);" nav-view-transition="ios">

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi whitney. Sorry for that. Seems something is wrong with the firebase configuration, please try this steps and replace in app.js file http://j.mp/2cwRwfm pls do not hesitate to contact me if you have any further question.

  ·   just now

{{ reply.comment }}



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

Matt Wlodarski

Matt Wlodarski   ·   8 years ago

Hey Carlos I bought your app and its working great! I was wondering if you already have or will be working on social media log in options. Thanks!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @MattWlodarski, Glad to hear you :) I'm waiting for updates from Firebase in order to finish the social login :S https://groups.google.com/forum/#!msg/firebase-talk/mC_MlLNCWnI/cL0OnL4hAwAJ You going to receive the update by Gumroad :) when ready.

  ·   just now

{{ reply.comment }}



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

Hassan Farid

Hassan Farid   ·   8 years ago

Hi @CarlosRojas . I can't get started. I get this error, {"error":{"code":"AUTHENTICATION_DISABLED","message":"Projects created at console.firebase.google.com must use the new Firebase Authentication SDKs available from firebase.google.com/docs/auth/"}} I have gone to Auth -> SIGN-IN METHOD -> enabled email/password.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @HassanFarid. This seems be that you are using the free version and this one isn't updated for a while. If you want use the firebase SDK 3 the updated version is the premium version which you can buy through Gumroad :) please do not hesitate to contact me if you have any further question.

Hassan Farid

Hassan Farid   ·   8 years ago

Thanks for the help @CarlosRojas . I know a bit of coding, I will edit your template for SDK 3.0. :)

Carlos Rojas

Carlos Rojas   ·   8 years ago

Cool ;)

  ·   just now

{{ reply.comment }}



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

Luis jarpa

Luis jarpa   ·   8 years ago

That's great, Thanks you!

Carlos Rojas

Carlos Rojas   ·   8 years ago

:)

  ·   just now

{{ reply.comment }}



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

Daen

Daen   ·   8 years ago

Thanks for the starter Carlos, working great. Looking forward to the social login update.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Daen. Glad to hear you :) I'm waiting for updates from Firebase to update the social login :S https://groups.google.com/forum/#!msg/firebase-talk/mC_MlLNCWnI/cL0OnL4hAwAJ You going to receive the update by Gumroad :) when ready. Don't forget to rate :)

Sebastian Ovide

Sebastian Ovide   ·   8 years ago

+1 for social login. Did you consider http://www.clearlyinnovative.com/firebase-3-0-ionic-facebook-login ?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @SebastianOvide yes i read that posts. and i think that the best second option is through plugins with native SDK. but i want to use the Firebase features as i did in firebase v 2.x.x

  ·   just now

{{ reply.comment }}



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

FHCP

FHCP   ·   8 years ago

Hi Carlos, I just purchase your code and test it and find two problems. 1. I find there is a Profile in your code but doesn't implement. So I add the follow to home.html to activate Profile <button ng-click="profile()" class="button button-full button-positive">Profile</button> However, once i login and click the Profile button, it has no response. When I click logout and login again, it can enter the profile page but the user email cannot be displayed which on display {{user.email}} 2. When i try the forget password function, it returns me in Spanish "la clave fue enviada a su correo" which translate to "the key was sent to your email". How can I change it into other language? And When i can get the reset email? Thanks!

FHCP

FHCP   ·   8 years ago

Carlos, I find the Spanish. But it seem no reset email it sent to me?

FHCP

FHCP   ·   8 years ago

Carlos, sorry for annoying. I think I have figured out the above problem. But I got a new problem. In ionic lab, the back button in iOS version is quite strange. In the forget password page, the back button is normal and display "back" but in the register page, the back button work fine but display "firebase start 3" do you have any idea?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @FHCP. First of all thank you for support my work :) 1. Yes, the profile feature is unfinished (actually is legacy because the migration to firebase 3 :s) i'm planning to adding in the coming weeks. You gonna be notified by Gumroad. (although is very easy to implementing in login.js you only need to save email in $localStorage.profile). I'm gonna stay working in cleaning the code these days. 2. Mainly in services/auth.js and services/utils.js i'm planning to add a better way to update this. 3. mmm. yes. seems weird im gonna test in a device.

  ·   just now

{{ reply.comment }}



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

Mark Elliott

Mark Elliott   ·   8 years ago

Hi Carlos, can I contact you directly?

Carlos Rojas

Carlos Rojas   ·   8 years ago

yes. "ing.carlosandresrojas@gmail.com"

  ·   just now

{{ reply.comment }}



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

goClinic

goClinic   ·   8 years ago

I checked the firebase console, it is not creating again, so it is only the message, instead of throwing error, it seem to show success.

  ·   just now

{{ reply.comment }}



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

goClinic

goClinic   ·   8 years ago

Hi Carlos, I think I put my earlier comment in the wrong starter of yours. I am using this starter. I managed to get it working, but when I register the same user for second time it register again without telling me that the user already exists. How to handle this ?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @goClinic , i think is a problem with the comment system :p mmm that is weird because firebase seems handle that for you. but i'll gonna make a test. and i'll back to you as soon as possible. one question did you see the firebase panel that the user is registered two times?

goClinic

goClinic   ·   8 years ago

I checked the firebase console, it is not creating again, so it is only the message, instead of throwing error, it seem to show success.

  ·   just now

{{ reply.comment }}



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

Abraham

Abraham   ·   8 years ago

do you have an email? I have an ionic/firebase project for you. Or send me email: virginpayng@gmail.com

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Abraham, mi email is ing.carlosandresrojas@gmail.com

  ·   just now

{{ reply.comment }}



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

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Hi Carlos, thanks to development this starter! Is very usefull. I paid for this startter but I get the "unknow error" when I login and when I register, not save in my firebase. I change the code that you told, I update the firebase and angularfire (I put cdn call for both) but not working. Can you help me?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @RodrigoFreitas first of all thank your for support my work :) 1. Did you enabled email auth in your firebase console? 2. Don't use cdn plz use the files in the lib directory or update with bower.

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Ok Carlos, I will try tonight and I tell you later what happens. Thanks for rapid answer.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Sure ;)

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Hi Carlos, I update with bower and the message is gone, but now stay in "loading" and nothing. When I register, is the same and I open console to see any message and see this: "TypeError: auth.$createUserWithEmailAndPassword is not a function"

Carlos Rojas

Carlos Rojas   ·   8 years ago

Seems that angularfire or firebase didn't install. can you follow this steps. 1. Download the latest version from gumroad. 2. start a new project $# ionic start myapp blank 3. remove www directory from your project . 4. replace with the www directory from gumroad in your project. 5. $#ionic serve.

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Works fine! So, I suppose the error is in my firebase. A doubt: - I really need the storageBucket? - how are your rules? This is mine: { "rules":{ ".read":true, ".write":true } }

Carlos Rojas

Carlos Rojas   ·   8 years ago

Cool @RodrigoFreitas :) actually i have the default rules because my app is very simple. but you gonna need polishing your rules in order to fit with your business logic. you can use this guides http://j.mp/2aeToag i hope your enjoy this product and plz dont forget to rate ;)

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Carlos, it's works! I create another project in Firebase, I create another project, a clean project, with default values and worked fine!

  ·   just now

{{ reply.comment }}



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

Tomer Levi

Tomer Levi   ·   8 years ago

Hey Carlos, first of all, Thank you for your support! I paid for this starter and I added a function to add data for my database in firebase. There's a way to create a new table inside the database in firebase and add date to the new table?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Tomer. Thank you for support my work :) Let me see if i undertand your problem. You are now saving data in Firebase Database. And you need add a date? if this is the case i suggest you create an object like: { name: 'some name', date: '10-10-2016'} and after that use the function to sync in firebase http://j.mp/2a6ahaa

Tomer Levi

Tomer Levi   ·   8 years ago

Working awesome! You're a legend (;

Carlos Rojas

Carlos Rojas   ·   8 years ago

Thank you @TomerLevi don't forget to rate :)

  ·   just now

{{ reply.comment }}



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

Oxy Rizal

Oxy Rizal   ·   8 years ago

hi i just download and error code":"AUTHENTICATION_DISABLED","message":"Projects created at console.firebase.google.commust use the new Firebase Authentication SDKs available from firebase.google.com/docs/auth/ is it firebase v2 and must paid to get firebase v3? thanks

Carlos Rojas

Carlos Rojas   ·   8 years ago

Yes. The latest version is paid.

Oxy Rizal

Oxy Rizal   ·   8 years ago

hey carlos, i just bought today. Thx a lot Is it support session login ?

  ·   just now

{{ reply.comment }}



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

Bonface

Bonface   ·   8 years ago

Hi. I just paid for the starter. Throw me the download

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Bonface, the gumroad system send you an email with the files. Let me know if you keep getting problems with the download :)

Bonface

Bonface   ·   8 years ago

@Carlos kindly resend. Nothing committed

Carlos Rojas

Carlos Rojas   ·   8 years ago

Sure. give me your email.

Bonface

Bonface   ·   8 years ago

mudirib@gmail.com

  ·   just now

{{ reply.comment }}



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

santiago velez g

santiago velez g   ·   8 years ago

hi i just download it but got this error: FIREBASE FATAL ERROR: Cannot parse Firebase url. Please use https://<YOUR FIREBASE>.firebaseio.com is this because the version i got is not the latest one? do i have to buy to get the latest? thanks n advance

Carlos Rojas

Carlos Rojas   ·   8 years ago

Yes. The latest is a paid version.

  ·   just now

{{ reply.comment }}



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

Paul Cham

Paul Cham   ·   8 years ago

Hi Carlos, First of all great job! I used this starter on the old Firebase and it works like a charm, however now that Firebase was acquired by Google I encountered a plethora of problems and so. Are you planning to add Social Login such as Facebook to this Firebase 3 Starter? Also is the new implementation, implemented with the latest AngularFire? Thanks.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @PaulCham i'm glad that did you enjoy this starter. Yes i'm planning in add the social logins in the future. the last version is using the latest AngularFire. https://gum.co/gfpc

Paul Cham

Paul Cham   ·   8 years ago

Cool! If I purchase it right now, will I be able to get the updated (with Social logins) in the future?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Yes :)

  ·   just now

{{ reply.comment }}



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

Mark Elliott

Mark Elliott   ·   8 years ago

Hi Carlos, Just bought the latest paid version. Looks great by the way. I have it up and running registering users, but can't see the users being added to the Firebase DB? Any help would be appreciated as I'm new to Firebase! Thanks

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Mark. I'm glad that you enjoy this starter :) In this starter i'm using the email & pass auth from firebase. You can see the users in your Firebase Dashboard > Auth > Users. If you need save additionaly the users in the Firebase DB, you need add a new function like createProfile() or something in the line 23 in js/services/auth.js and add this to Firebase DB with $add(data) method. i hope this info can guide you and let me know about your progress ;)

Mark Elliott

Mark Elliott   ·   8 years ago

Thanks for the quick response Carlos!

Carlos Rojas

Carlos Rojas   ·   8 years ago

;)

Rodrigo Freitas

Rodrigo Freitas   ·   8 years ago

Carlos, I change the createProfile() and register.html like you write in auth.js. The function create the user, but not in json with more info. My "user" continues with the same fields.

Mark Elliott

Mark Elliott   ·   8 years ago

Thanks again Carlos your a champion!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Thank you @MarkElliott ;) Don't Forget to rate :)

  ·   just now

{{ reply.comment }}



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

Conor

Conor   ·   8 years ago

Hi Carlos! I recently paid for the updated app which works perfectly for login. I'm currently trying to expand on this however the commented button for accessing the profile page seems broken. Have you any suggestions for fixing this as I can't link to other pages right now. Thanks

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Conor, thanks for comment. sorry for that :( i removed the profile page :p because need an extra work and i forget removed the views :p but in overall you only need to save the info in the ngstorage and use in the view that you need. to get the info you going to need this: http://j.mp/angufire

  ·   just now

{{ reply.comment }}



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

Onur

Onur   ·   8 years ago

Hi Carlos, I get an 'Unknown Error' and the app does not signin with my Firebase web app but it works with your FURL...What might be the problem?

Carlos Rojas

Carlos Rojas   ·   8 years ago

i guess is because i created the app in firebase some years ago :p

Nat Landry

Nat Landry   ·   8 years ago

Carlos have you figured out the solution for @Onur?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Nat. The free version is outdated. I update the libraries in the paid version.

Nat Landry

Nat Landry   ·   8 years ago

Works perfect Carlos! Can't beat 5 bucks either!!!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Glad to hear that :)

  ·   just now

{{ reply.comment }}



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

Jaime

Jaime   ·   8 years ago

I am getting ionic.bundle.js:26794 ReferenceError: Firebase is not defined Are you going to upgrade to Firebase 3.0?

  ·   just now

{{ reply.comment }}



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

Patrick Haggood

Patrick Haggood   ·   8 years ago

I changed your project name 'asfirebase' to my project, now i get an unknown error. Angularfire docs say i need to initialize an app first (https://github.com/firebase/angularfire/blob/master/docs/reference.md#initialization) adding to app.js just returns 'Failed to init app, firebase not defined'

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @PatrickHaggood Maybe do you update the angularfire library? can be the error. I'll update this starter asap. :p

Patrick Haggood

Patrick Haggood   ·   8 years ago

I have the latest starter app (downloaded it about an hour ago). The only thing I changed was the name of the firebase app in the constant ; .constant('FURL', 'https://asFirebase.firebaseio.com/') from yours to mine. The Firebase/Angularfire docs are really in flux right now with v3 so it's hard to figure out what's true anymore. In the previous version you created new apps in the managemnt console, now it seems if you're creating apps you have to do it via the config var in your angular app. If I don't add their config var but change the app name constant it just fails to login (I did enable email logins in the project). If I include their config var with my values, it can't find firebase. If I just use your appname it works perfectly so I'm not sure the problem is in the starter app at all.

Carlos Rojas

Carlos Rojas   ·   8 years ago

mmm. weird. can you add me the issue https://github.com/ion-book/firebaseStarter/issues, i guess is because the library...

Patrick Haggood

Patrick Haggood   ·   8 years ago

will do

Patrick Haggood

Patrick Haggood   ·   8 years ago

i just took out the auth code from the docs, tried logging in again and it said 'firebase.google.com/docs/auth'

Nat Landry

Nat Landry   ·   8 years ago

Any solution, I am having the same issue?

  ·   just now

{{ reply.comment }}



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

Jernej P

Jernej P   ·   8 years ago

Great tutorial for a start, but I am also interested for "sidemenu" version for this tutorial. Has anybody made this to work with "sidemenu" template? Can be downloaded from some address? Or can you give me some directions for transform this to "sidemen​u" template?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi, @JernejP thank you for comment. Implementing a sidemenu is easy. You can see the code using ``ionic start app sidemenu`` and just copy and paste the necessary code in the views here. I use sidemenu in this other starter http://market.ionic.io/starters/astinderforx maybe can be a guide too. Have fun :)

  ·   just now

{{ reply.comment }}



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

ArtWand

ArtWand   ·   8 years ago

Hi Carlos, Great job! I'm facing a small issue / hope it's something easy to fix Error: The $firebaseAuth service accepts a Firebase auth instance (or nothing) instead of a Database reference. a@http://localhost:8100/lib/angularfire/dist/angularfire.min.js:12:6195 @http://localhost:8100/lib/angularfire/dist/angularfire.min.js:12:5949 @http://localhost:8100/js/services/auth.js:4:13

ArtWand

ArtWand   ·   8 years ago

@CarlosRojas just to adding a note- it happend after I upgraded angularfire to v2.0.1

Carlos Rojas

Carlos Rojas   ·   8 years ago

https://github.com/ion-book/firebaseStarter/issues/14

  ·   just now

{{ reply.comment }}



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

ELy

ELy   ·   8 years ago

Hi @CarlosRojas I was wondering whether this will be upgraded to Firebase SDK 3?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Actually we are using Angularfire so we going to upgrade when a new version be release. http://j.mp/24iNyK4

ELy

ELy   ·   8 years ago

@CarlosRojas just to let you know angularfire has been upgraded

Carlos Rojas

Carlos Rojas   ·   8 years ago

https://github.com/ion-book/firebaseStarter/issues/14 ;)

  ·   just now

{{ reply.comment }}



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

Anthony Farrior

Anthony Farrior   ·   8 years ago

I get an unknown error when I try to register. Please help.

Carlos Rojas

Carlos Rojas   ·   8 years ago

I thing that is this issue http://j.mp/24iTfrp i fixed as soon as possible but i guess that if you try in a device must to work fine.

Carlos Rojas

Carlos Rojas   ·   8 years ago

I thing that is this issue http://j.mp/24iTfrp i fixed as soon as possible but i guess that if you try in a device must to work fine.

Carlos Rojas

Carlos Rojas   ·   8 years ago

*i'll fix ...

Anthony Farrior

Anthony Farrior   ·   8 years ago

Thx!

Anthony Farrior

Anthony Farrior   ·   8 years ago

It was my fault. I was using Google's version of Firebase instead of the original version. Sorry.

  ·   just now

{{ reply.comment }}



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

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Paul can you add me the bug here. https://github.com/ion-book/firebaseStarter/issues i'll back with you as soon as possible :)

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hola @Simone, lo que puedes hacer es colocar un token en la session del usuario y verificarlo con un ng-init="islogged()" sino aparece el token pues lo reenvias a la pagina inicial.

Simone Ascari

Simone Ascari   ·   8 years ago

Hola Carlos, ¿Cómo puedo hacer para evitar que un usuario no registrado no vea la url "home"?

Paul Cham

Paul Cham   ·   8 years ago

Hi Carlos, first of all great job in sharing this great work of yours. I have a problem when clearing the registration fields though. What I wanted to happen is when I select "Register" it should clear the Email and Password fields. I tried adding $scope.user = { email: '', password: '' }; in Register.js but it doesn't seem to clear it everytime I head over to registration screen. Thanks.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @hergli. i usually store the data in the localstorage and use $localstorage service from ngcordova in order to use the info in other views. I hope this info be handy and dont forget to rate this starter ;)

Hg

Hg   ·   8 years ago

Hi Carlos, thank you for sharing this startup, it really helps! Otherwise I wanted to ask something, After logging in I wanna show the email of the user (on a profile page that I created), do you have any idea about how to do this? thank you so much

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @mehmet. mmm i guess can be a lot of stuff :p Maybe you can start checking that all the views have this http://ionicframework.com/docs/api/directive/ionNavBackButton/ and disabling the backbutton in the button that you dont need. with http://ionicframework.com/docs/api/directive/ionView/ hide-back-button=true. hope this info can be useful.

Lucio

Lucio   ·   9 years ago

I tried to register/login, it shows unknown error dialogue box, is there anything I am missing? I've a new clean firebase db, which is blank, is that causing the issue? [2]

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hola @David gracias por comentar. Si debería ser sencillo. revisa el servicio tambien, por que debes modificar el controlador y el servicio para agregar la info adicional. Un abrazo y no olvides Calificar ;)

David Jiménez

David Jiménez   ·   8 years ago

Saludos Carlos, en primer lugar, muchísimas gracias por el aporte. En mi caso, necesito añadir más datos a cada perfil, a parte de su email, id...etc. Estos nuevos atributos los he añadido en la función createProfile(), por ejemplo en el caso de la edad: "edad:user.edad" al igual que se hacia con el email. Seguramente me estoy dejando algo por hacer, pues los nuevos usuarios siguen sin tener dichos atributos nuevos, así que te pregunto directamente por si es fácil la solución!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Mehmet. Sorry for the delay. If i understood you can't Sign out users from your tabs. The think that i use is keep a token in the localstorage. and use in the view (ion-view) ng-init="logged()" in this way i check the user. Maybe don't work because the cache so you gonna need disable the cache in the view. http://j.mp/1MN9Xwx . i hope this info can be handy

mehmet arslan

mehmet arslan   ·   8 years ago

@Carlos Rojas, i just solve checking if login issue by below code : var ref = new Firebase(FURL); var user=ref.getAuth(); if (user==null){ console.log ('need login '); $state.go('login') } else { console.log ('Yeap ' + user.password.email); console.log(user); // $localStorage.email) // } Now my other question : I gave tabs in my templates. User click on Account tabs, and if not login it return to login page. And after login it again return to Account page, but after login , i should refresh page manually, it doesn't run above codes.

mehmet arslan

mehmet arslan   ·   8 years ago

Hi @Carlo Rojas, thanks for great sharing. It worked fine in my application. But can you please share how can display user email after login? In mean , also need to return login page if it didn't login yet. And my last question , how can register member with additional information like name and date of birth etc.. Thanks so much.

Carlos Rojas

Carlos Rojas   ·   8 years ago

@Alex Medina you need use $stateProvider here you can see his uses: http://j.mp/1YRlI6C and http://j.mp/1YRm7G8

Alex Medina

Alex Medina   ·   8 years ago

How do make after login go to slide menu?

Alex Dyba

Alex Dyba   ·   8 years ago

Hi Carlos thank you for your starter, would you be so nice and add a `fake_bower.json`? Copy paste is OK but for bigger project you'd need to consolidate the bower dependencies anyway.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Najat what do you mean? The starter give you the registration process and connect with Firebase but if you have an App already i guess that you only need change the view after the login with your views and i suppose that would work well. Have fun ;)

Najat

Najat   ·   8 years ago

how can i add this to my tabbed application ?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @brian davidson i'm glad to hear that :) you can try http://j.mp/1NmpHjP, http://j.mp/1KUdXb3 also and don't forget to rate ;)

brian davidson

brian davidson   ·   8 years ago

This is fantastic! I'll admit it took a large portion of my Saturday to set everything up correctly, but I now have a firebase ionic app running on my galaxy note 4. This opens up a lot of cool possibilities for me -- much obliged!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Jessica i guess this is happening because can't find the correct state, if you see the file js/app.js Line 4 - 27 you can find some states for the app. when angular dont find any state correctly this use otherwise() Line 26 so you need create new states for news views. I hope this can help you. Have fun :)

Jessica Thompson

Jessica Thompson   ·   8 years ago

hi again please can you tell me how i can add tabs to the homepage and other pages alongside the login area every time i go to add code it flicks back to the login/register area without displaying the tabs and the other content on the page thanks

Jessica Thompson

Jessica Thompson   ·   8 years ago

i have managed to solve the issues now thank you

Jessica Thompson

Jessica Thompson   ·   8 years ago

thank you where abouts is the code for the play station controller i cant seem to find it. also whenever i mess around with the code it doesnt allow me to enter login/register details it stops functioning properly

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Jessica Thompson, yes you can do that. only you need the style.css. but you can copy the styles that can find there and paste in your own stylesheet. Have fun ;)

Jessica Thompson

Jessica Thompson   ·   8 years ago

thank you for your starter package please can you tell me how I change the image of the play station controller as and personalise it to fit in with my styling of the app ive created. Can I delete the style sheets that came with the package and add my own? thanks

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Edi RepoDev i'm glad that this starter was handy for you :)

Carlos Rojas

Carlos Rojas   ·   8 years ago

Gracias @David, me alegra que te haya sido de utilidad :)

David

David   ·   8 years ago

Carlos, en 10 minutos estaba funcionando... excelente pack de inicio, Saludos desde Chile!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Brad Sutherland im glad that you love this starter :) well i think that you can use two approach, you can save the "status" in the profile, just need add this variable in the js/services/auth.js create profile and update each time that the user change the status. the other method is create a collection "status" that save this messages. you gonna need $firebasearray and his method add(). you can find more info here... http://j.mp/1RsjAOQ... i hope this info be helpful and don't forget to rate :)

Brad Sutherland

Brad Sutherland   ·   8 years ago

Hi, I love this starter pack. Would you be able to point me in the right direction so I can allow users to post some text and for it display for everyone to see? A bit like a facebook status? Thanks alot

Carlos Rojas

Carlos Rojas   ·   8 years ago

mmm... @Ramith Randeniya i don't know Jquery but i can see that the logic seems ok. maybe you can try with translate this to Angular, you can use ng-model = "" http://j.mp/1haXDGW and make the decisions in the controller. Have fun :)

Ramith Randeniya

Ramith Randeniya   ·   8 years ago

Thanks for the reply Carlos, I tried implementing remember me feature using jquery and it does not work for some reason. Here's the code : $(function() { if (localStorage.chkbx && localStorage.chkbx != '') { $('#remember_me').attr('checked', 'checked'); $('#email').val(localStorage.email); $('#pass').val(localStorage.pass); } else { $('#remember_me').removeAttr('checked'); $('#email').val(''); $('#pass').val(''); } $('#remember_me').click(function() { if ($('#remember_me').is(':checked')) { // save username and password localStorage.email = $('#email').val(); localStorage.pass = $('#pass').val(); localStorage.chkbx = $('#remember_me').val(); } else { localStorage.email = ''; localStorage.pass = ''; localStorage.chkbx = ''; } }); }); Please take a look :) Thanks in advance!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @Ramith Randeniya, i'm glad that my starter helped you :) i dunno what is satellizer, but you can use the localstorage and save a token in the device. for security you need encrypt this info in the device is a simple approach to solve that.

Ramith Randeniya

Ramith Randeniya   ·   8 years ago

Hi Carlos, Awesome starter kit! I'm new to Ionic and the whole mobile apps field, this starter helped me a lot to get an understanding how everything works and also works great on my app! I have one question, how can I implement a "Remember Me" function in the login? Do you recommend satellizer or anything else that will work well with the starter kit? :)

Carlos Rojas

Carlos Rojas   ·   9 years ago

Sure, @Amirhossein thanks for comment :)

Amirhossein

Amirhossein   ·   9 years ago

Thanks for sharing your knowledge .

Carlos Rojas

Carlos Rojas   ·   9 years ago

Hi @GEORGIOS NASIS i'm glad that you enjoy this Starter. Maybe in the future i add the Facebook authentications but you can implement this very straightforward using auth.$authWithOAuthPopup("facebook") and add the InApp cordova plugin the tricky thing is create the facebook app but you can watch this video http://j.mp/1QmBQYI

GEORGIOS NASIS

GEORGIOS NASIS   ·   9 years ago

Hallo Carlos!Thank you very much for this excellent start for ionic!I wonder if you could add facebook login on it!It would be great!Thank you again!

Carlos Rojas

Carlos Rojas   ·   9 years ago

@Stewart McCoy i'm glad that you enjoy this starter. I added the issue https://github.com/ion-book/firebaseStarter/issues/2 if you find more feel free to add the bugs here https://github.com/ion-book/firebaseStarter/issues and Thank You :)

Carlos Rojas

Carlos Rojas   ·   9 years ago

hey @Stewart McCoy. Yes, i have in the Plans make a big update about this Starter like 1. Have a Profile view, 2. Manage of Sessions, 3. Upload Pics from Devices, 4. Switch console.log() with $log provider and 5. add Internationalization (I18n) I don't have a date yet.

Stewart McCoy

Stewart McCoy   ·   9 years ago

Love this start kit. The core functionality works as expected and this is super easy to set up. However, some of the animation states are buggy. For example, on iOS when the keyboard opens after tapping into the 'email' input, there's a black background briefly displayed at the top that shouldn't be there. And when you tap the next arrow to go to the 'password' input, the screen bounces up twice instead of once. Hope you can fix this in a subsequent update :)

Stewart McCoy

Stewart McCoy   ·   9 years ago

Hey Carlos, I notice you have a gravatar value that gets submitted as part of the profile object. Any plans to make the add-person icon on the register page functional, so that the user can select a photo from their device? That would take this start over the top! :)

Carlos Rojas

Carlos Rojas   ·   9 years ago

Hi @Gassan, yes, you're right. if you want handle this requirement you need handle sessions, something like save in $cookies a token and verify in each view if the token is defined else send to $state(login). have fun ;)

Gassan

Gassan   ·   9 years ago

Hi @Carlos, I have another note. when I use Firebase Auth Starter as a website, I can access to home page without login!. just write /home. of course not in mobile app. I think we need states controller in any page of application before access. may I right?

Carlos Rojas

Carlos Rojas   ·   9 years ago

Hi @Gassan, Thank you for use this Starter. I guess that this is because if you see js/services/auth.js in the function createProfile: function(uid, user) {} this function create a Collection in Firebase to handle profiles inside our App. then if you going to create users manually must create that profiles also in that collection. I hope this solve your question. Have fun :)

Gassan

Gassan   ·   9 years ago

Dear Carlos, Thank you for this Template. I have problem ... when I add user manually in firebase login&Auth and I try to login ... He stack in loading not ending ... but If I registered and login he work fine ...why ... It is something related to rules of firebase ... help Plz

Carlos Rojas

Carlos Rojas   ·   9 years ago

Hi @Madiba, in the Service js/services/auth.js just modify the createProfile() function and don't forget add this info in the user object (Ex: user.age = 18, user.sex = "Male") have fun :)

Madiba Razak

Madiba Razak   ·   9 years ago

Hi carlos , i need to add user details ,like username ,sex ,age ,how best to do this

Carlos Rojas

Carlos Rojas   ·   9 years ago

Hi @Alvin Lawson. Thank you for comment. I don't know yet. but is really easy add auth with social accounts. See this: https://www.firebase.com/docs/web/libraries/angular/quickstart.html and you need implement this auth.$authWithOAuthPopup("facebook") for each Service and use the InApp cordova plugin ;)

Alvin Lawson

Alvin Lawson   ·   9 years ago

Nice starter. Will you be adding Facebook/Twitter oauth integration to your starter?

Carlos Rojas

Carlos Rojas   ·   9 years ago

Oh, i see. Thank you @Israel Vicars :)

Israel Vicars

Israel Vicars   ·   9 years ago

@lucio @vineet I had that problem and it was fixed by changing the Firebase App URL from "nameofapp.firebaseapp.com" to "nameofapp.firebaseio.com". I mistakenly copied the wrong URL from the authorized domains list on Firebase.

Carlos Rojas

Carlos Rojas   ·   9 years ago

@Wladimir Avila Im glad to hear that ;)

Wladimir Avila

Wladimir Avila   ·   9 years ago

Thanks, I enabled Email and Password Authentication and all its Ok, thanks for sharing this code!

Carlos Rojas

Carlos Rojas   ·   9 years ago

@Vineet Did you enabled the login & auth on your firebase account ?

Carlos Rojas

Carlos Rojas   ·   9 years ago

@Lucio Did you enabled the login & auth on your firebase account ?

Carlos Rojas

Carlos Rojas   ·   9 years ago

@Alexandre Faustino, yes you must enabled the login & auth in firebase.

Alexandre Faustino

Alexandre Faustino   ·   9 years ago

Did you enabled the login & auth on your firebase account ?

Vineet Sawant

Vineet Sawant   ·   9 years ago

I tried to register/login, it shows unknown error dialogue box, is there anything I am missing? I've a new clean firebase db, which is blank, is that causing the issue?

mehmet

mehmet   ·   8 years ago

Hi @Carlos Rojas , i solved my issue thanks. But now , i have other issue. You know , i use login and register template. But in some cases back button top of the page not working. Do you know why it is? ( basically i have taps in my application. And user click on Account tab then if not loged in , i redirect it to login page. I use your template for login. But i don't see back button here. However when i click to register button on login page, i can see back button in register page. Besides , after login , there is a few link on Account page. One of them goes to page for user update their details(name,lastname , etc) and i also use same register template in that page. But i don't see back button here again). I hope, i explaned well about my issue. Can you please help? Thanks so much