Sign in Subscribe

Bikin Aplikasi iOS Kamu Bisa Login Pakai Sign in with Apple.

Angga Pixa

Angga Pixa

— 8 min read
Bikin Aplikasi iOS Kamu Bisa Login Pakai Sign in with Apple.
Photo by Harsh Kumar/Unsplash

Siapa sih yang nggak pengen aplikasinya makin kece dan dipakai banyak orang? Nah, salah satu fitur yang wajib banget kamu pertimbangkan buat aplikasi iOS kamu adalah "Sign In with Apple". Fitur ini bukan cuma nambah keren tampilan aplikasi kamu, tapi juga bikin pengalaman pengguna jadi makin mulus, aman, dan pastinya privacy-friendly. Di era digital yang serba hati-hati sama data pribadi ini, "Sign In with Apple" jadi solusi cerdas buat para developer yang peduli sama penggunanya.

Sebagai tim marketing dari Javapixa Creative Studio, kami sering banget nemu klien yang pengen aplikasi mereka nggak cuma fungsional, tapi juga punya daya saing. Implementasi fitur login modern kayak gini adalah salah satu caranya. Jadi, yuk langsung aja kita bedah gimana sih caranya bikin aplikasi iOS kamu bisa pakai "Sign In with Apple" dengan gampang dan efektif.

Kenapa Sih "Sign In with Apple" Itu Wajib Banget Ada?

Mungkin kamu mikir, "Kan udah ada login pakai Google atau Facebook, kenapa mesti nambah lagi 'Sign In with Apple'?" Eits, jangan salah. Fitur ini punya segudang keunggulan yang bisa bikin aplikasi kamu naik kelas:

  1. Privasi Nomor Satu: Ini dia poin utamanya. Apple terkenal banget dengan komitmennya terhadap privasi pengguna. Dengan "Sign In with Apple", pengguna bisa pilih buat pakai email asli mereka atau pakai "Hide My Email" yang nge-generate email relay unik dari Apple. Jadi, email asli mereka nggak bakal bocor ke aplikasi kamu. Ini jelas banget naikin kepercayaan pengguna terhadap aplikasi kamu. Mereka merasa aman datanya terjaga.
  2. Kemudahan Tanpa Tanding: Pengguna iPhone atau iPad udah familiar banget sama Apple ID mereka. Jadi, buat login ke aplikasi kamu, mereka nggak perlu lagi bikin akun baru, inget password baru, atau bahkan ngetik apa-apa. Cukup sekali tap, pakai Face ID atau Touch ID, beres! Ini mengurangi friksi yang sering bikin calon pengguna males daftar.
  3. Keamanan Berlapis: Sistem keamanan Apple udah nggak perlu diraguin lagi. Dengan "Sign In with Apple", kamu otomatis dapat benefit dari otentikasi dua faktor (2FA) yang diaktifkan oleh Apple ID pengguna. Ini bikin aplikasi kamu jauh lebih aman dari upaya peretasan atau penyalahgunaan akun.
  4. Wajib Hukumnya (untuk beberapa kasus): Apple punya aturan. Kalau aplikasi kamu udah nawarin opsi login pihak ketiga (kayak Google atau Facebook), kamu wajib juga nyediain "Sign In with Apple". Jadi, mau nggak mau, kalau kamu pengen aplikasi kamu ada di App Store dengan fitur login pihak ketiga, kamu harus implementasi ini.
  5. Branding dan Profesionalisme: Adanya "Sign In with Apple" menunjukkan kalau aplikasi kamu itu modern, up-to-date, dan menghargai privasi pengguna. Ini nambah poin plus di mata pengguna dan bikin aplikasi kamu terlihat lebih profesional.

Di Javapixa Creative Studio, kami selalu menekankan pentingnya pengalaman pengguna yang seamless dan keamanan data. Oleh karena itu, "Sign In with Apple" adalah salah satu rekomendasi utama kami buat setiap proyek aplikasi iOS. Kami memastikan implementasinya nggak cuma berfungsi, tapi juga terintegrasi dengan baik di seluruh ekosistem aplikasi kamu.

Persiapan Sebelum Ngoding: Jangan Sampai Ketinggalan!

Oke, sebelum kita nyelam ke baris-baris kode, ada beberapa hal yang perlu kamu siapkan. Anggap aja ini pemanasan biar lari maraton ngodingnya lancar:

  1. Akun Apple Developer Program: Pastikan kamu udah punya akun ini dan aktif. Tanpa ini, kamu nggak bisa pakai layanan Apple Developer, termasuk mengaktifkan "Sign In with Apple" buat App ID kamu.
  2. Xcode Terbaru: Selalu gunakan Xcode versi terbaru. Apple sering update API dan fitur-fitur baru, jadi pakai yang paling mutakhir biar nggak ada isu kompatibilitas.
  3. Identifikasi Aplikasi (App ID): Di portal Apple Developer, kamu perlu masuk ke bagian "Certificates, Identifiers & Profiles". Cari App ID aplikasi kamu (atau bikin baru kalau belum ada). Di sana, kamu harus mengaktifkan "Sign In with Apple" di bagian "Capabilities". Ini penting banget karena tanpa ini, aplikasi kamu nggak bakal bisa pakai fitur tersebut.
  4. Entitlements File: Setelah mengaktifkan capability di App ID, Xcode akan otomatis nambahin com.apple.developer.applesignin ke file entitlements aplikasi kamu. Pastikan ini ada.
  5. Backend Support (Penting!): "Sign In with Apple" nggak cuma urusan frontend iOS doang, tapi juga butuh dukungan backend. Setelah pengguna berhasil otentikasi di sisi iOS, kamu akan dapat identityToken dan authorizationCode. Ini yang perlu kamu kirim ke backend kamu. Backend kamu nanti yang akan validasi token ini ke server Apple buat memastikan kalau itu asli dan buat ambil informasi user (kalau ada). Jadi, pastikan tim backend kamu siap buat menerima dan memproses data ini. Javapixa Creative Studio sangat ahli dalam mengembangkan backend yang kuat dan terintegrasi penuh, jadi kamu nggak perlu pusing mikirin validasi server-side ini.

Kalau semua udah siap, berarti kita udah di garis start. Yuk, langsung aja kita mulai ngodingnya!

Implementasi "Sign In with Apple" di Aplikasi iOS Kamu

Kita akan pakai framework AuthenticationServices yang udah disediain sama Apple. Ini bikin prosesnya jadi lebih mudah.

Langkah 1: Tampilan Tombol (UI Integration)

Apple menyediakan tombol khusus buat "Sign In with Apple" yang udah distyling sesuai pedoman Human Interface Guidelines. Kita sangat disarankan pakai tombol ini biar konsisten sama pengalaman pengguna Apple.

swift
import AuthenticationServices
import SwiftUI // Kalau pakai SwiftUI
// import UIKit // Kalau pakai UIKit// Contoh di SwiftUI
struct LoginView: View {
    var body: some View {
        VStack {
            Spacer()
            SignInWithAppleButton(
                .continue, // Atau .signIn, .signUp
                onRequest: { request in
                    // Apa yang diminta dari Apple
                    request.requestedScopes = [.fullName, .email]
                },
                onCompletion: { result in
                    // Apa yang terjadi setelah berhasil atau gagal
                    switch result {
                    case .success(let authorization):
                        guard let appleIDCredential = authorization.credential as? ASAuthorizationAppleIDCredential else {
                            print("Error: Credential is not ASAuthorizationAppleIDCredential")
                            return
                        }
                        
                        // Proses kredensial
                        handleSignInWithApple(credential: appleIDCredential)
                        
                    case .failure(let error):
                        print("Sign in with Apple failed: \(error.localizedDescription)")
                    }
                }
            )
            .signInWithAppleButtonStyle(.black) // Atau .white, .whiteOutline
            .frame(width: 280, height: 45) // Atur ukuran tombol
            .padding()
            Spacer()
        }
    }
    
    // Fungsi untuk memproses kredensial
    func handleSignInWithApple(credential: ASAuthorizationAppleIDCredential) {
        let userIdentifier = credential.user // ID unik pengguna dari Apple
        let fullName = credential.fullName // Nama lengkap (hanya di sign-in pertama)
        let email = credential.email // Email (hanya di sign-in pertama)
        
        // Token yang akan dikirim ke backend untuk validasi
        guard let identityToken = credential.identityToken,
              let authorizationCode = credential.authorizationCode else {
            print("Error: Missing identityToken or authorizationCode")
            return
        }
        
        let identityTokenString = String(data: identityToken, encoding: .utf8)
        let authorizationCodeString = String(data: authorizationCode, encoding: .utf8)
        
        print("User ID: \(userIdentifier)")
        print("Full Name: \(fullName?.givenName ?? "") \(fullName?.familyName ?? "")")
        print("Email: \(email ?? "N/A")")
        print("Identity Token: \(identityTokenString ?? "")")
        print("Authorization Code: \(authorizationCodeString ?? "")")
        
        // Kirim data ini ke backend kamu untuk validasi dan pembuatan akun
        // Misalnya:
        // YourBackendService.shared.sendAppleSignInData(
        //    userId: userIdentifier,
        //    fullName: fullName,
        //    email: email,
        //    identityToken: identityTokenString,
        //    authorizationCode: authorizationCodeString
        // ) { success in
        //    if success {
        //        // Login berhasil, navigasi ke halaman utama
        //    } else {
        //        // Login gagal, tampilkan pesan error
        //    }
        // }
    }
}// Contoh di UIKit (di dalam ViewController)
class LoginViewController: UIViewController, ASAuthorizationControllerDelegate, ASAuthorizationControllerPresentationContextProviding {override func viewDidLoad() {
        super.viewDidLoad()
        setupSignInWithAppleButton()
    }func setupSignInWithAppleButton() {
        let appleButton = ASAuthorizationAppleIDButton(authorizationButtonType: .signIn, authorizationButtonStyle: .black)
        appleButton.addTarget(self, action: #selector(handleSignInWithAppleTapped), for: .touchUpInside)
        
        // Tambahkan tombol ke view
        view.addSubview(appleButton)
        
        // Atur layout (contoh dengan Auto Layout)
        appleButton.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            appleButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            appleButton.centerYAnchor.constraint(equalTo: view.centerYAnchor),
            appleButton.widthAnchor.constraint(equalToConstant: 280),
            appleButton.heightAnchor.constraint(equalToConstant: 45)
        ])
    }@objc func handleSignInWithAppleTapped() {
        let appleIDProvider = ASAuthorizationAppleIDProvider()
        let request = appleIDProvider.createRequest()
        request.requestedScopes = [.fullName, .email] // Minta nama lengkap dan email
        
        let authorizationController = ASAuthorizationController(authorizationRequests: [request])
        authorizationController.delegate = self
        authorizationController.presentationContextProvider = self
        authorizationController.performRequests()
    }// MARK: - ASAuthorizationControllerDelegate// Dipanggil ketika otorisasi berhasil
    func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {
        if let appleIDCredential = authorization.credential as? ASAuthorizationAppleIDCredential {
            let userIdentifier = appleIDCredential.user
            let fullName = appleIDCredential.fullName
            let email = appleIDCredential.email
            
            guard let identityToken = appleIDCredential.identityToken,
                  let authorizationCode = appleIDCredential.authorizationCode else {
                print("Error: Missing identityToken or authorizationCode")
                return
            }
            
            let identityTokenString = String(data: identityToken, encoding: .utf8)
            let authorizationCodeString = String(data: authorizationCode, encoding: .utf8)
            
            print("User ID: \(userIdentifier)")
            print("Full Name: \(fullName?.givenName ?? "") \(fullName?.familyName ?? "")")
            print("Email: \(email ?? "N/A")")
            print("Identity Token: \(identityTokenString ?? "")")
            print("Authorization Code: \(authorizationCodeString ?? "")")
            
            // Lakukan pengiriman data ke backend di sini
            // Misalnya:
            // YourBackendService.shared.sendAppleSignInData(
            //    userId: userIdentifier,
            //    fullName: fullName,
            //    email: email,
            //    identityToken: identityTokenString,
            //    authorizationCode: authorizationCodeString
            // ) { success in
            //    if success {
            //        // Login berhasil, navigasi ke halaman utama
            //    } else {
            //        // Login gagal, tampilkan pesan error
            //    }
            // }
        }
    }// Dipanggil ketika otorisasi gagal
    func authorizationController(controller: ASAuthorizationController, didCompleteWithError error: Error) {
        print("Sign in with Apple failed: \(error.localizedDescription)")
    }// MARK: - ASAuthorizationControllerPresentationContextProviding

Penjelasan Penting:

  • requestedScopes: Ini penting banget. Kalau kamu butuh nama lengkap atau email pengguna, kamu harus minta di sini (.fullName, .email). Tapi ingat, informasi ini cuma dikasih sama Apple pas pertama kali pengguna sign in. Jadi, PASTIKAN kamu simpan informasi nama dan email ini di database backend kamu saat pertama kali sign in! Untuk sign in berikutnya, Apple nggak akan ngasih informasi ini lagi. Yang akan selalu kamu dapat adalah userIdentifier.
  • userIdentifier: Ini adalah ID unik pengguna yang diberikan oleh Apple. Ini adalah pengenal paling stabil buat pengguna kamu. Selalu simpan ini di database kamu buat mengidentifikasi pengguna.
  • identityToken dan authorizationCode: Ini adalah "kunci" yang kamu butuhkan buat berkomunikasi dengan backend. Kamu harus mengirimkan identityToken dan authorizationCode ini ke backend kamu. Backend kamu yang nanti akan memvalidasi kedua token ini ke server Apple buat memastikan otentikasinya sah dan buat mengambil data pengguna yang terenkripsi. Ini adalah langkah keamanan krusial, jadi jangan sampai dilewatin!

Langkah 2: Menangani Sesi Pengguna dan Perubahan Status

Oke, pengguna udah berhasil login. Tapi gimana kalau suatu saat mereka mencabut akses aplikasi kamu dari pengaturan Apple ID mereka? Atau mereka ganti Apple ID? Aplikasi kamu harus bisa menangani skenario ini.

Apple menyediakan cara buat mengecek status kredensial pengguna dan juga notifikasi kalau statusnya berubah:

  1. Mengecek Status Kredensial:

Kamu bisa mengecek status kredensial pengguna kapan pun, misalnya pas aplikasi baru dibuka, buat memastikan sesi pengguna masih valid.

swift
    import AuthenticationServices

Kamu bisa panggil fungsi ini pas application(:didFinishLaunchingWithOptions:) atau viewDidAppear(:) buat ngecek apakah pengguna masih terotorisasi.

  1. Menerima Notifikasi Perubahan Status:

Apple bisa mengirimkan notifikasi kalau kredensial Apple ID pengguna dicabut atau diubah. Kamu bisa mendaftarkan observer buat notifikasi ini.

swift
    // Di dalam AppDelegate atau di mana pun yang relevan
    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // ... kode lainnya
        
        // Daftarkan observer untuk notifikasi perubahan status kredensial
        NotificationCenter.default.addObserver(self,
                                               selector: #selector(handleSignInWithAppleStateChanged),
                                               name: ASAuthorizationAppleIDProvider.credentialRevokedNotification,
                                               object: nil)
        return true
    }

Ini penting banget buat menjaga keamanan dan konsistensi sesi pengguna. Kalau pengguna mencabut akses, aplikasi kamu harus segera bertindak. Javapixa Creative Studio selalu memastikan alur penanganan sesi ini terimplementasi dengan baik, jadi aplikasi kamu selalu aman dan update.

Best Practices dan Tips dari Javapixa Creative Studio

Implementasi "Sign In with Apple" nggak cuma soal nambahin kode, tapi juga gimana kamu mengintegrasikannya dengan baik dan aman. Berikut beberapa tips dari kami:

  1. Selalu Simpan userIdentifier: Ini adalah kunci utama. userIdentifier adalah ID stabil yang Apple berikan buat setiap pengguna di aplikasi kamu. Gunakan ini sebagai Primary Key di database kamu buat pengguna yang login pakai "Sign In with Apple".
  2. Tangani Data Awal dengan Bijak: Ingat, fullName dan email cuma diberikan di sign-in pertama. Jadi, PASTIKAN kamu menyimpan informasi ini di backend kamu saat itu juga. Kalau kamu nggak simpan, kamu nggak akan bisa dapetin lagi di sesi berikutnya.
  3. Validasi di Backend itu Wajib: Jangan pernah percaya data yang datang langsung dari client-side. Selalu kirim identityToken dan authorizationCode ke backend kamu. Backend kamu lah yang bertanggung jawab buat memvalidasi token ini ke server Apple. Ini langkah krusial buat mencegah penipuan atau otorisasi palsu. Javapixa Creative Studio punya tim backend developer yang sangat berpengalaman dalam membangun API yang aman dan teruji buat skenario otentikasi seperti ini.
  4. Error Handling yang Baik: Jangan biarkan aplikasi kamu crash atau diem aja kalau ada error. Tampilkan pesan error yang jelas dan membantu pengguna. Misalnya, "Sign In with Apple gagal. Coba lagi atau gunakan metode lain."
  5. UI/UX yang Jelas: Letakkan tombol "Sign In with Apple" di tempat yang mudah dilihat dan diakses. Ikuti pedoman desain Apple buat ukuran dan gaya tombol.
  6. Pengujian Menyeluruh: Tes semua skenario:

* Sign in pertama kali (saat fullName dan email diberikan). * Sign in kedua dan seterusnya (saat fullName dan email tidak diberikan). * Pengguna mencabut akses dari pengaturan Apple ID. * Pengguna memilih "Hide My Email". * Error network.

  1. Gabungkan dengan Sistem Login Lain: Kalau kamu juga pakai login pakai email/password atau login pihak ketiga lainnya, pastikan pengguna bisa menautkan akun Apple mereka ke akun yang sudah ada (kalau memang logikanya begitu di aplikasi kamu). Ini bikin pengalaman pengguna lebih fleksibel.

Dengan menerapkan tips-tips ini, kamu nggak cuma bikin "Sign In with Apple" berfungsi, tapi juga bikin fitur ini jadi aset berharga buat aplikasi kamu. Javapixa Creative Studio selalu mengedepankan kualitas dan keamanan dalam setiap pengembangan aplikasi, jadi kamu bisa yakin aplikasi kamu akan kokoh dan terpercaya.

Siap Bikin Aplikasi Kamu Makin Canggih? Javapixa Creative Studio Siap Membantu!

Melihat semua detail dan langkah-langkah di atas, mungkin kamu merasa "Wah, ribet juga ya ternyata." Tenang aja, kamu nggak sendirian! Implementasi fitur keamanan dan otentikasi memang butuh ketelitian dan pemahaman mendalam tentang API dan backend.

Di Javapixa Creative Studio, kami punya tim developer iOS dan backend yang sangat berpengalaman dalam mengintegrasikan berbagai fitur kompleks, termasuk "Sign In with Apple". Kami akan bantu kamu mulai dari konfigurasi awal, penulisan kode yang bersih dan efisien, hingga memastikan backend kamu siap memproses data otentikasi dengan aman.

Kami nggak cuma fokus bikin aplikasi yang berfungsi, tapi juga aplikasi yang performatif, aman, dan punya pengalaman pengguna yang luar biasa. Dengan Javapixa Creative Studio, aplikasi iOS kamu nggak cuma tampil modern, tapi juga benar-benar mengutamakan privasi dan kenyamanan penggunanya.

Jadi, kalau kamu pengen aplikasi iOS kamu punya fitur "Sign In with Apple" yang sempurna, atau ada ide aplikasi lain yang butuh sentuhan profesional, jangan ragu buat hubungi Javapixa Creative Studio. Kami siap jadi partner terbaik kamu buat mewujudkan aplikasi impian yang siap bersaing di App Store! Yuk, kita bikin aplikasi kamu jadi makin kece bareng Javapixa Creative Studio!

Read more