ionic2-native-facebook-login - GitLite

KO | EN

gitlite — search

#react #typescript #go #golang #machine-learning #deep-learning #windows #awesome #kubernetes #awesome-list #vue #pytorch #ios #open-source

ionic2-native-facebook-login

(★ 61)

Ionic2 app to show how to use native Facebook sign-in

File Explorer

Download Latest Version (.zip)

- - app.core.scss
  - app.ios.scss
  - app.md.scss
  - app.variables.scss
- app.js
- - 010_add_platform_class.js
- README.md
- icon.png
- splash.png
- index.html
.gitignore
config.xml
ionic.config.js
package.json
README.md
tsconfig.json
webpack.config.js

# Installation Guide

1. Get the code

git clone https://github.com/fuffenz/ionic2-native-facebook-login

Downloads the entire project code from GitHub to your computer.

cd ionic2-native-facebook-login

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

$ npm install

Downloads and installs the libraries listed in package.json.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ionic2-native-facebook-login

> A simple app to show how to use native Facebook sign-in in Ionic 2.

## Installation

I assume that you know how to build an Ionic2 app and that you have registered your Facebook app with Facebook and have an `APP_ID` and `APP_NAME` [https://developers.facebook.com/apps](https://developers.facebook.com/apps).

Clone this repo:

```bash
$ git clone git@github.com:fuffenz/ionic2-native-facebook-login.git
```

CD into your new folder

```bash
$ cd ionic2-native-facebook-login
```

Add a cordova plugin for Facebook SDK.  Make sure to use your own APP_ID and APP_NAME:
 
```bash
$ cordova plugin add cordova-plugin-facebook4 --save --variable APP_ID="123456789" --variable APP_NAME="myApp"
```

Add inappbrowser.  If your app is used on a phone without the Facebook app, authorization will happen in a browser.

```bash
$ cordova plugin add --save cordova-plugin-inappbrowser
```

Add the Cordova whitelist to make sure your app can talk to other sites.  Notice that there is also a Content-Security-Policy in index.html. The one in this demo allows pretty much anything.

```bash
$ cordova plugin add --save cordova-plugin-whitelist 
```
 
Add your platform 
 
```bash
$ ionic platform add android 
```

Finally, update node modules, build your app and run it on a device.
  
```bash
$ npm install
$ ionic build android
$ ionic run android    
```

YES. You need to run it on a device.  NO, you can NOT test this in a browser with "ionic serve".