ionic-angular 5 Firebase Storage

ionic-angular 5 Firebase Storage

Start your awesome app in firebase 5!!

$9.00

(5)
Carlos Rojas

Carlos Rojas

Member since 2014

Details

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

Installation

service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write;
    }
  }
}

Note: Change this later to make private your data.

  • Update your Ionic CLI.
$npm install -g ionic@latest cordova
  • Download and uncompress your Files.

  • Create your project with Ionic CLI

$ionic start myapp

(Choose Blank)

  • Locate in your new Project.
$cd myapp
  • Install dependencies:
$ npm install angularfire2 firebase promise-polyfill --save
  • Replace your src folder for the files that did you download and uncompress.

  • Go to file src/app/app.module.ts and update the info with your firebase data.

export const firebaseConfig = {
  apiKey: "xxxxxxxxxx",
  authDomain: "your-domain-name.firebaseapp.com",
  databaseURL: "https://your-domain-name.firebaseio.com",
  storageBucket: "your-domain-name.appspot.com",
  messagingSenderId: '<your-messaging-sender-id>'
};
  • Run Your App.
Run $ionic serve

Changelog

1.0.1. "Evolution" (2018-11-03)

  • Upgraded to Angularfire2
  • Using AngularFireStorageModule

1.0.0. "Start" (2017-09-03)

  • Upgraded to Ionic 3

Support and Feedback:

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

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

@carlosrojas_o

Facebook Page

We want you to be satisfied

This Starter can be refunded if you think that we didn't save you time within the next 15 days.

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

yonaides tavares

yonaides tavares   ·   8 years ago

Cual fue el tipo de API que usaste para leer el Feed? , tiene opcion de mostrar la imagen destacada en caso que fuera un Feed de u blog?? Saludos!!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hola @yonaides tavares, deberia funcionar cualquiera por que utilizo el Google Feed API para facilitar eso. Si puedes agregar la imagen facilmente eso lo deberia traer Feed y con un ng-if mostrar una images. Saludos!!!

Jeremaine Osia

Jeremaine Osia   ·   8 years ago

good job on this one. can you please add some basic CRUD including the currently logged user? thank you.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Thank you Jeremaine for the comment. I'm glad that you enjoy this starter :) Sure for write you need make something like this: function writeUserData(userId, name, email, imageUrl) { firebase.database().ref('users/' + userId).set({ username: name, email: email, profile_picture : imageUrl }); } You can see the the complete example here: http://j.mp/29Whys4 but i think make a good doc for this starter :) give me a couple of weeks ...

Jeremaine Osia

Jeremaine Osia   ·   8 years ago

yeah, that will be a good add in this project. Basic CRUD will be helpful + social login can help newbie in ionic + firebase 3 like me. :)

  ·   just now

{{ reply.comment }}



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

Tomas

Tomas   ·   8 years ago

Hello, i got some error after serve: /auth/auth.ts(16,28): Error TS2339: Property 'auth' does not exist on type 'FirebaseStatic'. /auth/auth.ts(17,31): Error TS2339: Property 'database' does not exist on type 'FirebaseStatic'. app/app.ts(24,12): Error TS2339: Property 'initializeApp' does not exist on type 'Firebase'. app/app.ts(36,7): Error TS2346: Supplied parameters do not match any signature of call target. Your system information: Cordova CLI: Not installed Ionic Framework Version: 2.0.0-beta.10 Ionic CLI Version: 2.0.0-beta.32 Ionic App Lib Version: 2.0.0-beta.18 ios-deploy version: Not installed ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v4.4.4 Xcode version: Xcode 7.3.1 Build version 7D1014

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi. seems somethings is happening in 'initializeApp' in app/app.ts. Did you modify this file in some way?

Tomas

Tomas   ·   8 years ago

yes sorry i pasted from modified version, the original log is : app/providers/auth/auth.ts(7,27): Error TS2307: Cannot find module 'firebase'. app/app.ts(6,27): Error TS2307: Cannot find module 'firebase'.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Oh ok :) You need run this: npm install firebase --save and typings install --save firebase

Tomas

Tomas   ·   8 years ago

thank you :)

Adarshdeep Singh

Adarshdeep Singh   ·   8 years ago

to me it gives typings: command not found pls help

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi. You need install typings. $# npm install typings --global

  ·   just now

{{ reply.comment }}



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

srle

srle   ·   8 years ago

When I switched to my firebase API, then it gave me error: WebSocket connection to 'wss://xxxxxxxxx.firebaseapp.com/.ws?v=5' failed: Error during WebSocket handshake: Unexpected response code: 404 ??? And some simple CRUD would be worth more $9.99 :)

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi. did you enable the auth in your firebase project? can you send me pic to my email. ing.carlosandresrojas@gmail.com. Yes, im gonna keep updating this starter and you gonna receive the updates through Gumroad :)

srle

srle   ·   8 years ago

thnx, for quick respond :) but this was fixed by it self :( I did enabled auth email and password on firebase side I dont get it, now it works fine, tnx for great code :)

Carlos Rojas

Carlos Rojas   ·   8 years ago

Cool :) Don't forget to rate ;)

  ·   just now

{{ reply.comment }}



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

Jared Wuliger

Jared Wuliger   ·   8 years ago

Hello, I am interested in purchasing your starter app. Does the app have more then email/password auth?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Jared thanks for support my work :) this starter have - Register Users. - LogIn Users. - Reset Password. - Logout. - Form Validation Ready. Additionaly, i'm updating the starter and you gonna receive the lastest version without extra charge :)

Jared Wuliger

Jared Wuliger   ·   8 years ago

Ok great. Thanks for the quick reply! Last question - Is this written in Typescript? Great news about the getting the latest version without an extra charge.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Yes

Jared Wuliger

Jared Wuliger   ·   8 years ago

Great just bought it. Going to set it up now. Thanks!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Cool. I hope you enjoy :)

  ·   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 have purchased externally. When I tried to ionic serve, the buttons dont respond and I got the below error in the console ionic $ 0 586282 error Error: FIREBASE FATAL ERROR: Cannot parse Fireba se url. Please use https://<YOUR FIREBASE>.firebaseio.com at Error (native). I have checked the URL in the www\app.js it is correct firebase urls. Could you help what could be wrong ?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @goClinic are you enabled the email auth in your firebase console? http://i.cubeupload.com/db6Yf2.png, When you try with defaults work for you?

goClinic

goClinic   ·   8 years ago

Thanks for your response, it works now, I was not registered it correctly. But now I have another problem. If the same email id is registered second time, instead of saying email is already registered, it says succesfully registered. How to prevent this ?

  ·   just now

{{ reply.comment }}



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

Arnout Aertgeerts

Arnout Aertgeerts   ·   8 years ago

Hi, I bought your starter app and got the following error when running $ ionic serve: TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/forgot/forgot.ts(29,17): Error TS2341: Property 'create' is private and only accessible within class 'Loading'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/forgot/forgot.ts(32,12): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/home/home.ts(17,14): Error TS2339: Property 'rootNav' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/login/login.ts(29,17): Error TS2341: Property 'create' is private and only accessible within class 'Loading'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/login/login.ts(32,12): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/register/register.ts(28,17): Error TS2341: Property 'create' is private and only accessible within class 'Loading'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/register/register.ts(31,12): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(24,20): Error TS2341: Property 'create' is private and only accessible within class 'Alert'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(28,16): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(44,20): Error TS2341: Property 'create' is private and only accessible within class 'Alert'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(48,16): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(54,18): Error TS2341: Property 'create' is private and only accessible within class 'Alert'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(58,14): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(66,18): Error TS2341: Property 'create' is private and only accessible within class 'Alert'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(71,14): Error TS2339: Property 'present' does not exist on type 'NavController'.

Arnout Aertgeerts

Arnout Aertgeerts   ·   8 years ago

This is my setup: Cordova CLI: 6.3.1 Ionic Framework Version: 2.0.0-beta.11 Ionic CLI Version: 2.1.0-beta.1 Ionic App Lib Version: 2.1.0-beta.0 ios-deploy version: Not installed ios-sim version: Not installed OS: Mac OS X El Capitan Node Version: v6.6.0 Xcode version: Xcode 6.4 Build version 6E35b

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @ArnoutAertgeerts thank you for support my work. i think you are using a old version in gumroad you can find the lastest version named app_beta11. i sent you this to your email. Let me know if work for you :)

  ·   just now

{{ reply.comment }}



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

albert H

albert H   ·   8 years ago

worked like a charm!!

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.

Federico Ramirez

Federico Ramirez   ·   8 years ago

the external link for buying the product it says "This product is not currently for sale" and I can't create an account either.

Carlos Rojas

Carlos Rojas   ·   8 years ago

i had the link disable because the update to RC0, but now is in beta.

  ·   just now

{{ reply.comment }}



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

Sam Peeks

Sam Peeks   ·   8 years ago

Hey, i just bought your starter and installed it but i get this error in my browser console after $ionic serve: Uncaught TypeError: Cannot read property 'navigator' of undefined and nothing is working.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @SamPeeks did you follow the instructions http://playcode.org/getting-started-with-ionic-2-rc0-firebase-3-angularfire-2/ until step 4

Sam Peeks

Sam Peeks   ·   8 years ago

Yes i did @CarlosRojas . I also just redid everything just now but i still get the same error.

  ·   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

Has this been updated to RC0 or is it still beta11? The details on the left suggest it's still Ionic 2 beta? Will buy once it's confirmed. Thx Carlos.

  ·   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

Oops, sorry for the multi entries it didn't appear accept the post!

Carlos Rojas

Carlos Rojas   ·   8 years ago

No problem @MarkElliott something seems happening with comments system. It's working in RC0 but i have in beta because was a quick update :)

Mark Elliott

Mark Elliott   ·   8 years ago

Excellent, thanks Carlos!

  ·   just now

{{ reply.comment }}



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

Dylan Meagher

Dylan Meagher   ·   8 years ago

I'm getting Uncaught TypeError: Cannot read property 'navigator' of undefined, even after following your new documentation. I've tried uninstalling everything and starting from scratch but I get the same result every time. Setting up a new project works fine, but once I go through the steps it breaks.

Dylan Meagher

Dylan Meagher   ·   8 years ago

It's working now! There was an error in the documentation, the brackets in commonjs weren't closed.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Nice. Thank you for the correction :) sorry for the mistake.

Matt Huddleston

Matt Huddleston   ·   8 years ago

Dylan where did you fix this error? I am getting the same one..

Matt Huddleston

Matt Huddleston   ·   8 years ago

@DylanMeagher

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @MattHuddleston This week i found this alternative solution. http://pastebin.com/Yp4dpNdc

  ·   just now

{{ reply.comment }}



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

Bryn Nicholas

Bryn Nicholas   ·   8 years ago

I must be missing something here, but I'm getting poor communication from Carlos after he sent a revised installation guide which was not clear and does not seem to work.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @BrynNicholas sorry about that. if you want i can refund your purchase, just reach me in: ing.carlosandresrojas@gmail.com, im gonna work in make more clear the documentation. Thank you for the feedback.

  ·   just now

{{ reply.comment }}



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

Hussain Alkhars

Hussain Alkhars   ·   7 years ago

Hi Carlos, I am very intersted to buy this starter to save me the hassle of configuring Firebase from scratch as I am from Native IOS background and I am very new to Iconic 2/Angular 2. As of the current version of your starter, Will I be able to use it for other Firebase services like database, storage...etc?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @HussainAlkhars, this starter is in beta mainly because the changes from Ionic 2 releases. take in consideration read the extra process here. http://j.mp/2e266jl with this you can only use the email auth features but Firebase is connected then you can extend the funcionality.

  ·   just now

{{ reply.comment }}



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

Antonio

Antonio   ·   7 years ago

Can this work with my own backend server or do I have to use firebase?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @Antonio, This starter is thinking in use the firebase platform as backend. You can use this for your own backend server but then you gonna need switch all the services and responses then gonna be similar to start from scratch.

  ·   just now

{{ reply.comment }}



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

Dov Keshet

Dov Keshet   ·   7 years ago

I don't understand you - people are paying you money for this, why don't you provide something that works ? Look how many people are getting stuck installing, so many people writing about all different problems they've been having. The documentation is not compatible and incomplete. I don't want to keep guessing - can you please refund the purchase like you promised ?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @DovKeshet sorry for the problems. i'm going to disable the link until update the starter to RC3. that is mainly why some people get stucked sometimes. I'm checking in your purchase and seems like you started the return of money already http://i.cubeupload.com/duWgVH.png gumroad told me in an email that they going to contact you. Meanwhile, i can offer you for the inconveniences other starter without charge. You can see here: market.startupers.io are in Ionic 1. Let me know. you can reach me ing.carlosandresrojas@gmail.com too.

Dov Keshet

Dov Keshet   ·   7 years ago

OK, thank you. I really tried for about 2-3 hours. Let us know when the next version comes out so we can give it another chance. If you can add some kind of simple Todo app as well, that would make it well worth it. I hope the instructions will be clear and consistent so there will be minimal need for intervention in the installation process.

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @DovKeshet thank you for understand. Now, updating this starter is a priority for me. i'll reach you ASAP when everything is ready (App + Docs )

  ·   just now

{{ reply.comment }}



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

Greg

Greg   ·   7 years ago

Hi, is this starter updated to be working now?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Yes. The problems was caused with additional steps in RC0 in order to work with Firebase. But now with RC4 you don't need to make that steps.

  ·   just now

{{ reply.comment }}



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

Mostafa Shaarawy

Mostafa Shaarawy   ·   7 years ago

Hi, does this project support also OAuth for Facebook or is it only email and password?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Only firebase 3 email auth.

  ·   just now

{{ reply.comment }}



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

Peter Ennis

Peter Ennis   ·   7 years ago

I am interested in Ionic v3+ Do you have a release timeline?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Yes. On monday should to be upgraded :)

  ·   just now

{{ reply.comment }}



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

John

John   ·   7 years ago

Does it do Facebook/Google etc login or just email/pswd?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Only email/pswd.

  ·   just now

{{ reply.comment }}



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

Guy

Guy   ·   7 years ago

It seems that you can use the same email more than once. Please advise.

Carlos Rojas

Carlos Rojas   ·   7 years ago

actually, Firebase Auth don't permit register two users with the same email, Maybe the problem is only change the error message with the correct one. Are you using the latest version?

  ·   just now

{{ reply.comment }}



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

Felipe Augusto da Silva

Felipe Augusto da Silva   ·   6 years ago

is up to date ? the image storage, show in html ?

Carlos Rojas

Carlos Rojas   ·   6 years ago

Yes. you can use latest angularfire2 version without problem. To show the image i used this snippet <span *ngIf="myPicture"><img src="data:image/png;base64,{{myPicture}}"></span>. Let me know if you have more questions :)

  ·   just now

{{ reply.comment }}



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

ding

ding   ·   6 years ago

Hiya, I need to have the following features: Firebase's one click sign-up user capture/upload/display images to google cloud storage I saw you have a few starters packages but not sure which one i should get, please advice! thanks a lot :D

Carlos Rojas

Carlos Rojas   ·   6 years ago

Hi ding. You need https://market.ionicframework.com/starters/firebaseauthstarter for authentication and merge with this one for firebase storage. I think the proccedure is straighforward but if you need some extra support you can reach me to my email. Happy coding :)

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

ding

ding   ·   6 years ago

Hiya, I need to have the following features: Firebase's one click sign-up user capture/upload/display images to google cloud storage I saw you have a few starters packages but not sure which one i should get, please advice! thanks a lot :D

Carlos Rojas

Carlos Rojas   ·   6 years ago

Hi ding. You need https://market.ionicframework.com/starters/firebaseauthstarter for authentication and merge with this one for firebase storage. I think the proccedure is straighforward but if you need some extra support you can reach me to my email. Happy coding :)

  ·   just now

{{ reply.comment }}



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

Felipe Augusto da Silva

Felipe Augusto da Silva   ·   6 years ago

is up to date ? the image storage, show in html ?

Carlos Rojas

Carlos Rojas   ·   6 years ago

Yes. you can use latest angularfire2 version without problem. To show the image i used this snippet <span *ngIf="myPicture"><img src="data:image/png;base64,{{myPicture}}"></span>. Let me know if you have more questions :)

  ·   just now

{{ reply.comment }}



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

Guy

Guy   ·   7 years ago

It seems that you can use the same email more than once. Please advise.

Carlos Rojas

Carlos Rojas   ·   7 years ago

actually, Firebase Auth don't permit register two users with the same email, Maybe the problem is only change the error message with the correct one. Are you using the latest version?

  ·   just now

{{ reply.comment }}



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

John

John   ·   7 years ago

Does it do Facebook/Google etc login or just email/pswd?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Only email/pswd.

  ·   just now

{{ reply.comment }}



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

Peter Ennis

Peter Ennis   ·   7 years ago

I am interested in Ionic v3+ Do you have a release timeline?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Yes. On monday should to be upgraded :)

  ·   just now

{{ reply.comment }}



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

Mostafa Shaarawy

Mostafa Shaarawy   ·   7 years ago

Hi, does this project support also OAuth for Facebook or is it only email and password?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Only firebase 3 email auth.

  ·   just now

{{ reply.comment }}



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

Greg

Greg   ·   7 years ago

Hi, is this starter updated to be working now?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Yes. The problems was caused with additional steps in RC0 in order to work with Firebase. But now with RC4 you don't need to make that steps.

  ·   just now

{{ reply.comment }}



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

Dov Keshet

Dov Keshet   ·   7 years ago

I don't understand you - people are paying you money for this, why don't you provide something that works ? Look how many people are getting stuck installing, so many people writing about all different problems they've been having. The documentation is not compatible and incomplete. I don't want to keep guessing - can you please refund the purchase like you promised ?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @DovKeshet sorry for the problems. i'm going to disable the link until update the starter to RC3. that is mainly why some people get stucked sometimes. I'm checking in your purchase and seems like you started the return of money already http://i.cubeupload.com/duWgVH.png gumroad told me in an email that they going to contact you. Meanwhile, i can offer you for the inconveniences other starter without charge. You can see here: market.startupers.io are in Ionic 1. Let me know. you can reach me ing.carlosandresrojas@gmail.com too.

Dov Keshet

Dov Keshet   ·   7 years ago

OK, thank you. I really tried for about 2-3 hours. Let us know when the next version comes out so we can give it another chance. If you can add some kind of simple Todo app as well, that would make it well worth it. I hope the instructions will be clear and consistent so there will be minimal need for intervention in the installation process.

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @DovKeshet thank you for understand. Now, updating this starter is a priority for me. i'll reach you ASAP when everything is ready (App + Docs )

  ·   just now

{{ reply.comment }}



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

Antonio

Antonio   ·   7 years ago

Can this work with my own backend server or do I have to use firebase?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @Antonio, This starter is thinking in use the firebase platform as backend. You can use this for your own backend server but then you gonna need switch all the services and responses then gonna be similar to start from scratch.

  ·   just now

{{ reply.comment }}



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

Hussain Alkhars

Hussain Alkhars   ·   7 years ago

Hi Carlos, I am very intersted to buy this starter to save me the hassle of configuring Firebase from scratch as I am from Native IOS background and I am very new to Iconic 2/Angular 2. As of the current version of your starter, Will I be able to use it for other Firebase services like database, storage...etc?

Carlos Rojas

Carlos Rojas   ·   7 years ago

Hi @HussainAlkhars, this starter is in beta mainly because the changes from Ionic 2 releases. take in consideration read the extra process here. http://j.mp/2e266jl with this you can only use the email auth features but Firebase is connected then you can extend the funcionality.

  ·   just now

{{ reply.comment }}



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

Bryn Nicholas

Bryn Nicholas   ·   8 years ago

I must be missing something here, but I'm getting poor communication from Carlos after he sent a revised installation guide which was not clear and does not seem to work.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @BrynNicholas sorry about that. if you want i can refund your purchase, just reach me in: ing.carlosandresrojas@gmail.com, im gonna work in make more clear the documentation. Thank you for the feedback.

  ·   just now

{{ reply.comment }}



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

Dylan Meagher

Dylan Meagher   ·   8 years ago

I'm getting Uncaught TypeError: Cannot read property 'navigator' of undefined, even after following your new documentation. I've tried uninstalling everything and starting from scratch but I get the same result every time. Setting up a new project works fine, but once I go through the steps it breaks.

Dylan Meagher

Dylan Meagher   ·   8 years ago

It's working now! There was an error in the documentation, the brackets in commonjs weren't closed.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Nice. Thank you for the correction :) sorry for the mistake.

Matt Huddleston

Matt Huddleston   ·   8 years ago

Dylan where did you fix this error? I am getting the same one..

Matt Huddleston

Matt Huddleston   ·   8 years ago

@DylanMeagher

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @MattHuddleston This week i found this alternative solution. http://pastebin.com/Yp4dpNdc

  ·   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

Hola @yonaides tavares, deberia funcionar cualquiera por que utilizo el Google Feed API para facilitar eso. Si puedes agregar la imagen facilmente eso lo deberia traer Feed y con un ng-if mostrar una images. Saludos!!!

Mark Elliott

Mark Elliott   ·   8 years ago

Has this been updated to RC0 or is it still beta11? The details on the left suggest it's still Ionic 2 beta? Will buy once it's confirmed. Thx Carlos.

  ·   just now

{{ reply.comment }}



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

Sam Peeks

Sam Peeks   ·   8 years ago

Hey, i just bought your starter and installed it but i get this error in my browser console after $ionic serve: Uncaught TypeError: Cannot read property 'navigator' of undefined and nothing is working.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @SamPeeks did you follow the instructions http://playcode.org/getting-started-with-ionic-2-rc0-firebase-3-angularfire-2/ until step 4

Sam Peeks

Sam Peeks   ·   8 years ago

Yes i did @CarlosRojas . I also just redid everything just now but i still get the same error.

  ·   just now

{{ reply.comment }}



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

Federico Ramirez

Federico Ramirez   ·   8 years ago

the external link for buying the product it says "This product is not currently for sale" and I can't create an account either.

Carlos Rojas

Carlos Rojas   ·   8 years ago

i had the link disable because the update to RC0, but now is in beta.

  ·   just now

{{ reply.comment }}



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

albert H

albert H   ·   8 years ago

worked like a charm!!

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.

Arnout Aertgeerts

Arnout Aertgeerts   ·   8 years ago

Hi, I bought your starter app and got the following error when running $ ionic serve: TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/forgot/forgot.ts(29,17): Error TS2341: Property 'create' is private and only accessible within class 'Loading'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/forgot/forgot.ts(32,12): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/home/home.ts(17,14): Error TS2339: Property 'rootNav' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/login/login.ts(29,17): Error TS2341: Property 'create' is private and only accessible within class 'Loading'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/login/login.ts(32,12): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/register/register.ts(28,17): Error TS2341: Property 'create' is private and only accessible within class 'Loading'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/pages/register/register.ts(31,12): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(24,20): Error TS2341: Property 'create' is private and only accessible within class 'Alert'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(28,16): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(44,20): Error TS2341: Property 'create' is private and only accessible within class 'Alert'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(48,16): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(54,18): Error TS2341: Property 'create' is private and only accessible within class 'Alert'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(58,14): Error TS2339: Property 'present' does not exist on type 'NavController'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(66,18): Error TS2341: Property 'create' is private and only accessible within class 'Alert'. TypeScript error: /Users/arnoutaertgeerts/Projects/Match/app/providers/auth/auth.ts(71,14): Error TS2339: Property 'present' does not exist on type 'NavController'.

Arnout Aertgeerts

Arnout Aertgeerts   ·   8 years ago

This is my setup: Cordova CLI: 6.3.1 Ionic Framework Version: 2.0.0-beta.11 Ionic CLI Version: 2.1.0-beta.1 Ionic App Lib Version: 2.1.0-beta.0 ios-deploy version: Not installed ios-sim version: Not installed OS: Mac OS X El Capitan Node Version: v6.6.0 Xcode version: Xcode 6.4 Build version 6E35b

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @ArnoutAertgeerts thank you for support my work. i think you are using a old version in gumroad you can find the lastest version named app_beta11. i sent you this to your email. Let me know if work for you :)

  ·   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 have purchased externally. When I tried to ionic serve, the buttons dont respond and I got the below error in the console ionic $ 0 586282 error Error: FIREBASE FATAL ERROR: Cannot parse Fireba se url. Please use https://<YOUR FIREBASE>.firebaseio.com at Error (native). I have checked the URL in the www\app.js it is correct firebase urls. Could you help what could be wrong ?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi @goClinic are you enabled the email auth in your firebase console? http://i.cubeupload.com/db6Yf2.png, When you try with defaults work for you?

goClinic

goClinic   ·   8 years ago

Thanks for your response, it works now, I was not registered it correctly. But now I have another problem. If the same email id is registered second time, instead of saying email is already registered, it says succesfully registered. How to prevent this ?

  ·   just now

{{ reply.comment }}



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

Jared Wuliger

Jared Wuliger   ·   8 years ago

Hello, I am interested in purchasing your starter app. Does the app have more then email/password auth?

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi Jared thanks for support my work :) this starter have - Register Users. - LogIn Users. - Reset Password. - Logout. - Form Validation Ready. Additionaly, i'm updating the starter and you gonna receive the lastest version without extra charge :)

Jared Wuliger

Jared Wuliger   ·   8 years ago

Ok great. Thanks for the quick reply! Last question - Is this written in Typescript? Great news about the getting the latest version without an extra charge.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Yes

Jared Wuliger

Jared Wuliger   ·   8 years ago

Great just bought it. Going to set it up now. Thanks!

Carlos Rojas

Carlos Rojas   ·   8 years ago

Cool. I hope you enjoy :)

  ·   just now

{{ reply.comment }}



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

srle

srle   ·   8 years ago

When I switched to my firebase API, then it gave me error: WebSocket connection to 'wss://xxxxxxxxx.firebaseapp.com/.ws?v=5' failed: Error during WebSocket handshake: Unexpected response code: 404 ??? And some simple CRUD would be worth more $9.99 :)

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi. did you enable the auth in your firebase project? can you send me pic to my email. ing.carlosandresrojas@gmail.com. Yes, im gonna keep updating this starter and you gonna receive the updates through Gumroad :)

srle

srle   ·   8 years ago

thnx, for quick respond :) but this was fixed by it self :( I did enabled auth email and password on firebase side I dont get it, now it works fine, tnx for great code :)

Carlos Rojas

Carlos Rojas   ·   8 years ago

Cool :) Don't forget to rate ;)

  ·   just now

{{ reply.comment }}



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

Tomas

Tomas   ·   8 years ago

Hello, i got some error after serve: /auth/auth.ts(16,28): Error TS2339: Property 'auth' does not exist on type 'FirebaseStatic'. /auth/auth.ts(17,31): Error TS2339: Property 'database' does not exist on type 'FirebaseStatic'. app/app.ts(24,12): Error TS2339: Property 'initializeApp' does not exist on type 'Firebase'. app/app.ts(36,7): Error TS2346: Supplied parameters do not match any signature of call target. Your system information: Cordova CLI: Not installed Ionic Framework Version: 2.0.0-beta.10 Ionic CLI Version: 2.0.0-beta.32 Ionic App Lib Version: 2.0.0-beta.18 ios-deploy version: Not installed ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v4.4.4 Xcode version: Xcode 7.3.1 Build version 7D1014

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi. seems somethings is happening in 'initializeApp' in app/app.ts. Did you modify this file in some way?

Tomas

Tomas   ·   8 years ago

yes sorry i pasted from modified version, the original log is : app/providers/auth/auth.ts(7,27): Error TS2307: Cannot find module 'firebase'. app/app.ts(6,27): Error TS2307: Cannot find module 'firebase'.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Oh ok :) You need run this: npm install firebase --save and typings install --save firebase

Tomas

Tomas   ·   8 years ago

thank you :)

Adarshdeep Singh

Adarshdeep Singh   ·   8 years ago

to me it gives typings: command not found pls help

Carlos Rojas

Carlos Rojas   ·   8 years ago

Hi. You need install typings. $# npm install typings --global

  ·   just now

{{ reply.comment }}



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

Jeremaine Osia

Jeremaine Osia   ·   8 years ago

good job on this one. can you please add some basic CRUD including the currently logged user? thank you.

Carlos Rojas

Carlos Rojas   ·   8 years ago

Thank you Jeremaine for the comment. I'm glad that you enjoy this starter :) Sure for write you need make something like this: function writeUserData(userId, name, email, imageUrl) { firebase.database().ref('users/' + userId).set({ username: name, email: email, profile_picture : imageUrl }); } You can see the the complete example here: http://j.mp/29Whys4 but i think make a good doc for this starter :) give me a couple of weeks ...

Jeremaine Osia

Jeremaine Osia   ·   8 years ago

yeah, that will be a good add in this project. Basic CRUD will be helpful + social login can help newbie in ionic + firebase 3 like me. :)

  ·   just now

{{ reply.comment }}



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

yonaides tavares

yonaides tavares   ·   8 years ago

Cual fue el tipo de API que usaste para leer el Feed? , tiene opcion de mostrar la imagen destacada en caso que fuera un Feed de u blog?? Saludos!!

Mark Elliott

Mark Elliott   ·   8 years ago

Oops, sorry for the multi entries it didn't appear accept the post!

Carlos Rojas

Carlos Rojas   ·   8 years ago

No problem @MarkElliott something seems happening with comments system. It's working in RC0 but i have in beta because was a quick update :)

Mark Elliott

Mark Elliott   ·   8 years ago

Excellent, thanks Carlos!

  ·   just now

{{ reply.comment }}



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