facebook login 다운로드 - facebook login 소스코드 다운로드

페이스북 로그인

@capacitor-community/facebook-login

기본 Facebook 로그인을 위한 커패시터 커뮤니티 플러그인.

유지관리자

유지관리자	GitHub	사회의	후원기업
마사히코 사카키바라	rdlabo	@rdlabo	관계 디자인 라보, 일반 INC. 협회

기여자

contributors-img로 제작되었습니다.

데모

데모 코드는 여기에 있습니다.

종속성 버전

페이스북 라이브러리 버전을 알고 싶다면 다음을 확인해야 합니다:

iOS
기계적 인조 인간

설치

% npm i --save @capacitor-community/facebook-login
% npx cap update

버전

Capacitor v5 사용자는 플러그인 버전 v5를 사용해야 합니다.

% npm install @capacitor-community/facebook-login@5

안드로이드 구성

android/app/src/main/AndroidManifest.xml 파일에서 <manifest><application> 아래에 다음 XML 요소를 추가합니다.

< meta-data android : name = " com.facebook.sdk.ApplicationId " android : value = " @string/facebook_app_id " />
< meta-data android : name = " com.facebook.sdk.ClientToken " android : value = " @string/facebook_client_token " />

android/app/src/main/res/values/strings.xml 파일에 다음 줄을 추가합니다.

< string name = " facebook_app_id " >[APP_ID]</ string >
< string name = " facebook_client_token " >[CLIENT_TOKEN]</ string >

[APP_ID] 및 [CLIENT_TOKEN] Facebook 애플리케이션 ID로 바꾸는 것을 잊지 마세요.

자세한 내용은 여기에서 확인할 수 있습니다: https://developers.facebook.com/docs/android/getting-started

문제가 있는 경우.

Android Studio를 다시 시작하고 클린 빌드를 수행하세요.

iOS 구성

ios/App/App/AppDelegate.swift 파일에서 다음을 추가하거나 교체하세요:

import UIKit
import Capacitor
import FBSDKCoreKit

@ UIApplicationMain
class AppDelegate : UIResponder , UIApplicationDelegate {

    var window : UIWindow ?

    func application ( _ application : UIApplication , didFinishLaunchingWithOptions launchOptions : [ UIApplication . LaunchOptionsKey : Any ] ? ) -> Bool {
        // Override point for customization after application launch.
        FBSDKCoreKit . ApplicationDelegate . shared . application (
            application ,
            didFinishLaunchingWithOptions : launchOptions
        )

        return true
    }

    ...

    func application ( _ app : UIApplication , open url : URL , options : [ UIApplication . OpenURLOptionsKey : Any ] = [ : ] ) -> Bool {
        // Called when the app was launched with a url. Feel free to add additional processing here,
        // but if you want the App API to support tracking app url opens, make sure to keep this call
        if ( FBSDKCoreKit . ApplicationDelegate . shared . application (
            app ,
            open : url ,
            sourceApplication : options [ UIApplication . OpenURLOptionsKey . sourceApplication ] as? String ,
            annotation : options [ UIApplication . OpenURLOptionsKey . annotation ]
        ) ) {
            return true;
        } else {
            return ApplicationDelegateProxy . shared . application ( app , open : url , options : options )
        }
    }
}

가장 바깥쪽 <dict> 내부의 ios/App/App/info.plist 파일에 다음을 추가합니다.

< key >CFBundleURLTypes</ key >
< array >
    < dict >
        < key >CFBundleURLSchemes</ key >
        < array >
            < string >fb[APP_ID]</ string >
        </ array >
    </ dict >
</ array >
< key >FacebookAppID</ key >
< string >[APP_ID]</ string >
< key >FacebookClientToken</ key >
< string >[CLIENT_TOKEN]</ string >
< key >FacebookDisplayName</ key >
< string >[APP_NAME]</ string >
< key >LSApplicationQueriesSchemes</ key >
< array >
    < string >fbapi</ string >
    < string >fbapi20130214</ string >
    < string >fbapi20130410</ string >
    < string >fbapi20130702</ string >
    < string >fbapi20131010</ string >
    < string >fbapi20131219</ string >
    < string >fbapi20140410</ string >
    < string >fbapi20140116</ string >
    < string >fbapi20150313</ string >
    < string >fbapi20150629</ string >
    < string >fbapi20160328</ string >
    < string >fbauth</ string >
    < string >fb-messenger-share-api</ string >
    < string >fbauth2</ string >
    < string >fbshareextension</ string >
</ array >

자세한 내용은 여기에서 확인할 수 있습니다: https://developers.facebook.com/docs/facebook-login/ios

웹 구성

 import { FacebookLogin } from '@capacitor-community/facebook-login' ;

// use hook after platform dom ready
await FacebookLogin . initialize ( { appId : '105890006170720' } ) ;

자세한 내용은 여기에서 확인할 수 있습니다: https://developers.facebook.com/docs/facebook-login/web 그리고 https://github.com/rdlabo/capacitor-facebook-login/blob/master에서 반환 유형을 확인해야 합니다. /src/web.ts#L55-L57 기본 웹 페이스북 로그인 유형이 다릅니다!

예

 import {
  FacebookLogin ,
  FacebookLoginResponse ,
} from '@capacitor-community/facebook-login' ;

const FACEBOOK_PERMISSIONS = [
  'email' ,
  'user_birthday' ,
  'user_photos' ,
  'user_gender' ,
] ;
const result = await ( < FacebookLoginResponse > (
  FacebookLogin . login ( { permissions : FACEBOOK_PERMISSIONS } )
) ) ;

if ( result . accessToken ) {
  // Login successful.
  console . log ( `Facebook access token is ${ result . accessToken . token } ` ) ;
}

로그아웃

 import { FacebookLogin } from '@capacitor-community/facebook-login' ;

await FacebookLogin . logout ( ) ;

현재액세스토큰

 import {
  FacebookLogin ,
  FacebookLoginResponse ,
} from '@capacitor-community/facebook-login' ;

const result = await ( < FacebookLoginResponse > (
  FacebookLogin . getCurrentAccessToken ( )
) ) ;

if ( result . accessToken ) {
  console . log ( `Facebook access token is ${ result . accessToken . token } ` ) ;
}

프로필 가져오기

 import {
  FacebookLogin ,
  FacebookLoginResponse ,
} from '@capacitor-community/facebook-login' ;

const result = await FacebookLogin . getProfile < {
  email : string ;
} > ( { fields : [ 'email' ] } ) ;

console . log ( `Facebook user's email is ${ result . email } ` ) ;

API

initialize(...)
login(...)
logout()
reauthorize()
getCurrentAccessToken()
getProfile(...)
logEvent(...)
setAutoLogAppEventsEnabled(...)
setAdvertiserTrackingEnabled(...)
setAdvertiserIDCollectionEnabled(...)
인터페이스
유형 별칭

초기화(...)

 initialize ( options : Partial < FacebookConfiguration > ) => Promise < void >

파람	유형
`options`	`Partial<FacebookConfiguration>`

로그인(...)

 login ( options : { permissions : string [ ] ; } ) = > Promise < FacebookLoginResponse >

파람	유형
`options`	`{ permissions: string[]; }`

반환: Promise<FacebookLoginResponse>

로그아웃()

 logout ( ) = > Promise < void >

재승인()

 reauthorize ( ) = > Promise < FacebookLoginResponse >

반환: Promise<FacebookLoginResponse>

getCurrentAccessToken()

 getCurrentAccessToken ( ) = > Promise < FacebookCurrentAccessTokenResponse >

반환: Promise<FacebookCurrentAccessTokenResponse>

프로필 가져오기(...)

 getProfile < T extends Record < string , unknown > > ( options : { fields : readonly string [ ] ; } ) => Promise < T >

파람	유형
`options`	`{ fields: readonly string[]; }`

반환: Promise<T>

로그이벤트(...)

 logEvent ( options : { eventName : string ; } ) = > Promise < void >

파람	유형
`options`	`{ eventName: string; }`

setAutoLogAppEventsEnabled(...)

 setAutoLogAppEventsEnabled ( options : { enabled : boolean ; } ) = > Promise < void >

파람	유형
`options`	`{ enabled: boolean; }`

setAdvertiserTrackingEnabled(...)

 setAdvertiserTrackingEnabled ( options : { enabled : boolean ; } ) = > Promise < void >

파람	유형
`options`	`{ enabled: boolean; }`

setAdvertiserIDCollectionEnabled(...)

 setAdvertiserIDCollectionEnabled ( options : { enabled : boolean ; } ) = > Promise < void >

파람	유형
`options`	`{ enabled: boolean; }`

인터페이스

Facebook구성

소품	유형
`appId`	`string`
`autoLogAppEvents`	`boolean`
`xfbml`	`boolean`
`version`	`string`
`locale`	`string`

Facebook로그인응답

소품	유형
`accessToken`	`AccessToken \| null`
`recentlyGrantedPermissions`	`string[]`
`recentlyDeniedPermissions`	`string[]`

액세스토큰

소품	유형
`applicationId`	`string`
`declinedPermissions`	`string[]`
`expires`	`string`
`isExpired`	`boolean`
`lastRefresh`	`string`
`permissions`	`string[]`
`token`	`string`
`userId`	`string`