Menyelesaikan Isu Log Masuk Instagram dengan ASWebAuthenticationSession dalam Swift

Mengendalikan Log Masuk Instagram dalam Swift dengan ASWebAuthenticationSession

Penyelesaian ini menggunakan rangka kerja SwiftUI dan Apple AuthenticationServices untuk mengendalikan isu log masuk Instagram.

import SwiftUI
import AuthenticationServices

struct InstagramLoginView: View {
    @State private var authSession: ASWebAuthenticationSession?
    @State private var token: String = ""
    @State private var showAlert: Bool = false
    @State private var alertMessage: String = ""

    var body: some View {
        VStack {
            Text("Instagram Login")
                .font(.largeTitle)
                .padding()

            Button(action: { startInstagramLogin() }) {
                Text("Login with Instagram")
                    .padding()
                    .background(Color.blue)
                    .foregroundColor(.white)
                    .cornerRadius(10)
            }

            if !token.isEmpty {
                Text("Token: \(token)")
                    .padding()
            }
        }
        .alert(isPresented: $showAlert) {
            Alert(title: Text("Error"),
                  message: Text(alertMessage),
                  dismissButton: .default(Text("OK")))
        }
    }

    func startInstagramLogin() {
        let clientID = "XXXXXXXXXX"
        let redirectURI = "https://example.com"

        guard let authURL = URL(string:
            "https://api.instagram.com/oauth/authorize?client_id=\(clientID)&redirect_uri=\(redirectURI)&scope=user_profile,user_media&response_type=code"
        ) else {
            alertMessage = "Invalid URL"
            showAlert = true
            return
        }

        authSession = ASWebAuthenticationSession(url: authURL, callbackURLScheme: nil) { callbackURL, error in
            if let error = error {
                alertMessage = error.localizedDescription
                showAlert = true
                return
            }

            guard let callbackURL = callbackURL else {
                alertMessage = "Invalid callback URL"
                showAlert = true
                return
            }

            if let code = URLComponents(string: callbackURL.absoluteString)?.queryItems?.first(where: { $0.name == "code" })?.value {
                getInstagramAccessToken(authCode: code)
            }
        }
        authSession?.presentationContextProvider = self
        authSession?.start()
    }

    func getInstagramAccessToken(authCode: String) {
        let tokenURL = "https://api.instagram.com/oauth/access_token"
        var request = URLRequest(url: URL(string: tokenURL)!)
        request.httpMethod = "POST"

        let clientID = "XXXXXXXXXX"
        let clientSecret = "XXXXXXXXXX"
        let redirectURI = "https://example.com"

        let params = "client_id=\(clientID)&client_secret=\(clientSecret)&grant_type=authorization_code&redirect_uri=\(redirectURI)&code=\(authCode)"
        request.httpBody = params.data(using: .utf8)
        request.setValue("application/x-www-form-urlencoded", forHTTPHeaderField: "Content-Type")

        URLSession.shared.dataTask(with: request) { data, response, error in
            if let error = error {
                alertMessage = error.localizedDescription
                showAlert = true
                return
            }

            guard let data = data else {
                alertMessage = "No data received"
                showAlert = true
                return
            }

            if let jsonResponse = try? JSONSerialization.jsonObject(with: data) as? [String: Any],
               let accessToken = jsonResponse["access_token"] as? String {
                DispatchQueue.main.async { token = accessToken }
            } else {
                alertMessage = "Failed to get access token"
                showAlert = true
            }
        }.resume()
    }
}

extension InstagramLoginView: ASWebAuthenticationPresentationContextProviding {
    func presentationAnchor(for session: ASWebAuthenticationSession) -> ASPresentationAnchor {
        UIApplication.shared.windows.first { $0.isKeyWindow }!
    }
}

Melaksanakan Django for Redirect URI Validation

Skrip ini menggunakan Django sebagai backend untuk mengesahkan panggilan balik Instagram OAuth dan mengendalikan token dengan selamat.

from django.http import JsonResponse, HttpResponseRedirect
from django.views.decorators.csrf import csrf_exempt
import requests

CLIENT_ID = 'XXXXXXXXXX'
CLIENT_SECRET = 'XXXXXXXXXX'
REDIRECT_URI = 'https://example.com/callback'

@csrf_exempt
def instagram_callback(request):
    code = request.GET.get('code')
    if not code:
        return JsonResponse({'error': 'Missing authorization code'})

    token_url = 'https://api.instagram.com/oauth/access_token'
    payload = {
        'client_id': CLIENT_ID,
        'client_secret': CLIENT_SECRET,
        'grant_type': 'authorization_code',
        'redirect_uri': REDIRECT_URI,
        'code': code
    }

    response = requests.post(token_url, data=payload)
    if response.status_code == 200:
        return JsonResponse(response.json())
    return JsonResponse({'error': 'Failed to retrieve access token'})

Soalan Lazim Mengenai Log Masuk Instagram dengan ASWebAuthenticationSession

1. Apakah tujuan ASWebAuthenticationSession?
2. ASWebAuthenticationSession menyediakan cara selamat untuk mengesahkan pengguna melalui aliran berasaskan web seperti OAuth dalam aplikasi iOS.
3. Mengapa Instagram tidak menyokong skema URL tersuai?
4. Instagram mengutamakan pautan universal atau URI ubah hala berasaskan HTTPS untuk keselamatan dan keserasian dengan pelaksanaan OAuth mereka.
5. Bagaimanakah cara saya mengendalikan isu "Ralat: Operasi tidak dapat diselesaikan"?
6. Pastikan anda callbackURLScheme sepadan dengan URL yang ditakrifkan dalam konfigurasi apl anda dan URI ubah hala Instagram.
7. Apakah peranan presentationContextProvider?
8. presentationContextProvider menentukan tempat UI sesi pengesahan web dipaparkan, memautkannya ke tetingkap apl.
9. Bolehkah saya menguji log masuk Instagram secara tempatan?
10. Walaupun ujian secara tempatan adalah terhad, anda boleh menggunakan alat seperti ngrok untuk mendedahkan bahagian belakang tempatan anda kepada Instagram untuk ujian URI ubah hala.
11. Adakah wajib menggunakan backend untuk log masuk Instagram?
12. Menggunakan bahagian belakang amat disyorkan kerana ia mengendalikan pertukaran token yang selamat dan mengurus data sensitif seperti rahsia pelanggan.
13. Bagaimanakah cara saya mengesahkan kod kebenaran?
14. Hantar kod ke titik akhir token Instagram dengan URLSession dalam Swift atau requests dalam Python untuk pengesahan.
15. Mengapa permintaan token saya gagal?
16. Semak semula anda client ID, client secret, dan pastikan URI ubah hala sepadan dengan apa yang dikonfigurasikan pada Instagram.
17. Bolehkah saya menggunakan semula contoh kod yang disediakan?
18. Ya, skrip adalah modular dan boleh disesuaikan dengan penyedia OAuth lain dengan perubahan yang minimum.
19. Bagaimanakah saya mengendalikan sesi pengguna selepas log masuk?
20. Simpan token dengan selamat menggunakan Keychain dalam iOS atau storan yang disulitkan pada bahagian belakang untuk mengekalkan sesi pengguna.

Amalan Terbaik untuk Aliran Log Masuk Instagram

Untuk berjaya melaksanakan log masuk Instagram menggunakan ASWebAuthenticationSession, adalah penting untuk memastikan URL panggil balik sepadan dengan yang dikonfigurasikan dalam tetapan apl Instagram. Instagram tidak membenarkan skim tersuai untuk pengesahan, jadi apl anda mesti menggunakan URI ubah hala yang selamat dan boleh diakses secara umum. Selain itu, pengendalian ralat seperti "Ralat: Operasi tidak dapat diselesaikan" memerlukan pengesahan komponen URL dan pengendalian aliran pengesahan dengan berhati-hati. Beri perhatian kepada penyedia konteks sesi, memastikan aliran pengesahan berfungsi pada tetingkap aktif dan pengguna diubah hala dengan betul selepas log masuk.

Pengujian ialah langkah penting, kerana konfigurasi setempat mungkin tidak selalu berfungsi seperti yang diharapkan. Pertimbangkan untuk menggunakan bahagian belakang anda dan menggunakan alatan seperti ngrok untuk mendedahkan perkhidmatan tempatan untuk ujian. Dengan perhatian yang teliti terhadap amalan keselamatan dan pengendalian token pengesahan yang jelas, pelaksanaan log masuk Instagram anda akan menjadi lebih dipercayai. Langkah-langkah ini memastikan pengguna boleh membuat pengesahan dengan lancar dan selamat tanpa menghadapi ralat semasa proses OAuth. 🚀