Facebook Login with Firebase in Ionic 3 App

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024

Комментарии • 65

  •  7 лет назад

    Good video

  • @codeisand1112
    @codeisand1112 6 лет назад

    C:\Users\CodeiSanD\Desktop\ionic\3.20.0sidemenu> ionic cordova run android
    Running app-scripts build: --platform android --target cordova
    [17:11:38] build dev started ...
    [17:11:38] clean started ...
    [17:11:38] clean finished in 6 ms
    [17:11:38] copy started ...
    [17:11:38] deeplinks started ...
    [17:11:38] deeplinks finished in 32 ms
    [17:11:38] transpile started ...
    [17:11:42] transpile finished in 4.04 s
    [17:11:42] preprocess started ...
    [17:11:42] preprocess finished in less than 1 ms
    [17:11:42] webpack started ...
    [17:11:42] copy finished in 4.33 s
    [17:11:49] webpack finished in 6.64 s
    [17:11:49] sass started ...
    Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.
    [17:11:50] sass finished in 1.58 s
    [17:11:50] postprocess started ...
    [17:11:50] postprocess finished in 17 ms
    [17:11:50] lint started ...
    [17:11:51] build dev finished in 12.47 s
    > cordova run android
    Android Studio project detected
    (node:3592) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'manifest' of undefined
    at removeOldOptions (C:\Users\CodeiSanD\Desktop\ionic\3.20.0sidemenu\plugins\cordova-universal-links-plugin\hooks\lib\android\manifestWriter.js:48:32)
    at Object.writePreferences (C:\Users\CodeiSanD\Desktop\ionic\3.20.0sidemenu\plugins\cordova-universal-links-plugin\hooks\lib\android\manifestWriter.js:27:19)
    at activateUniversalLinksInAndroid (C:\Users\CodeiSanD\Desktop\ionic\3.20.0sidemenu\plugins\cordova-universal-links-plugin\hooks\afterPrepareHook.js:65:25)
    at C:\Users\CodeiSanD\Desktop\ionic\3.20.0sidemenu\plugins\cordova-universal-links-plugin\hooks\afterPrepareHook.js:45:11
    at Array.forEach ()
    at run (C:\Users\CodeiSanD\Desktop\ionic\3.20.0sidemenu\plugins\cordova-universal-links-plugin\hooks\afterPrepareHook.js:41:17)
    at module.exports (C:\Users\CodeiSanD\Desktop\ionic\3.20.0sidemenu\plugins\cordova-universal-links-plugin\hooks\afterPrepareHook.js:18:3)
    at runScriptViaModuleLoader (C:\Users\CodeiSanD\AppData\Roaming
    pm
    ode_modules\cordova
    ode_modules\cordova-lib\src\hooks\HooksRunner.js:188:18)
    at runScript (C:\Users\CodeiSanD\AppData\Roaming
    pm
    ode_modules\cordova
    ode_modules\cordova-lib\src\hooks\HooksRunner.js:164:16)
    at C:\Users\CodeiSanD\AppData\Roaming
    pm
    ode_modules\cordova
    ode_modules\cordova-lib\src\hooks\HooksRunner.js:132:20
    (node:3592) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
    (node:3592) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
    [OK] Your app has been deployed.
    Did you know you can live-reload changes from your app with --livereload?
    [17:11:55] tslint: C:/Users/CodeiSanD/Desktop/ionic/3.20.0sidemenu/src/app/app.component.ts, line: 6
    All imports on this line are unused.
    L6: import { HomePage } from '../pages/home/home';
    [17:11:55] tslint: C:/Users/CodeiSanD/Desktop/ionic/3.20.0sidemenu/src/app/app.component.ts, line: 8
    All imports on this line are unused.
    L8: import { MenuPage } from '../pages/menu/menu';
    L9: import { LoginPage } from '../pages/login/login';
    [17:11:55] lint finished in 4.69 s

  • @princedosi9013
    @princedosi9013 6 лет назад

    "C:\Users\Admin\Desktop\IonicApps\FirebaseFacebook>cordova plugin add cordova-plugin-buildinfo --save
    (node:2880) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): CordovaError: Current working directory is not a Cordova-based project.
    (node:2880) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code."
    What is this error I'm getting in command prompt ,when trying to authorize with cordova ?

  • @ahmadsarwar7917
    @ahmadsarwar7917 6 лет назад

    agarwal ggg please help
    Warning
    Can't Load URL: The domain of this URL isn't included in the app's domains. To be able to load this URL, add all domains and subdomains of your app to the App Domains field in your app settings.

  • @ashwininatarajan8837
    @ashwininatarajan8837 5 лет назад

    hlo i use your command i have some issue like app not set up
    this.app is still in development mode and you dont have access to it. switch to a registered test user or sak in app admin for permission

    • @thesamarthagarwal
      @thesamarthagarwal  5 лет назад

      As long as your facebook app is in test mode, you can only test with your own facebook account or with a test account. You can add users as test users in facebook developers console. To test with any user, submit your facebook app to move it to production.

    • @ashwininatarajan8837
      @ashwininatarajan8837 5 лет назад

      @@thesamarthagarwal hi sir I am using firebase I have above error and also I use only facebook developer I have keyhash not configure

  • @johncrismanabo6807
    @johncrismanabo6807 5 лет назад

    I follow all the steps but why I can't redirect to my app.

  • @JoseCarvajalMedia
    @JoseCarvajalMedia 7 лет назад

    It works great thanks a lot!!

  • @bstrnx
    @bstrnx 6 лет назад

    Thanks so much

  • @snaidher5
    @snaidher5 5 лет назад

    I have this error Cannot read property 'manifest' of undefined

  • @FatimaZahraeTerrab
    @FatimaZahraeTerrab 7 лет назад +1

    Thanks for your tutorial, I followed it step by step it's all working just as expected, except for the alert it doesn't show so i guess the login data isn't retrieved from Facebook, any idea why it isn't working for me? thanks once again

  • @nri_raj
    @nri_raj 7 лет назад

    After this video I'm your big fan.
    I have subscribed to your channel too.
    I'm waiting for native method fb login video.
    I would appreciate if you could answer to below query :
    In case of native method if user had not installed fb app then what gonna be happen?

    • @thesamarthagarwal
      @thesamarthagarwal  7 лет назад

      Thank you.
      If the app is not installed, An in-app popup opens up.

  • @vajidali9979
    @vajidali9979 6 лет назад

    sir facebook authentication ka bhi ek tutorial bnao . Thank you.

  • @69sel69
    @69sel69 7 лет назад

    error
    [12:32:15] typescript: src/pages/home/home.ts, line: 18
    ';' expected.
    L18: firebase.auth()signInWithRedirect(provider).then(()=>{
    L19: firebase.auth()getRedirectResult().then((result)=>{
    [12:32:15] typescript: src/pages/home/home.ts, line: 19
    ';' expected.
    L18: firebase.auth()signInWithRedirect(provider).then(()=>{
    L19: firebase.auth()getRedirectResult().then((result)=>{
    L20: alert(JSON.stringify(result));
    [12:32:15] typescript: src/pages/home/home.ts, line: 3
    Module ''firebase'' has no exported member 'firebase'.
    L2: import { NavController } from 'ionic-angular';
    L3: import { firebase } from 'firebase';
    [12:32:15] typescript: src/pages/home/home.ts, line: 18
    Cannot find name 'signInWithRedirect'.
    L18: firebase.auth()signInWithRedirect(provider).then(()=>{
    L19: firebase.auth()getRedirectResult().then((result)=>{
    [12:32:15] typescript: src/pages/home/home.ts, line: 19
    Cannot find name 'getRedirectResult'.
    L18: firebase.auth()signInWithRedirect(provider).then(()=>{
    L19: firebase.auth()getRedirectResult().then((result)=>{
    L20: alert(JSON.stringify(result));

  • @edmundo096
    @edmundo096 7 лет назад +2

    Simple and concise, thanks. Now 505.
    (Though the alert/pop-up sound is a bit distracting)

    • @nri_raj
      @nri_raj 7 лет назад

      edmundo096 he must disable this while making videos for us

  • @suryathrideep1596
    @suryathrideep1596 7 лет назад

    I have an Error With Google Plus Login When I Call signInWithPopup Is not get back the result function (call back not coming.) not coming to getRedirectResult. please help me

  • @MarcoSync
    @MarcoSync 7 лет назад

    Some times the app reload after click on login whit facebook and dont return de alert with the user's data. If i click again, the app returns the alert sucessfuly with de user data. Why?

  • @emmanuelaina1379
    @emmanuelaina1379 7 лет назад +3

    this is awesome, thanks bro

  • @snaidher5
    @snaidher5 5 лет назад

    Hi, could you help with ionic. I have an application that have to take a photo a send it to a server, It works fine on Android but it doesn't work on ios, do you have any ideas about it ? Please help me

    • @thesamarthagarwal
      @thesamarthagarwal  5 лет назад

      Most likely a permissions issue but you need to look into at what step do you face issues.

  • @elegisgestao
    @elegisgestao 7 лет назад

    Thanks for your tutorial, but my application hav a error on build server "Module ''firebase'' has no exported member 'firebase'." how fix this. This login function in ios?

  • @allissonmenoscal1944
    @allissonmenoscal1944 7 лет назад +1

    Hello help me please, I have an error: It is not loading url: The domain of this URL is not included in the application domains. In order to load this URL, add all domains and subdomains to the Application Domains field in the application command.

    • @pablokatt
      @pablokatt 7 лет назад

      I found a solution for that. In Firebase Console go to the Facebook auth configuration after the fields of id and app secret you will find a link like this [authDomain]/__/auth/handler Copy it and paste it into developers.facebook.com/apps/[facebook_app_id]/fb-login/ in the section Valid OAuth redirect URIs (Facebook app's settings page on the Facebook for Developers site in the Product Settings > Facebook Login config.). Note that you must replace with your data the data on the square brackets in the urls that I shared here. Hope it help you.

  • @jaideepsah1530
    @jaideepsah1530 6 лет назад

    Hi, Is there any limitation for the user to login with facebook using firebase?

  • @gaurangdadheech8042
    @gaurangdadheech8042 7 лет назад

    I have done everything and even facebook page is opening but when i login, it doesn't take me back to my app and also no stringfied error is displaying

  • @cesaran777
    @cesaran777 7 лет назад

    Help me please !!!!!
    Error:
    This app has no Android key hashes configured. Configure your app key hashes at.

    • @thesamarthagarwal
      @thesamarthagarwal  7 лет назад +2

      You need to generate Key hashes for your android application. Follow the instructions given in Facebook integration quick start guide. And follow the instructions given in the attached screens 1,2,3,4,5. Once you added Key hashes you are done. And check the facebook integration code. It will work without any trouble.
      Link for Facebook integration quick start guide: developers.facebook.com/quickstarts/

  • @rafaelquintella3642
    @rafaelquintella3642 7 лет назад +1

    I am having an error, I already checked a URL and nothing ... When I log in, it generates the error: It is not loading url: The domain of this URL is not included in the application domains. In order to load this URL, add all domains and subdomains to the Application Domains field in the application command.

    • @allissonmenoscal1944
      @allissonmenoscal1944 7 лет назад

      Hola, yo también tengo el mismo error, como lo solucionó ??

    • @pablokatt
      @pablokatt 7 лет назад +3

      I found a solution for that. In Firebase Console go to the Facebook auth configuration after the fields of id and app secret you will find a link like this [authDomain]/__/auth/handler Copy it and paste it into developers.facebook.com/apps/[facebook_app_id]/fb-login/ in the section Valid OAuth redirect URIs (Facebook app's settings page on the Facebook for Developers site in the Product Settings > Facebook Login config.). Note that you must replace with your data the data on the square brackets in the urls that I shared here. Hope it help you.

    • @nayanpatil1060
      @nayanpatil1060 6 лет назад

      Thank you cattaneo pablo

  • @13mycL8
    @13mycL8 7 лет назад

    I have a question. How to pass the loginPage to the Homepage? because my login button is on loginpage and I have a homepage. :)

    • @13mycL8
      @13mycL8 7 лет назад

      I mean how to redirect it to the HomePage

    • @thesamarthagarwal
      @thesamarthagarwal  7 лет назад

      You need to learn about Navigation in Ionic.

    • @13mycL8
      @13mycL8 7 лет назад

      if I write this.navCtrl.push('Homepage") below firebase.auth().getRedirectResult().then((result)=>{
      alert(JSON.stringify(result)); , it doesnt work. How???

    • @pramodkumavat4486
      @pramodkumavat4486 7 лет назад +1

      I think you should *not* use quotes in (Homepage).
      In your example, you have used single and double quotes like this:
      ('Homepage")
      Also, it's (HomePage) and not (Homepage).. P should be in caps.

  • @anonkh8120
    @anonkh8120 6 лет назад

    how can we check if user already login with facebook account ?

  • @chamanishiranthika9293
    @chamanishiranthika9293 6 лет назад

    A good tutorial. Thank you. Login via Facebook is succeed but the alert doesn't appear. I also tried to print in the console but it also returns nothing.How to solve this?

  • @luisguevara1492
    @luisguevara1492 6 лет назад

    Hello teacher, When I create my ionic app, the config.xml is not created, this is happennig in new proyects...

  • @ahmadsarwar7917
    @ahmadsarwar7917 6 лет назад

    in 8:33 i m not find my app URL please help

  • @thamdee102
    @thamdee102 6 лет назад

    why does my alert not popup after logging in?

  • @Felipaopaooo
    @Felipaopaooo 7 лет назад

    HI,
    I am new on this, so I have a silly question.
    How can I see the mobile screen in my computer like you did?
    By the way, great video!

    • @thesamarthagarwal
      @thesamarthagarwal  7 лет назад

      Felipe Lima Hi, I use an app called Screen Stream Mirroring.

    • @Felipaopaooo
      @Felipaopaooo 7 лет назад

      Samarth Agarwal great. I will test. thank you

  • @kesavadarapaneni6252
    @kesavadarapaneni6252 7 лет назад

    can you do a video on google login with firebase in ionic 3

  • @renatoalvarezrjav90
    @renatoalvarezrjav90 7 лет назад

    hello everybody, how can i call other promises after to get result of authentication, i have tried but i don't know. what is the exact moment for send the result to other server

  • @gra_mah
    @gra_mah 7 лет назад

    Good Video

  • @adir191
    @adir191 7 лет назад

    thanks man, it works good!

  • @khasingstories
    @khasingstories 7 лет назад

    is it possible with ionic 2 App as well?

  • @adir191
    @adir191 7 лет назад

    how to get the uid,name and email?

  • @13mycL8
    @13mycL8 7 лет назад

    yezz!

  • @kassia527742
    @kassia527742 6 лет назад

    save my life, thxs;

  • @ionicprojects8554
    @ionicprojects8554 6 лет назад

    Share the damn code