Abacritt angularx social login 1K views 1. signIn (abacritt-angularx-social-login. Commented Nov 1, 2022 at 8:44. ts file. 2 when trying to install and at end the directive folder is absent and asl-google-signin-button is not a know element in my component The configuration options for angularx-social-login are a subset of the MSAL configuration options documented here. Social login and authentication module for Angular 12. So here I imported GoogleLoginProvider from the ‘Angularx-social-login’ npm package. Everything was working well when I was using Angular 8. I am getting a compilation issue in @abacritt\angularx-social-login\directives\google-signin-button. The author seems to assume that the reader has a basic understanding of Angular, terminal usage, and familiarity with the Google Cloud Console. After i investigate i found out in files index. Aug 6, 2020 · Michielvk added a commit to Michielvk/angularx-social-login that referenced this issue Apr 3, 2021 Microsoft logout now uses a popup as described in abacritt#306 919050e Social login and authentication module for Angular 12. Notifications You must be signed in to change notification settings; Fork 392; Star 646. Type '{ type: { alias: "type"; required: thanks @juanmaldonadodev for the feedback. If you check out their npm documentation they recommend moving to @abacritt/angularx-social-login. 7. Ive experienced issue the same as yours, I open my web app in facebook app and the facebook login doesn't work. New issue Aug 23, 2023 · Hello all, Quick question: Is Angularx-Social-Login (version 3) still supported for Angular 10? Also, does it handle migrating from the Google Login API's JavaScript implementation? Thanks in advan You signed in with another tab or window. Feb 19, 2023 · I want to setup google login in my Angular14 web application with @abacritt/angularx-social-login@1. 0, last published: 18 days ago. npm i @abacritt/angularx-social-login@ 2. PROVIDER_ID, provider: new GoogleLoginProvider(required client id after configuring a project in google. module. socialAuthService. It seemed to stop prompting as soon as I did step 1, would be interested to know if others Jul 25, 2023 · You signed in with another tab or window. ) based on your preference for versioning. mjs:90:16) at abacritt-angularx-social-login. Notifications You must be signed in to change notification settings; Fork 391; Star 646. angularx-social-login@2. Supports authentication with Google, Facebook, Amazon, and VK. For Angular 12, there has been an updated @abacritt/angularx-social-login version 1. Social login and authentication module for Angular 19 - abacritt/angularx-social-login npm install @abacritt/angularx-social-login@^{Version} Replace {Version} with the version number compatible with your Angular version. mjs:223:41 – Ste. After successfully login in once using google login provider, I would like the browser to remember the login after refreshing or closing the browser. It is working properly on the web browser but when try to do on any mobile device it is not working. The text was updated Feb 11, 2020 · Social login and authentication module for Angular 19 - Issues · abacritt/angularx-social-login May 26, 2022 · at the time of updating my ionic to v6 the version of angular was modified to 13 and when using the angularx-social-login library I saw on the npm page that it has become obsolete and uses the new @ Dec 1, 2022 · I have tried to install the dependency adding the --legacy-peers-dep flag, as stated in this github issue comment (Although it seems to be a solution for angularx-social-login:4 and NOT for @abacritt/angularx-social-login:1, which is newer). 0, i have an issue to install it with @angular/common 13. There are 4 other projects in the npm registry using @abacritt/angularx import { GoogleLoginProvider, SocialAuthServiceConfig, SocialLoginModule } from '@abacritt/angularx-social-login'; import { NgModule } from '@angular/core'; import . Jul 23, 2020 · After logging out with this. Also, you have to inject a Google client inside the GoogleLoginProvider() provider. @valeriya13. New File. I am getting below error: ERROR Error: Uncaught (in promise): Login providers not ready yet. After the installation is complete, you can import and use @abacritt/angularx-social-login in your Angular application. 1. 4", then Social login and authentication module for Angular 18. ts ️ 匯入 SocialAuthServiceConfig, SocialLoginModule, Jul 6, 2021 · abacritt / angularx-social-login Public. May 8, 2023 · On angular using the package: @abacritt/angularx-social-login. With this approach after a successful sign-in the dialog is not closed and Social login and authentication module for Angular 18. Use the appropriate version specifier (^, ~, etc. Notifications You must be signed in to change notification settings; If i use "angularx-social-login": "^3. With this approach after a successful sign-in the dialog is not closed and Sep 28, 2023 · For other functionalities related to Single Sign-On (SSO), the approach remains consistent with the documentation provided in the @abacritt/angularx-social-login npm package. Let’s start with the installation part: npm i @abacritt/angularx-social-login. After ugrading to angular 9. umd. Hi i am using angularx-social-login of version 2. Supports authentication with Google , Facebook , Amazon , Microsoft , and VK out of the box. There are 4 other projects in the npm registry using @abacritt/angularx Jan 31, 2024 · Angularx-Social-Login Library to Help Us Sign in with Google. Some key benefits: Wide provider support : Authenticate with Google, Facebook, Amazon, Microsoft, VK, and Yahoo out-of-the-box, with the ability to add custom providers Social login and authentication module for Angular 19 - angularx-social-login/ at master · abacritt/angularx-social-login Social login and authentication module for Angular 18. Jun 6, 2018 · You signed in with another tab or window. It was not working, so i have upgraded on 04. Step 3 : Install angularx-social-login and bootstrap. directive. I recently uninstalled it and installed @abacritt/angularx-social-login and had to upgrade my angular CLI from v13 to v15 Nov 22, 2023 · import { SocialAuthServiceConfig } from '@abacritt/angularx-social-login'; import {GoogleLoginProvider,} from '@abacritt/angularx-social-login'; Step 3 — Add the below code into the providers of Dec 13, 2019 · But I noticed that in the npm documentation it imports the 'angularx-social-login' but it should be '@abacritt/angularx-social-login'. js:85:30 at new Promise (<anonymous>) at GoogleLogin Social login and authentication module for Angular 17 - abacritt/angularx-social-login Aug 7, 2022 · npm i @abacritt/angularx-social-login@1. html You are notified when user logs in or logs out. 3 --save OR. The functionality has slightly changed, but it should be working fine. x and angularx-social-login 1. 6. ts same as from this repository Link. npm install --save angularx-social-login. In my app this. 4 Node: 14. Notifications You must be signed in to change notification settings; Fork 388; Star 640. You can continue to Jun 30, 2022 · I am trying to implement google sign-in functionality in my angular app. This issue happens for all the newly created Client IDs. That is, using npm i @abacritt/angularx-social-login --legacy-peer-deps, but it is still not working. 4 and Angular 11 Find @abacritt/angularx Social Login Examples and TemplatesUse this online @abacritt/angularx-social-login playground to view and fork @abacritt/angularx-social-login example apps and templates on CodeSandbox. Dec 17, 2017 · abacritt / angularx-social-login Public. 0, last published: 16 days ago. Jul 30, 2024 · After clicking on the pop-up to choose an account, I encountered an issue. mjs Jul 14, 2022 · As on the version @abacritt/angularx-social-login:2. Code; Issues 5; Pull requests 1 May 8, 2024 · Use Case: As I'm introducing Google Sign In to our application, there could be bugs or issues present with the feature, so I'd like to introduce a feature flag for testing the sign in before presenting to the public. Social login and authentication module for Angular 16. Here as google auth token expires by 1 hour, i have to call method for refresh token. Due to older Angular 15 that we have, we cannot upgrade to the latest abacritt version yet. Is this is the message I get: This application depends upon a library published using Angular version Mar 24, 2015 · In this topic you will learn how to login with Facebook and Google in the angular app using the angularx-social-login npm package. . Dear Heatmanofurioso, I openend a new project with angular 13 and the new abacritt/angularx-social-login Dec 10, 2020 · Here is my code import { NgModule } from '@angular/core'; import { AppComponent } from '. I've implemented angularx-social-login to use Facebook login. Mar 13, 2023 · The most important thing to note here is that all references to Google Login are referenced from the @abacritt/angularx-social-login package. 0 which you can read docs from npmjs. Start using angularx-social-login in your project by running `npm i angularx-social-login`. 17. I am trying to apply a custom fix to the tag version 2. There are 4 other projects in the npm registry using @abacritt/angularx Sep 28, 2023 · For other functionalities related to Single Sign-On (SSO), the approach remains consistent with the documentation provided in the @abacritt/angularx-social-login npm package. Provide details and share your research! But avoid …. Discuss code, ask questions & collaborate with the developer community. app. Jul 11, 2020 · "init not called with valid version" message is received during facebook login. After successfully login in once using google login provider, I would like the Oct 3, 2017 · @jaibatrik I am using angularx-social-login for facebook login. Import the social login package and provide the client id. 0 of angularx-social-login. There are 4 other projects in the npm registry using @abacritt/angularx Jun 20, 2022 · Hello folks, Could somebody fix this issue, i have the same problem two scenario: 1- I use version 1. THis package is forked and upgraded from @abacritt/angularx-social-login. Install the NPM package called angularx-social-login and bootstrap library for implementing the google social login in our angular app. signIn() method. 0, last published: 7 months ago. Can anyone assist with this? Here are my configurations: : googleLoginOptions: { oneTapEnabled: false, scopes: 'profile em Social login and authentication module for Angular - ArticB/ngx-social-oauth Aug 29, 2023 · Install Angular social login package. Jun 5, 2022 · @abacritt/angularx-social-login:1. (Angular v11. 1 with Angular 10. Can anyone assist with this? Here are my configurations: : googleLoginOptions: { oneTapEnabled: false, scopes: 'profile em Jul 2, 2021 · abacritt / angularx-social-login Public. Find Angularx Social Login Examples and TemplatesUse this online angularx-social-login playground to view and fork angularx-social-login example apps and templates on CodeSandbox. Mar 10, 2025 · ng g c login . To sign in with Google, we are going to use the angularx-social-login library, which is going to help us a lot in the process. 0, last published: 3 hours ago. Latest version: 2. Aug 12, 2022 · You signed in with another tab or window. SocialUser object contains basic user information such as name, email, photo URL, etc. com) Great! I set it up, and it worked! The only frustrating thing was that the plugin would show […] You signed in with another tab or window. You switched accounts on another tab or window. We will use the following social login and authentication module for Angular 16. ts file: Social login and authentication module for Angular 14. Also I couldn't resolve the issue for adding google button asl-google-signin-button which is not found. /app. js:1387:1) at GoogleLoginProvider. Use Discussions for questions. 30. js:85 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'signIn') at abacritt-angularx-social-login. Code; Issues 35; Pull requests 6 Sep 22, 2022 · abacritt / angularx-social-login Public. npm i @abacritt/Angularx-social-login. Feb 19, 2019 · abacritt / angularx-social-login Public. Dec 31, 2022 · 輸入指令：npm i @abacritt/angularx-social-login. 0, last published: 6 months ago. Dec 15, 2023 · abacritt / angularx-social-login Public. Mar 22, 2022 · abacritt / angularx-social-login Public. It is easy and fastest way to login in application using social… Facing the same issue with Angular 9 and version 3. this should be your. Does anyone knows how to solve this issue. authService. SocialUser object contains basic user information such as name, email, photo URL, etc. Notifications You must be signed in to change notification settings; Login with linkedin is not working. In app. I succeed to set the width of the asl-google-signin-button thanks to the attribute 'width'. I've been trying ViewChild but no luck. Import these modules from angularx Dec 5, 2021 · Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand May 14, 2022 · Hello, I have this error: abacritt-angularx-social-login. Mar 1, 2023 · The expected behavior: is that the pop-up will appear only when I click the button that calls the login function I have tried adding autoLogin: false in the declaration of the package but it didn't help abacritt / angularx-social-login Public. 02. After the installation, we have to modify the app. There are 4 other projects in the npm registry using @abacritt/angularx Social login and authentication module for Angular 19 - Releases · abacritt/angularx-social-login Social login and authentication module for Angular 18. Nov 29, 2021 · Hi @doppeldenken , What you can do is to keep the signed-in state in one of your services, let's say AuthService. There are 24 other projects in the npm registry using angularx-social-login. Feb 27, 2018 · I am getting this issue when importing LoginOpt import { SocialLoginModule, AuthServiceConfig, FacebookLoginProvider, LoginOpt } from "angular4-social-login"; const fbLoginOptions: LoginOpt = { sco Jul 13, 2022 · abacritt / angularx-social-login Public. service. The @abacritt/angularx-social-login library provides support for several common providers out of the box. 1 and the angular CLI version is 8. I see that the old Google Sign-In library for Web is deprecated and I want to use the newer After the hour you cannot get a refresh token, the only way is to re-login the user. Jan 29, 2021 · I also have the same issue. Aug 19, 2022 · You signed in with another tab or window. #157. You can add <asl-google-signin-button></asl-google-signin-button> somewhere in one of your components template as "workaround", or do something similar to this replacing el. getElementById('yourElemId Nov 18, 2020 · I am integrating Google and Facebook login using angularx-social-login 3. 9K forks. 0. src. component'; import { SocialLoginModule, SocialAuthServiceConfig } from Jul 22, 2022 · Also using abacritt/angularx-social-login, v1. Files. There are 5 other projects in the npm registry using @abacritt/angularx Sep 13, 2023 · Angular Google social login tutorial, In this extensive tutorial, you will discover how to create Google social login in an angular application using the angularx-social-login package. Its located here and seems very popular: abacritt/angularx-social-login: Social login and authentication module for Angular 17 (github. ts, create an object which holds the 'plugin_name'. it seems the it wont work with the production app unless you create a test app I'm not sure why, but the documentation for this project doesn't match what the code says (as of 4bd9414). 3. Angular Generator Dec 2, 2016 · angularx-social-login:4 @abacritt/angularx-social-login will be deprecated. 0, last published: a day ago. 0, last published: 4 months ago. There are 4 other projects in the npm registry using @abacritt/angularx Sep 9, 2022 · I moved back to angularx-social-login@1. Take out the method you wrote for the GoogleSignIn. Conclusion Aug 1, 2021 · I am integrating Facebook login using angularx-social-login 4. Notifications You must be signed in to change notification settings; Fork 391; Star 648. MD at master · abacritt/angularx-social-login Jul 31, 2024 · After clicking on the pop-up to choose an account, I encountered an issue. May 28, 2022 · Angular 13 with the new @abacritt/angularx-social-login. 0 to make it work. I am using version 2. Notifications You must be signed in to change notification settings; Google login not workin on Chrome incognito mode #487. 0, last published: a year ago. 5) That was working fine until today. I managed to hide this by adding following this article, tried a few other ways but none of them i could get working. I got the errors bellow while trying to install npm Jun 8, 2018 · Am getting same err when using react-facebook. I have used two packages here @abacritt/angularx-social-login and angular-oauth2-oidc. There is a thread with lots of suggestions how to fix the problem but none of them worked for me: Social login and authentication module for Angular 16. Sep 20, 2024 · The same general approach can be used for other social login providers as well, such as Facebook, Twitter, etc. subscribe((user) => { this. Social login and authentication module for Angular 13 & 14. This can be overcome by adding 'plugin_name' in the provider for Angular. ts. 2. In the next steps the ‘client-id’ will be updated I tried with @abacritt/angularx-social-login but that is also not working with angular 13. In the app module, import SocialLoginModule and configure the Google client id. Click any example below to run it instantly or find templates that can be used as a pre-built solution! Aug 20, 2024 · I was adding third party authentication to my application, and I found a plugin which looked to solve the problem. It is easy and fastest way to login in application using social network platform . Mar 24, 2015 · In this topic you will learn how to login with Facebook and Google in the angular app using the angularx-social-login npm package. d. Jan 20, 2023 · Angular Social Login. npm i @abacritt/angularx-social-login@1. The text was updated successfully, but these errors were encountered: All reactions. The clientId for the registered application is the first argument provided when initializing the MicrosoftLoginProvider: Nov 29, 2018 · I'm new in using Angular and I encounter this problem when I tried install the angularx-social-login package on a project where I'm working on. Jun 19, 2022 · This is handled by the new Google Identity Services js sdk now, and they want to render the login button themselves. authState. I don't want to upgrade the Angular version, and when I tried to use npm i angularx-social-login, it should work. 0, last published: 5 months ago. here is what fixed my issue - on the meta for developers dashboard i clicked the top left corner dropdown and created a test up version of my app and then i replaced my appId with the one of a test app, it worked i got an accessToken. 3 --legacy-peer-deps & it runs in both Angular 15 and 16 Also, it is GoogleSigninButtonDirective and not module which will be declared in Providers. com . Social login and authentication module for Angular 18. There are 4 other projects in the npm registry using @abacritt/angularx Dec 14, 2023 · I just installed the latest version of abacritt/angularx-social-login from npm. I have tried adding autoLogin: false in the declaration of the package but it didn't help Oct 16, 2024 · @abacritt/angularx-social-login is the most popular and feature-rich Angular library for social login, with over 500,000 weekly downloads on npm. There are 4 other projects in the npm registry using @abacritt/angularx Social login and authentication module for Angular 18. 4-ngx12. I have been through many websites but not able to get solution. signOut(); the starting page is loaded and the ssoLogin functionality signs the user back again. Social login and authentication module for Angular 17 - angularx-social-login/README. May 8, 2023 · I'm using the Angular v 12 and @abacritt/angularx-social-login for social login but its not working and getting dependency issue. 2 that supports angular 15 (Until we upgrade to Angular 17). every following request is made with my own created token. Dec 21, 2022 · I was able to instal the angularx-social-login angular, unfortunaly it doens't work properly (the version is deprecated) . Google and fb scripts are loaded correctly as you can see from the screenshot. Start using @abacritt/angularx-social-login in your project by running `npm i @abacritt/angularx-social-login`. You signed out in another tab or window. ts file: Mar 1, 2023 · Here is the login function. However, I don't see anything for setting its height? Indeed, I need to set a specific height to match with the height of my app buttons. Welcome to /r/Netherlands! Only English should be used for posts and comments. Click any example below to run it instantly or find templates that can be used as a pre-built solution! Explore the GitHub Discussions forum for abacritt angularx-social-login. There are 4 other projects in the npm registry using @abacritt/angularx Angularx Social Login. We're going to try and work on adding a new Google Provider without the button, and that will later be added to the lib. Feb 11, 2020 · Hi. Solved for me. Install the suitable version for the current angular version. 0, last published: 8 months ago. 5. Can be extended to other providers also. signOut(); is not working, the user remains same in the authstate, it is not becoming null. mjs:93:30 at new ZoneAwarePromise (zone. _externalAuthService. 1 Angular CLI: 12. 2. Supports authentication with Google, Facebook, Amazon, Microsoft, and VK out of the box. js and angular4-social-login. Nov 21, 2017 · import { SocialLoginModule, AuthServiceConfig, GoogleLoginProvider } from 'angularx-social-login'; const config = new AuthServiceConfig([ { id: GoogleLoginProvider. Code; Issues 5; Pull requests 1 Social login and authentication module for Angular 18. Apr 4, 2023 · import { GoogleSigninButtonModule } from '@abacritt/angularx-social-login'; imports: [GoogleSigninButtonModule] 👍 2 tulipandmills and Senne reacted with thumbs up emoji Jul 5, 2022 · I'm able to authenticate with Google just clicking on the icon, but I can't understand how to programatically click on it by clicking its outer div. 匯入模組： app. Aug 16, 2021 · angularx-social-login is no longer being maintained and deprecated. I have created a custom provider called google-authentication. 0 has been deployed. New Folder. Share. accounts. Please help me out. Oct 26, 2020 · Demo. Reload to refresh your session. Starter project for Angular apps that exports to the Angular CLI. this. You'd subscribe to the authState observable from angularx-social-login in that service, as you might want to do some other app specific logic there based on the state changes (like store the user information to display it somewhere). Code; Issues 5; Pull requests 1 Dec 1, 2022 · On angular using the package: @abacritt/angularx-social-login I am using version 2. Integrate the Google social abacritt / angularx-social-login Public. What fix my issue is that Ive given a setTimeout for about 2 seconds before initializing the facebook and that works for me. Jan 31, 2024 · Angularx-Social-Login Library to Help Us Sign in with Google. Code; Issues 33; Pull requests 3 Dec 6, 2023 · Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. I've read somewhere if I call the signOut() method with paramter true this. Feb 2, 2023 · You signed in with another tab or window. Social login and authentication module for Angular 19. loggedIn = (user != null); }); The expected behavior: is that the pop-up will appear only when I click the button that calls the login function. Asking for help, clarification, or responding to other answers. Step 4 : Open the app. You are notified when user logs in or logs out. 7. 0 Add import: import { SocialLoginModule, GoogleSigninButtonModule } from '@abacritt/angularx-social-login'; into the module where your login component is placed (Not always in AppModule, check based on your project stucture) I am using the library abacritt / angularx-social-login to implement the google login on my angular app. Latest version: 4. You receive a SocialUser object when the user logs in and a null when the user logs out. 4. Component. Code; Issues 5; Pull requests 1 Jul 23, 2019 · abacritt / angularx-social-login Public. 0 which is the closest version to 1. Mar 11, 2023 · I am coming from using angular-social-login angular package which until it was rendered deprecated, had been working just fine on my app. Social login is the way of accessing or signing in to the third-party app without creating a new login account, especially using the current information gathered Angular X Social Login is a library for integrating social login in Angular applications. In order to create a Google Sign-in button, you have to use the directive <asl-google-signin-button> rather than calling the authService. Jul 25, 2022 · abacritt / angularx-social-login Public. Social login and authentication module for Angular 19. x I am using "angularx-social-login": " abacritt / angularx-social-login Public. i tried to upgrade my angular version but , but it seems i got May 23, 2022 · So basically @abacritt/angularx-social-login has nothing to do with it. Run the following command to install the package: npm install @abacritt/angularx-social-login It is implied that the @abacritt/angularx-social-login package is a reliable and recommended solution for social login integrations in Angular applications. Jan 23, 2018 · TypeError: Cannot use 'in' operator to search for 'prototype' in undefined at abacritt-angularx-social-login. This rule is in place to ensure that an ample audience can freely discuss life in the Netherlands under a widely-spoken common tongue. nativeElement with document. 0, last published: 2 years ago. user = user; this. The @abacritt/angularx-social-login package comes with the <asl-google-signin-button></asl-google-signin-button> element, which displays the icon on screen Dec 2, 2022 · The readme file reads. in my case I take the google token on login, verify it against my server, create a completely new pair of access token and refresh token and I am responsible for refreshing the access token. Would have used the latest but seems to require angular v15, am using angular v14. 2021 to latest version of angularx-social-login 3. Open app. 3 I am getting the below error: ERROR Error: Uncaught (in promise): Login providers not ready yet. along with the auth_token. js : need to change : Jun 27, 2022 · Hi there! Have a problem with Google sign in. Aug 3, 2023 · so do this npm install --save @types/google. 1 in Angular8 application. Code; Issues 32; Pull requests 0 This package has been moved to @abacritt/angularx-social-login. Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'signIn') TypeError: Cannot read properties of undefined (reading 'signIn') at abacritt-angularx-social-login. Notifications You must be signed in to change notification settings; Fork 387; Star 633. Code; Issues 5; Pull requests 1 Mar 8, 2025 · We will use the @abacritt/angularx-social-login package to integrate Google login functionality into our Angular 17 application. Start using @abuelwiss/angularx-social-login in your project by running `npm i @abuelwiss/angularx-social-login Jan 10, 2019 · abacritt / angularx-social-login Public. Sep 28, 2017 · If you are using '@abacritt/angularx-social-login' for social media login using Angular, the below fix worked for me. s Social login and authentication module for Angular 17 - abacritt/angularx-social-login Nov 11, 2020 · The version of angularx-social-login is 2. Oct 3, 2021 · abacritt / angularx-social-login Public. popup and clicks on their account to log in again, the access token gets returned and the login procedure succeeds. the newest package for angular login is @abacritt/angularx-social-login which it can't solve my problem since it only available for Angular 13 ou 14 project. tyvpzkzjywrzauqrrsnadkrnolquvqlrzrpbtxbyibruokmviggknebvxp