.net Maui Google Authentication

6 min read Jun 04, 2024

Intégrer l'authentification Google dans votre application .NET MAUI

Introduction

.NET MAUI (Multi-platform App UI) est un framework puissant pour créer des applications natives multiplateformes à l'aide de C# et de XAML. Pour les applications modernes, l'intégration d'un système d'authentification robuste est essentielle, et Google Authentication offre une solution simple et sécurisée. Dans cet article, nous allons explorer comment intégrer l'authentification Google dans votre application .NET MAUI.

Prérequis

Visual Studio 2022 avec .NET 6.0 ou une version ultérieure
Un projet .NET MAUI existant
Un compte Google Cloud Platform (GCP)

Configuration de l'application Google Cloud Platform

Créer un projet Google Cloud Platform: Visitez la console Google Cloud Platform (console.cloud.google.com) et créez un nouveau projet.
Activer les API Google: Dans votre projet, activez les API "Google Sign-In" et "Google OAuth API".
Créer des identifiants d'application: Accédez à la section "API & Services" > "Identifiants" et sélectionnez "Créer des identifiants". Choisissez "Application Web" comme type d'identifiant.
Configurer les identifiants: Entrez un nom pour votre application, ajoutez les URL de redirection (par exemple, com.yourdomain.yourapp://oauthredirect pour les applications mobiles), et enregistrez les identifiants.
Télécharger les identifiants JSON: Téléchargez le fichier JSON contenant les informations d'identification de votre application. Ce fichier contiendra les clés nécessaires pour l'authentification Google.

Intégration dans .NET MAUI

Installer le package NuGet: Ajoutez le package Google.Identity.Platform.AspNetCore à votre projet .NET MAUI via la console du gestionnaire de paquets NuGet:

Install-Package Google.Identity.Platform.AspNetCore

Configurer le service d'authentification:

Créez un nouveau service appelé GoogleAuthenticationService:

public class GoogleAuthenticationService
{
    // Déclarer les clés d'authentification (à obtenir du fichier JSON)
    private readonly string _clientId;
    private readonly string _clientSecret;

    public GoogleAuthenticationService(string clientId, string clientSecret)
    {
        _clientId = clientId;
        _clientSecret = clientSecret;
    }

    // Méthode pour l'authentification Google
    public async Task SignInAsync()
    {
        // Créer une instance de GoogleSignInProvider
        var provider = new GoogleSignInProvider(_clientId, _clientSecret);

        // Obtenir le code d'accès à partir du flux d'authentification
        var accessToken = await provider.SignInAsync();

        // Retourner le jeton d'accès
        return accessToken;
    }
}

Injecter le service dans votre application:

Configurez l'injection de dépendances dans votre application en ajoutant le service GoogleAuthenticationService au conteneur de services:

public partial class App : Application
{
    public App()
    {
        InitializeComponent();

        // Obtenir les clés d'authentification du fichier JSON
        var googleAuthConfig = Newtonsoft.Json.JsonConvert.DeserializeObject(File.ReadAllText("google-auth.json"));

        // Enregistrer le service d'authentification
        DependencyService.Register(() => new GoogleAuthenticationService(googleAuthConfig.ClientId, googleAuthConfig.ClientSecret));

        MainPage = new AppShell();
    }
}

public class GoogleAuthConfig
{
    public string ClientId { get; set; }
    public string ClientSecret { get; set; }
}

Intégrer le bouton de connexion Google:

Ajoutez un bouton à votre interface utilisateur pour déclencher le processus de connexion Google:

Gérer l'événement "Clicked" du bouton:

Implémentez le code pour gérer l'événement "Clicked" et appeler le service d'authentification:

private async void OnGoogleSignInClicked(object sender, EventArgs e)
{
    // Obtenir une instance du service d'authentification
    var googleAuthenticationService = DependencyService.Get();

    // Appeler la méthode d'authentification
    var accessToken = await googleAuthenticationService.SignInAsync();

    // Gérer le jeton d'accès (par exemple, stocker les informations de l'utilisateur)
    // ...
}

Conclusion

L'intégration de l'authentification Google dans votre application .NET MAUI est relativement simple grâce au package NuGet Google.Identity.Platform.AspNetCore et à la configuration de votre projet Google Cloud Platform. Cela vous permet de fournir une expérience d'authentification transparente et sécurisée à vos utilisateurs. N'oubliez pas de sécuriser vos identifiants Google et de gérer correctement les jetons d'accès pour garantir la sécurité de votre application.

Mots-clés: .NET MAUI, Google Authentication, Authentification Google, Google Sign-In, Google OAuth API, .NET MAUI, .NET MAUI, Google Authentication.