angular-facebook - GitLite

KO | EN

gitlite — search

#python #react #machine-learning #rust #deep-learning #nodejs #windows #awesome #cli #kubernetes #awesome-list #pytorch #ios #open-source

angular-facebook

(★ 535)

An Angularjs module to take approach of Facebook javascript sdk.

파일 탐색기

최종 버전 다운로드 (.zip)

- angular-facebook-phonegap.js
- angular-facebook.js
- angular-facebook.min.js
- angular-facebook-phonegap.js
- angular-facebook.js
- - login.spec.js
- - module.spec.js
  - provider.spec.js
  - service.spec.js
- index.html
.bowerrc
.gitattributes
.gitignore
.jshintrc
.travis.yml
bower.json
gulpfile.js
karma.conf.js
LICENSE
package.json
protractor.config.js
README.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/luiscarlosjayk/angular-facebook

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd angular-facebook

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Angular-Facebook [![Build Status](http://img.shields.io/travis/Ciul/angular-facebook.svg?style=flat)](https://travis-ci.org/Ciul/angular-facebook) [![npm version](https://badge.fury.io/js/angularjs-facebook.svg)](http://badge.fury.io/js/angularjs-facebook) [![Bower version](https://badge.fury.io/bo/angular-facebook.svg)](http://badge.fury.io/bo/angular-facebook)
==================

> An AngularJS module based approach to the [Facebook Javascript SDK](https://developers.facebook.com/docs/reference/javascript/).

## Demo

[Sample application](http://plnkr.co/edit/mA7dzreUlqqTJZqodAzv?p=preview).

## Install

install with bower
```bash
bower install angular-facebook
```
or download the [master.zip](https://github.com/Ciul/angular-facebook/archive/master.zip)

## Usage

You first have to declare the ```facebook``` module dependency inside your app module (perhaps inside your app main module).
Then you need to configure the facebook module using the 'FacebookProvider':

```javascript
angular.module('app', ['facebook'])

.config(function(FacebookProvider) {
     // Set your appId through the setAppId method or
     // use the shortcut in the initialize method directly.
     FacebookProvider.init('YOUR_APP_ID');
  })

.controller('authenticationCtrl', function($scope, Facebook) {

$scope.login = function() {
      // From now on you can use the Facebook service just as Facebook api says
      Facebook.login(function(response) {
        // Do something with response.
      });
    };

$scope.getLoginStatus = function() {
      Facebook.getLoginStatus(function(response) {
        if(response.status === 'connected') {
          $scope.loggedIn = true;
        } else {
          $scope.loggedIn = false;
        }
      });
    };

$scope.me = function() {
      Facebook.api('/me', function(response) {
        $scope.user = response;
      });
    };
  });
```

You can use the `isReady` function to get notified when the Facebook SDK is ready

```javascript
$scope.$watch(function() {
  // This is for convenience, to notify if Facebook is loaded and ready to go.
  return Facebook.isReady();
}, function(newVal) {
  // You might want to use this to disable/show/hide buttons and else
  $scope.facebookReady = true;
});
```

Development
-------------

Install all dependencies and use gulp to watch the tests

```
# Install node.js dependencies
npm install

# Install bower components
bower install

# Run karma tests
gulp watch
```

To run protractor tests you need to install protractor first. ([Protractor Setup](https://github.com/angular/protractor/blob/master/docs/tutorial.md#setup))

```
# Prepare the testapp
gulp prepare-testapp

# Run protractor tests
protractor protractor.config.js
```