Real Time multi person Chat App using Ionic & Firebase
It uses the AngularFire library to connect to firebase.
Steps:
clone this repo
cd ./ionic-firebase-master
npm start
Real Time multi person Chat App using Ionic & Firebase
You may instantiate $firebaseArray and $firebaseObject directly now.
Error: $firebase has been removed. You may instantiate $firebaseArray and $firebaseObject directly now. For simple write operations, just use the Firebase ref directly. See the AngularFire 1.0.0 changelog for details: https://www.firebase.com/docs/web/libraries/angular/changelog.html
at http://192.168.33.20:8100/externals/angular-fire/angularfire.min.js:12:14225
at Object.<anonymous> (http://192.168.33.20:8100/js/services.js:11:21)
at Object.invoke (http://192.168.33.20:8100/lib/ionic/js/ionic.bundle.js:13277:17)
at Object.enforcedReturnValue [as $get] (http://192.168.33.20:8100/lib/ionic/js/ionic.bundle.js:13130:37)
at Object.invoke (http://192.168.33.20:8100/lib/ionic/js/ionic.bundle.js:13277:17)
at http://192.168.33.20:8100/lib/ionic/js/ionic.bundle.js:13095:37
at getService (http://192.168.33.20:8100/lib/ionic/js/ionic.bundle.js:13236:39)
at invoke (http://192.168.33.20:8100/lib/ionic/js/ionic.bundle.js:13268:13)
at Object.instantiate (http://192.168.33.20:8100/lib/ionic/js/ionic.bundle.js:13285:27)
at http://192.168.33.20:8100/lib/ionic/js/ionic.bundle.js:17841:28 <ion-nav-view name="tab-rooms" class="view-container tab-content" nav-view="active" nav-view-transition="ios">(anonymous function) @ ionic.bundle.js:21157$get @ ionic.bundle.js:17936invokeLinkFn @ ionic.bundle.js:17479nodeLinkFn @ ionic.bundle.js:16977compositeLinkFn @ ionic.bundle.js:16368publicLinkFn @ ionic.bundle.js:16243tabSelected @ ionic.bundle.js:58849$get.Scope.$digest @ ionic.bundle.js:24510$get.Scope.$apply @ ionic.bundle.js:24778done @ ionic.bundle.js:19191completeRequest @ ionic.bundle.js:19363requestLoaded @ ionic.bundle.js:19304
app.js:43 Logged in as : simplelogin:2
I created the a new project from firebase. After that i tried to login but message prompt said that need to use the new auth like firebase version 3 instead of 2. Can you advise on this? Thanks!!
the Json data is messed up and the rooms page has many ambiguous names
can you fix it please
Hi could you please share the firebase data?
Error: Error: Projects created at console.firebase.google.com must use the new Firebase Authentication SDKs available from firebase.google.com/docs/auth/
we are using firebase version 3 but this repo using version 2. error : projects created at console.firebase.google.com must use the new firebase authentication SDKS available from firebase.google.com/docs/auth
Hi,
Thanks for the ionic-firebase seed and chat app. I managed to create the app and signin successfully but after signing in the app displays a loading icon with "Loading Rooms" but never loads anything and it's stuck. Not sure why it's not loading room or not giving an option to create a room if not found one.
Thanks.
I have downloaded the lastest build but it doesnt seem to be working. The view looks out of postion and none of the buttons work.
Hi!
many thanks for the code and the guide, but executing ionic serve doesn't work. Works... but show a white page. Not clue why, apparently angular is loading and the rest of the libraries, but nothing, the application doesn't want to run...
regards
Would it be possible to maybe put some steps for newcomers about how they can set this up locally and start hacking?
Attention everyone whos having trouble with the code broken.
ng-app="mychat"
in the <body>
tag on the index.html file;I actually following his tutorials and trying figured out all the issues with time.
This is a very nice repositary and need a proper attention.
The variable chats are not implemented correctly in services.js
.
See the file:
https://github.com/mappmechanic/ionic-firebase/blob/master/www/js/services.js#L13
change:
var chats;
to:
var chats = $firebaseArray(ref.child('chats'));
and has a guaranteed solution! :)
Using firebase version 3 but this repo using version 2. error : projects created at console.firebase.google.com must use the new firebase authentication SDKS available from firebase.google.com/docs/auth
how to change the $rootScope.firebaseUrl to firebase3 can use????
this app not working only shows empty page,i don't have any error
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.