.net Maui Login With Google

INFLUENCESMAG.ORG

4 min read

·

Jun 04, 2024

27

Share

Se connecter à votre application .NET MAUI avec Google

.NET MAUI offre une multitude de possibilités pour authentifier vos utilisateurs. Parmi les options populaires, l'authentification Google se distingue par sa simplicité et sa fiabilité. Dans cet article, nous allons explorer les étapes nécessaires pour intégrer l'authentification Google à votre application .NET MAUI.

Prérequis

Avant de commencer, assurez-vous d'avoir les éléments suivants :

• Un projet .NET MAUI existant: Si vous n'en avez pas, créez-en un avec Visual Studio.
• Un compte Google Cloud Platform: Créez un projet et activez l'API Google Sign-In.
• Clé API et identifiant client: Configurez une nouvelle application dans la console Google Cloud et obtenez les identifiants nécessaires.

Configuration de l'application

1. Installation des packages NuGet:

   • Google.SignIn: Permet l'authentification Google.
   • Xamarin.Essentials: Fournit des fonctionnalités de base pour les applications mobiles.

2. Configuration du fichier App.xaml.cs:

   • Importez les espaces de noms nécessaires.
   • Créez une instance de GoogleSignInConfig avec votre identifiant client et votre clé API.
   • Enregistrez la configuration dans GoogleSignIn.Init.

using Google.SignIn;
using Xamarin.Essentials;

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

            // Configuration de l'authentification Google
            GoogleSignInConfig config = new GoogleSignInConfig
            {
                ClientId = "YOUR_CLIENT_ID",
                Scopes = new List() { "profile", "email" }
            };
            GoogleSignIn.Init(config);

            MainPage = new AppShell();
        }
    }
}

Implémentation de l'authentification

1. Créer une méthode d'authentification:
   • Utilisez la méthode GoogleSignIn.SignInAsync pour déclencher le flux d'authentification Google.
   • Gérer la réponse de l'authentification (réussite ou échec).

using Google.SignIn;
using System.Threading.Tasks;

namespace MyApp
{
    public partial class LoginPage : ContentPage
    {
        private async Task AuthenticateWithGoogleAsync()
        {
            try
            {
                // Démarrer le flux d'authentification Google
                var signInResult = await GoogleSignIn.SignInAsync();

                // Vérifier si l'authentification a réussi
                if (signInResult.Status == SignInStatus.Success)
                {
                    // Accéder aux informations de l'utilisateur
                    string displayName = signInResult.User.DisplayName;
                    string email = signInResult.User.Email;

                    // Effectuer les actions nécessaires (navigation, etc.)
                    await Navigation.PushAsync(new HomePage());
                }
                else
                {
                    // Gérer l'échec de l'authentification
                    // Afficher un message d'erreur à l'utilisateur
                }
            }
            catch (Exception ex)
            {
                // Gérer les exceptions
            }
        }
    }
}

2. Intégration dans l'interface utilisateur:
   • Ajouter un bouton dans l'interface utilisateur pour déclencher l'authentification Google.
   • Associer le bouton à la méthode AuthenticateWithGoogleAsync.

Conclusion

En suivant ces étapes, vous avez intégré l'authentification Google à votre application .NET MAUI. Vous pouvez maintenant permettre à vos utilisateurs de se connecter à votre application via leurs comptes Google, simplifiant ainsi le processus d'inscription et d'accès. N'oubliez pas de tester l'authentification Google dans différents environnements (simulateurs, émulateurs, appareils réels) pour garantir son bon fonctionnement.

Mots clés: .NET MAUI, authentification, Google, Google Sign-In, API, Xamarin, mobile.