Skip to content

Instantly share code, notes, and snippets.

@hungdev
Last active October 28, 2018 12:11
Show Gist options
  • Select an option

  • Save hungdev/35f0d7bc4a516581110fe6e00bcf634a to your computer and use it in GitHub Desktop.

Select an option

Save hungdev/35f0d7bc4a516581110fe6e00bcf634a to your computer and use it in GitHub Desktop.
setup login fb react native

Setup login fb cho Android app

các bước vẫn làm theo docs:

https://github.com/facebook/react-native-fbsdk#2-install-javascript-packages

b1:

npm install react-native-fbsdk react-native link react-native-fbsdk

b2: vẫn config như của nó, nghĩa là nó thiếu cái gì ở bước 2 thì bước 3 copy y nguyên( chú ý copy của ver 29 trở lên)

https://github.com/facebook/react-native-fbsdk#3-configure-native-projects

chú ý: là implementation chứ ko phải compile ( lệnh link nó là compile, mình phải chuyển thành implementation )

implementation 'com.facebook.android:facebook-android-sdk:4.34.0'
implementation project(':react-native-fbsdk')

vẫn chưa config xong. nếu chạy lệnh react-native run-android là crash app.

phải vào đây: https://developers.facebook.com/quickstarts

để setup tiếp cho fb app id. xem video này: https://youtu.be/mEKpjN1pm2s?t=485

publish key phải dùng lệnh khác

chú ý: nếu setup xong mà chạy react-native run-android mà nó hiện modal login xong tắt luôn thì đổi máy ảo và login nick fb khác

Đối với việc change id cho khách thì chỉ việc set up ở https://developers.facebook.com/quickstarts của khách, và đổi id fb trong string.xml

============================================================================================================

Setup login fb cho IOS app:

xem video hướng dẫn: https://youtu.be/rAXVKapP5cM?t=157

làm theo các bước ở link này

https://developers.facebook.com/quickstarts/

Download the SDK giải nén ra để ở ~/Documents/FacebookSDK ( folder down về sẽ có dạng FacebookSDKs-iOS-4.38.0.zip, lúc giải nén ra thì nó cũng như này FacebookSDKs-iOS-4.38.0, mình phải xóa đuôi đằng sau đi và chỉ để là FacebookSDK, và copy vào Documents)

Mở xcode ra, Mở cái folder FacebookSDK trong Documents, chọn những file này: Bolts.framework, FBSDKCoreKit.Framework, FBSDKLoginKit.Framework, FBSDKShareKit.Framework, kéo vô vào cái folder Frameworks ( nếu chưa có thì phải tạo)

lúc kéo vào thì nó có hiện 1 cái thông báo, tick vào theo thứ tự 1-2-1. ( như video)

vào Build Settings => Framework Search Paths, ấn vào dòng Framework Search Paths, nó hiện cái modal , kéo cả cái folder FacebookSDK trong Documents vào dòng dưới cùng của cái modal đó.

Mục Supply us with your Bundle Identifier

Vào general của xcode copy cả bundle Identifier vào Bundle Identifier trong https://developers.facebook.com/quickstarts/

Configure your info.plist

Right-click your .plist file and choose "Open As Source Code".

copy đoạn snippet đầu vào dưới cái thẻ <false/> cuối cùng, trước cái </dict>

copy đoạn code snippet thứ 2 vào tiếp sau đoạn snippet thứ nhất.

Vào file AppDelegate.m

paste: #import <FBSDKCoreKit/FBSDKCoreKit.h> vào dưới #import "AppDelegate.h"

copy đoạn này:

  [[FBSDKApplicationDelegate sharedInstance] application:application
                           didFinishLaunchingWithOptions:launchOptions];

vào dưới dòng rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

và copy đoạn này:

- (BOOL)application:(UIApplication *)application
            openURL:(NSURL *)url
  sourceApplication:(NSString *)sourceApplication
         annotation:(id)annotation {
  return [[FBSDKApplicationDelegate sharedInstance] application:application
                                                         openURL:url
                                               sourceApplication:sourceApplication
                                                      annotation:annotation];
}

vào dưới cái } cuối cùng trước cái @end

xong run xcode.

Chú ý, nếu login mà nó vẫn hiện modal login nhưng login xong báo faild thì xóa item trong app web (https://www.facebook.com/settings?tab=applications), và đổi máy ảo khác.

Đối với việc change id cho khách thì chỉ việc set up ở https://developers.facebook.com/quickstarts của khách, và đổi id fb bằng cách thực hiện đổi đoạn snippet đầu tiên trong .plist

===== chú ý: với android việc release thì phải dùng lệnh generate key khác có trong https://developers.facebook.com/quickstarts/ ở gần cuối. còn với ios thì chú ý cái bundle Identifier và change info plist

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment