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:
8 years ago
Updated:
7 years 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 before you can leave a comment here.

Guilherme Rovaron

Guilherme Rovaron   ·   8 years ago

The social sign up dont work?

Guilherme Rovaron

Guilherme Rovaron   ·   8 years ago

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

ygal bell

ygal bell   ·   8 years ago

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

Mohammad Hoque

Mohammad Hoque   ·   8 years ago

Social login doesn't work.

ismail

ismail   ·   8 years 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: ionic@backand.com pwd: backhand. I was very hopeful at the beginning but no meaning without these basics.

ygal bell

ygal bell   ·   8 years 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   ·   8 years ago

thanks backand team

JESUS ABARCA

JESUS ABARCA   ·   8 years 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   ·   8 years 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   ·   8 years 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 before you can leave a comment here.

MAppSG

MAppSG   ·   8 years 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 before you can leave a comment here.

Rodrigo Rubio

Rodrigo Rubio   ·   7 years ago

ionic 2 anywhere in the horizon?

Itay

Itay   ·   7 years 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 before you can leave a comment here.

Bartek

Bartek   ·   7 years ago

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

Itay

Itay   ·   7 years ago

Hi, you can add security filter rules, read more here: http://docs.backand.com/#filter-and-predefined-filter

  ·   just now

{{ reply.comment }}



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

jose

jose   ·   7 years ago

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

Itay

Itay   ·   7 years ago

Yes, you can find it here: https://market.ionic.io/starters/ionic-2-backand-starter

  ·   just now

{{ reply.comment }}



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

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



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

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



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

jose

jose   ·   7 years ago

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

Itay

Itay   ·   7 years ago

Yes, you can find it here: https://market.ionic.io/starters/ionic-2-backand-starter

  ·   just now

{{ reply.comment }}



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

Bartek

Bartek   ·   7 years ago

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

Itay

Itay   ·   7 years ago

Hi, you can add security filter rules, read more here: http://docs.backand.com/#filter-and-predefined-filter

  ·   just now

{{ reply.comment }}



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

Rodrigo Rubio

Rodrigo Rubio   ·   7 years ago

ionic 2 anywhere in the horizon?

Itay

Itay   ·   7 years 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 before you can leave a comment here.

MAppSG

MAppSG   ·   8 years 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 before you can leave a comment here.

Charles Fairbairn

Charles Fairbairn   ·   8 years 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 before you can leave a comment here.

Dior Otto

Dior Otto   ·   8 years 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   ·   8 years ago

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

El Dante

El Dante   ·   8 years ago

thanks backand team

ygal bell

ygal bell   ·   8 years 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   ·   8 years 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: ionic@backand.com pwd: backhand. I was very hopeful at the beginning but no meaning without these basics.

Mohammad Hoque

Mohammad Hoque   ·   8 years ago

Social login doesn't work.

ygal bell

ygal bell   ·   8 years ago

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

Guilherme Rovaron

Guilherme Rovaron   ·   8 years ago

The social sign up dont work?

JESUS ABARCA

JESUS ABARCA   ·   8 years 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 before you can leave a rating here.

André   ·     ·   8 years ago

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

ismail   ·     ·   8 years 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: ionic@backand.com pwd: backhand. I was very hopeful at the beginning but no meaning without these basics.

Yael Sherman   ·     ·   8 years ago

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

Darren Richardson   ·     ·   8 years ago

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

ygal bell   ·     ·   8 years ago

Just tried it with iOS and everything works fine in minutes

Itay   ·     ·   8 years ago

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

El Dante   ·     ·   8 years ago

works great with great support.

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

El Dante    ·     ·   8 years ago

works great with great support.

Itay    ·     ·   8 years ago

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

ygal bell    ·     ·   8 years ago

Just tried it with iOS and everything works fine in minutes

Darren Richardson    ·     ·   8 years ago

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

Yael Sherman    ·     ·   8 years ago

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

ismail    ·     ·   8 years 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: ionic@backand.com pwd: backhand. I was very hopeful at the beginning but no meaning without these basics.

André    ·     ·   8 years ago

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