Решавање проблема са пријављивањем на Инстаграм помоћу АСВебАутхентицатионСессион у Свифт-у

Руковање Инстаграм пријавом у Свифт-у са АСВебАутхентицатионСессион

Ово решење користи СвифтУИ и Апплеов оквир АутхентицатионСервицес за решавање проблема са пријављивањем на Инстаграм.

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 }!
    }
}

Имплементација Дјанго за проверу УРИ-ја преусмеравања

Ова скрипта користи Дјанго као позадину за валидацију Инстаграм ОАутх повратних позива и безбедно руковање токенима.

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'})

Уобичајена питања о Инстаграм пријављивању помоћу АСВебАутхентицатионСессион

1. Шта је сврха ASWebAuthenticationSession?
2. ASWebAuthenticationSession пружа безбедан начин за аутентификацију корисника путем токова заснованих на вебу као што је ОАутх у иОС апликацијама.
3. Зашто Инстаграм не подржава прилагођене УРЛ шеме?
4. Инстаграм даје приоритет универзалним везама или УРИ-овима за преусмеравање заснованим на ХТТПС-у ради безбедности и компатибилности са њиховом имплементацијом ОАутх-а.
5. Како да решим проблем „Грешка: операција није могла да се заврши“?
6. Осигурајте своје callbackURLScheme подудара се са УРЛ-ом дефинисаном у конфигурацији ваше апликације и Инстаграм-овим УРИ-јем за преусмеравање.
7. Која је улога presentationContextProvider?
8. presentationContextProvider одређује где се приказује кориснички интерфејс сесије веб аутентификације, повезујући га са прозором апликације.
9. Могу ли локално да тестирам пријаву на Инстаграм?
10. Иако је локално тестирање ограничено, можете користити алате као што су ngrok да изложите свој локални бацкенд Инстаграму ради тестирања УРИ-ја преусмеравања.
11. Да ли је обавезно користити бацкенд за пријављивање на Инстаграм?
12. Коришћење бацкенд-а је веома препоручљиво јер управља безбедном разменом токена и управља осетљивим подацима попут тајних клијената.
13. Како да потврдим ауторизациони код?
14. Пошаљите код на крајњу тачку Инстаграм токена са URLSession у Свифт или requests у Питхон-у за валидацију.
15. Зашто мој захтев за токене не успева?
16. Двапут проверите своје client ID, client secret, и обезбедите да се УРИ преусмеравања тачно поклапа са оним што је конфигурисано на Инстаграму.
17. Могу ли поново да користим дате примере кода?
18. Да, скрипте су модуларне и могу се прилагодити другим ОАутх провајдерима уз минималне промене.
19. Како да поступам са корисничким сесијама након пријављивања?
20. Чувајте токене безбедно користећи Keychain у иОС-у или шифрованом складишту на позадинском делу ради одржавања корисничких сесија.

Најбоље праксе за ток пријављивања на Инстаграм

Да бисте успешно применили пријављивање на Инстаграм помоћу АСВебАутхентицатионСессион, кључно је обезбедити да УРЛ повратног позива одговара оном конфигурисаном у подешавањима апликације Инстаграм. Инстаграм не дозвољава прилагођене шеме за аутентификацију, тако да ваша апликација мора да користи сигуран, јавно доступан УРИ за преусмеравање. Поред тога, руковање грешкама као што је „Грешка: Операција није могла да буде завршена“ захтева валидацију компоненти УРЛ-а и пажљиво руковање током аутентификације. Обратите пажњу на провајдер контекста сесије, осигуравајући да ток аутентификације ради на активном прозору и да је корисник исправно преусмерен након пријављивања.

Тестирање је важан корак, јер се локалне конфигурације можда неће увек понашати како се очекује. Размислите о примени позадинског дела и коришћењу алатки као што је нгрок да бисте изложили локалне услуге за тестирање. Уз посебну пажњу на безбедносне праксе и јасно руковање токенима за аутентификацију, ваша примена за пријављивање на Инстаграм ће бити поузданија. Ови кораци осигуравају да корисници могу глатко и безбедно да се аутентификују без наиласка на грешке током ОАутх процеса. 🚀