Easy Starter with Social Login

Easy Starter with Social Login

Leveraging Backand, this super-easy Ionic starter provides user management and Facebook, Google social login

Free!

(7)
ygal bell

ygal bell

Member since 2015

Details

Version:
1.2
Size:
1mb
Ionic:
1.3.x
Platforms:
iOS, Android
Released:
a year ago
Updated:
2 months ago
Category:
Starters
Tags:
Backand, backend, service, social, facebook, serverless

Leveraging Backand, this super-easy Ionic starter provides advanced user management capabilities including Facebook, Google and other social login using OAuth 2.0

Click here for Ionic 2 starter

Connect your users with built-in social integration with Facebook, Google and GitHub. Use the built-in full CRUD operation with Server side coding and automatic database REST API.

Create mobile application with ionic and Backand

1 - To run starter run ionic start:


ionic start myApp https://github.com/backand/backand-ionic-social
cd myApp

2 - Install Backand

bower install backand-angular1-sdk
bower install socket.io-client

3 - Install cordova plugins.


cordova plugin add cordova-plugin-inappbrowser
ionic plugin add https://github.com/apache/cordova-plugin-whitelist.git

4- Run with ionic serve function


ionic serve

Starter Main Functionality

  • Sign up to application and add new users with Signup tab.

  • Sign up with all leads social app, Facebook, Google+ and GitHub.

  • Enjoy your mobile application, with Backand at server side and full CRUD commands to server.

Setting up your own realtime Backand application

1 - Want to customize data model or change authorization? create a free personal application at backand.com

2 - Use following model (or just keep the default Model):


[
  {
    "name": "items",
    "fields": {
      "name": {
        "type": "string"
      },
      "description": {
        "type": "text"
      },
      "user": {
        "object": "users"
      }
    }
  },
  {
    "name": "users",
    "fields": {
      "email": {
        "type": "string"
      },
      "firstName": {
        "type": "string"
      },
      "lastName": {
        "type": "string"
      },
      "items": {
        "collection": "items",
        "via": "user" 
      }
    }
  }
]

3 - Replace the app's Config section at /js/app.js file with your new app parameters:


  BackandProvider.setAppName('Your-App-Name');

  BackandProvider.setSignUpToken('Your-SignUp-Token');

  BackandProvider.setAnonymousToken('Your-Anonymous-Token');

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

Guilherme Rovaron

Guilherme Rovaron   ·   a year ago

The social sign up dont work?

Guilherme Rovaron

Guilherme Rovaron   ·   a year ago

When i try to signup with facebook, console shows this error: MessageEvent {isTrusted: true} "facebook" undefined

ygal bell

ygal bell   ·   a year ago

Hi, in my environment everything work fine. If you can share your code in Github i will check it.

Mo. H

Mo. H   ·   a year ago

Social login doesn't work.

ismail

ismail   ·   a year ago

users are ok under registered users but they are not under object>users so this will never work with social or normal signup... also if you enter an item it doesn't show which user added... + other ionic starter doesn't work with user: [email protected] pwd: backhand. I was very hopeful at the beginning but no meaning without these basics.

ygal bell

ygal bell   ·   a year ago

isMail, i don't understand the issue you occur. Do you use ionic starter application, or you change to your backand application?

El Dante

El Dante   ·   a year ago

thanks backand team

JESUS ABARCA

JESUS ABARCA   ·   a year ago

I cant make the social login work. I created a new facebook app, that automatically is created with for facebook api 2.5, to test this starter but a I get this error "Facebook account authenticated but did not return an email" I configured all stuff required (app secret, redirect url, etc) So, I testes the starter with other two facebook apps that a created before for other projects using firebase. I kept the code generated by the starter untouched, and the same Backand App. I just changed the App secret and API ID and I added the redirect URL to the facebook apps. This are the results: App 1: Backand login works well. The facebook api is 2.3 App 2: Backand login fails with error "Facebook account authenticated but did not return an email". The facebook api is 2.5. This app works well with firebase social login. I'm not sure if the API version is the problem. Could you validate this starter with a freshly created facebook app?

Dior Otto

Dior Otto   ·   a year ago

When doing the Facebook Auth I notice it says "Backand Prod will receive the following info" which I believe will become very confusing to users because that is not the name of the APP they are using. Q: Can I change this to reflect my app if so how?

Charles Fairbairn

Charles Fairbairn   ·   9 months ago

You can add an item as a user and the DB reflects this by assigning it the user ID , but all users see all items...not sure how I could have installed this wrong so is this an oversight?

  ·   just now

{{ reply.comment }}



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

MAppSG

MAppSG   ·   8 months ago

hi i i have installed the app and its works fine...however when i test it on my phone and use facebook login it goes to the facebook page which prompts my username and password....is there anyway for is to work like a native login with "allow" button?

  ·   just now

{{ reply.comment }}



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

Rodrigo Rubio

Rodrigo Rubio   ·   5 months ago

ionic 2 anywhere in the horizon?

Itay

Itay   ·   5 months ago

Yes, please check this ionic 2 starter: http://market.ionic.io/starters/ionic-2-backand-starter

  ·   just now

{{ reply.comment }}



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

Bartek

Bartek   ·   a month ago

Hi all my users see all the database data. How to make users see only their entry?

  ·   just now

{{ reply.comment }}



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

jose

jose   ·   9 days ago

Good morning, can you confirm if this social login app was ported to Ionic 2?

  ·   just now

{{ reply.comment }}



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

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



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

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



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

jose

jose   ·   9 days ago

Good morning, can you confirm if this social login app was ported to Ionic 2?

  ·   just now

{{ reply.comment }}



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

Bartek

Bartek   ·   a month ago

Hi all my users see all the database data. How to make users see only their entry?

  ·   just now

{{ reply.comment }}



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

Rodrigo Rubio

Rodrigo Rubio   ·   5 months ago

ionic 2 anywhere in the horizon?

Itay

Itay   ·   5 months ago

Yes, please check this ionic 2 starter: http://market.ionic.io/starters/ionic-2-backand-starter

  ·   just now

{{ reply.comment }}



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

MAppSG

MAppSG   ·   8 months ago

hi i i have installed the app and its works fine...however when i test it on my phone and use facebook login it goes to the facebook page which prompts my username and password....is there anyway for is to work like a native login with "allow" button?

  ·   just now

{{ reply.comment }}



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

Charles Fairbairn

Charles Fairbairn   ·   9 months ago

You can add an item as a user and the DB reflects this by assigning it the user ID , but all users see all items...not sure how I could have installed this wrong so is this an oversight?

  ·   just now

{{ reply.comment }}



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

Dior Otto

Dior Otto   ·   a year ago

When doing the Facebook Auth I notice it says "Backand Prod will receive the following info" which I believe will become very confusing to users because that is not the name of the APP they are using. Q: Can I change this to reflect my app if so how?

Guilherme Rovaron

Guilherme Rovaron   ·   a year ago

When i try to signup with facebook, console shows this error: MessageEvent {isTrusted: true} "facebook" undefined

El Dante

El Dante   ·   a year ago

thanks backand team

ygal bell

ygal bell   ·   a year ago

isMail, i don't understand the issue you occur. Do you use ionic starter application, or you change to your backand application?

ismail

ismail   ·   a year ago

users are ok under registered users but they are not under object>users so this will never work with social or normal signup... also if you enter an item it doesn't show which user added... + other ionic starter doesn't work with user: [email protected] pwd: backhand. I was very hopeful at the beginning but no meaning without these basics.

Mo. H

Mo. H   ·   a year ago

Social login doesn't work.

ygal bell

ygal bell   ·   a year ago

Hi, in my environment everything work fine. If you can share your code in Github i will check it.

Guilherme Rovaron

Guilherme Rovaron   ·   a year ago

The social sign up dont work?

JESUS ABARCA

JESUS ABARCA   ·   a year ago

I cant make the social login work. I created a new facebook app, that automatically is created with for facebook api 2.5, to test this starter but a I get this error "Facebook account authenticated but did not return an email" I configured all stuff required (app secret, redirect url, etc) So, I testes the starter with other two facebook apps that a created before for other projects using firebase. I kept the code generated by the starter untouched, and the same Backand App. I just changed the App secret and API ID and I added the redirect URL to the facebook apps. This are the results: App 1: Backand login works well. The facebook api is 2.3 App 2: Backand login fails with error "Facebook account authenticated but did not return an email". The facebook api is 2.5. This app works well with firebase social login. I'm not sure if the API version is the problem. Could you validate this starter with a freshly created facebook app?

Hey there! You'll need to log in or create an account before you can leave a rating here.

André   ·     ·   a year ago

thanks guys! this app is great for start building an on app with social login!

ismail   ·     ·   a year ago

users are ok under registered users but they are not under object>users so this will never work with social or normal signup... also if you enter an item it doesn't show which user added... + other ionic starter doesn't work with user: [email protected] pwd: backhand. I was very hopeful at the beginning but no meaning without these basics.

Yael Sherman   ·     ·   a year ago

Been using it for the last couple of days and I cannot express how satisfied I am from this integration.

Darren Richardson   ·     ·   a year ago

Just tried this starter and I managed to use the social sign up and log out functionallities.

ygal bell   ·     ·   a year ago

Just tried it with iOS and everything works fine in minutes

Itay   ·     ·   a year ago

After I ran the Cordova plugin everything works fine on my Android

El Dante   ·     ·   a year ago

works great with great support.

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

El Dante    ·     ·   a year ago

works great with great support.

Itay    ·     ·   a year ago

After I ran the Cordova plugin everything works fine on my Android

ygal bell    ·     ·   a year ago

Just tried it with iOS and everything works fine in minutes

Darren Richardson    ·     ·   a year ago

Just tried this starter and I managed to use the social sign up and log out functionallities.

Yael Sherman    ·     ·   a year ago

Been using it for the last couple of days and I cannot express how satisfied I am from this integration.

ismail    ·     ·   a year ago

users are ok under registered users but they are not under object>users so this will never work with social or normal signup... also if you enter an item it doesn't show which user added... + other ionic starter doesn't work with user: [email protected] pwd: backhand. I was very hopeful at the beginning but no meaning without these basics.

André    ·     ·   a year ago

thanks guys! this app is great for start building an on app with social login!