Login Facebook Ionic For IOS

• Tạo ứng dụng trong developer facebook

+ BƯỚC 1: Vào https://developers.facebook.com -> đăng nhập bằng tài khoảng FB

+ BƯỚC 2: Chọn ‘Ứng dụng của tôi’ -> thêm ứng dụng mới

+ BƯỚC 3: Nhập tên ứng dụng và danh mục để tạo ID cho ứng dụng

• Thêm plugin cho ứng dụng

Chạy lệnh sau với APP_ID (ID ứng dụng) và APP_NAME vừa được tạo từ bước trên

$ ionic plugin add cordova-plugin-facebook4 --save --variable APP_ID="119041245" --variable APP_NAME="myapp"

• Thêm nền tảng cho ứng dụng

+ BƯỚC 4: Chọn ‘Cài đặt’ bên thanh menu

+ BƯỚC 5: Chọn ‘+ Thêm nền tảng’ -> IOS

+ BƯỚC 6: Tìm ‘ID gói’ trong thẻ <widget> của ‘config.xml’ điền vào trường ID

<widget android-versionCode="4" id="com.ionicframework.myapp237854" version="0.9.8c" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">

-        Bật ‘Đăng nhập một lần’

Lưu thay đổi

• Cài hask key

-       Cài đặt JDK

     http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

        Nhấn chọn Accept License Agreement -> download bản cho Mac OS X

-       

              Tạo key

keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64

       Copy kết quả hask key (28 ký tự, kết thúc dấu =)

-          Truy cập web dev fb -> đăng nhập -> click vào avarta -> cài đặt cho nhà phát triển

       Chọn tab ‘Ứng dụng mẫu’ -> dán hask key -> Lưu thay đổi

• Import Facebook native và API

loginFB(): void {

        Facebook.login(['public_profile']).then(

            (response) => {

                this.getProfile();

            }, 

            (err) => {

                let alert = this.alertCtrl.create({

                title: Error,

                subTitle: "something went wrong",

                buttons: ['OK']

        });

        alert.present();

            }

            );

    }

    getProfile(): void {

        Facebook.api('/me?fields=id,first_name,last_name,picture,email', ['public_profile', 'email']).then(

            (response) => {

                console.log(response);

                this.fb_fbid = response.id;

                this.fb_username = response.username;

                this.fb_picture = response.picture.url;

            },

           (err) => {

                let alert = this.alertCtrl.create({

                title: Error,

                subTitle: "something went wrong",

                buttons: ['OK']

        });

        alert.present();

            }

            );

    }