Code Monkey home page Code Monkey logo

angular2-social-login's Introduction

Cuppa Angular2 OAuth

npm version

Social Login Script for Facebook, Google, LinkedIn

It is often required that, a user register's or sign up to login to a particular website or application. It is a tedious job to fill those long forms with user basic details. To avoid filling long forms, Cuppa Angular 2 OAuth provides a module to login using social OAuth services like google OAtuh, Facebook OAuth and LinkedIn OAuth. Using this your application will be able to recieve basic details of the user from social networking sites and you can store in your application environment.

Documentation | Demo.

www.cuppalabs.com

Documentation | Demo.

Locally Build and Run

  • Clone git repository.
  • Configure auth-config.js with your mongoDB environment details and app secrets.
  • replace authServerBaseUrl in login component with your environment details.
  • Run npm start
  • Go to http://localhost:5000

NOTE: When running in local environment, make sure the redirect URL should match with the redirect URL you specified at the time of creating app with respective providers viz., Facebook, Google, LinkedIn. you can add http://localhost:5000/admin as redirectURL.

Ahh !!! Now you are ready to make your app up and running.

Licence

This project is licensed under the MIT license. See the LICENSE file for more info.

Credits

Thanks to Font Awesome the library.

Author

Pradeep Kumar Terli

angular2-social-login's People

Contributors

cuppalabs avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar

Forkers

rodrigostrj harendranathvegi9 tangblue soufatn cmdrafa fbunn narci2010 muralimallow christhoval06 vuongvu luisangonzalez gstearmit devhci its-rahulg daasalbion papuarza nitinkelde infact luuthi windforcetech akhiljson vydyas linocodes tameezm amine-iratni nadeera3784

angular2-social-login's Issues

how to configure the authbaseserve with php

Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass

  • I'm submitting a ...
    [ ] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository

  • Do you want to request a feature or report a bug?

  • What is the current behavior?

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
    https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

  • What is the expected behavior?

  • What is the motivation / use case for changing the behavior?

  • Please tell us about your environment:

  • Angular version: 2.0.0-beta.X
  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Hi even changing "authServerBaseUrl" and "mongodb_uri" after authenticating with facebook i get the userdetails page but the url is "https://cuppa-angular2-oauth.herokuapp.com/admin" not "https://localhost:5000/admin" . I change it to localhost:5000 and I add the redirecturi to my facebook app but still get the url of heroku ???

Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass

  • I'm submitting a ...
    [ ] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository

  • Do you want to request a feature or report a bug?

  • What is the current behavior?

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
    https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

  • What is the expected behavior?

  • What is the motivation / use case for changing the behavior?

  • Please tell us about your environment:

  • Angular version: 2.0.0-beta.X
  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

'admin' endpoint missing

Really useful, thanks.

The admin endpoint is missing on the server, can we use authEndpoint for that?

While working with angular 4 i am facing this issue

ERROR in [at-loader] ./node_modules/ng2-social-login/src/app/cuppaOAuth/auth.service.ts:73:12 TS2345: Argument of type '(r: Response) => any' is not assignable to parameter of type '(value: Response) => any'. Types of parameters 'r' and 'value' are incompatible. Type 'Response' is not assignable to type 'Response'. Two different types with this name exist, but they are unrelated. Types of property 'headers' are incompatible. Type 'Headers' is not assignable to type 'Headers'. Two different types with this name exist, but they are unrelated. Types have separate declarations of a private property 'mayBeSetNormalizedName'. ERROR in [at-loader] ./node_modules/ng2-social-login/src/app/cuppaOAuth/cuppaOAuth.module.ts:10:40 TS2345: Argument of type 'XHRBackend' is not assignable to parameter of type 'ConnectionBackend'. Types of property 'createConnection' are incompatible. Type '(request: Request) => XHRConnection' is not assignable to type '(request: any) => Connection'. Type 'XHRConnection' is not assignable to type 'Connection'. Types of property 'request' are incompatible. Type 'Request' is not assignable to type 'Request'. Two different types with this name exist, but they are unrelated. Types of property 'headers' are incompatible. Type 'Headers' is not assignable to type 'Headers'. Two different types with this name exist, but they are unrelated. Types have separate declarations of a private property 'mayBeSetNormalizedName'.

Can You suggest . What should i do here

Social login in localhost

Hi,
Can we build this social login using angular2 port 4200 and node port 3000 , I tried but no success.
Will you please help me ?

Hide unconfigured social login buttons

  • I'm submitting a ...
    [ X ] feature request

Currently all three social logins appear when using the oauth component.

Is it possible to only display social login buttons if they are configured? This will allow users to display only the buttons that they require for social login.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.