Как повторно инициализировать одноэлементные страницы и модели представления при выходе пользователя из системы и входе в приложение оболочки MAUI?

описание проблемы

Я разрабатываю приложение MAUI, которое использует вкладки Shell наряду с процессом входа в систему. Страница каждой вкладки и соответствующая ViewModel регистрируются как синглтоны. При первоначальной загрузке страницы используют метод OnAppearing для вызова метода инициализации из ViewModel, который извлекает данные из локальной базы данных (с использованием LiteDb) и загружает их в наблюдаемую коллекцию для просмотра пользователем.

Обнаружена проблема

Приложение позволяет текущему пользователю выйти из системы следующим образом:

try
{
    SecureStorage.Default.RemoveAll(); // Clears the session of the logged-in user
    await _repositories.ClearAsync(); // Clears all data created by the current user

    await Shell.Current.GoToAsync($"//{nameof(SignInUpPage)}");
}
catch (Exception)
{
    Toast.Show("Something went wrong");
}

После возврата к SignInUpPage и повторного входа в систему данные предыдущего сеанса по-прежнему отображаются на главных страницах вкладок. Это связано с тем, что страницы и модели представления регистрируются как синглтоны.

Вопрос

Как лучше всего гарантировать, что эти страницы и модели представления будут уничтожены или повторно инициализированы при новом входе в систему? Цель состоит в том, чтобы иметь свежие экземпляры, которые соответствующим образом перезагружают данные, когда пользователь входит в систему после выхода из системы.

Настройка страницы

В MainShellPage.xaml у меня есть следующее:

<ShellContent
        Title = "Loading"
        ContentTemplate = "{DataTemplate pages:LoadingPage}"
        Route = "LoadingPage" />

    <ShellContent ContentTemplate = "{DataTemplate account:SignInUpPage}" Route = "SignInUpPage" />

    <TabBar Route = "MainShellPage">
        <Tab Title = "{Binding Dashboard.Title}" Icon = "{Binding Dashboard.Icon}">
            <ShellContent ContentTemplate = "{DataTemplate dashboard:DashboardMainPage}" />
        </Tab> Another tabs .. </TabBar>

Когда LoadingPage запускается в своей собственной модели представления, он решает, аутентифицирован ли пользователь или нет.

Если пользователь аутентифицирован, он переходит к:

 await Shell.Current.GoToAsync($"//{nameof(MainShellPage)}")

В противном случае

await Shell.Current.GoToAsync($"//{nameof(SignInUpage)}")

Причина загрузки страницы:

  • решить, что пользователь аутентифицирован
  • если инициализация данных по умолчанию еще не была выполнена, она извлекает данные из веб-API и сохраняет их в локальную базу данных.
  • если пользователь работал над чем-то и приложение было закрыто, он проверяет, есть ли кэшированные данные, и загружает приложение, чтобы продолжить

Является ли SignupPage корнем вашего стека навигации?

FreakyAli 15.07.2024 18:04

Нет, в app.xaml.cs я установил MainPage = new MainShellPage();

Zoltán 15.07.2024 18:29

Я обновил исходный пост, добавив структуру оболочки.

Zoltán 15.07.2024 18:45

Можете ли вы создать переменную где-нибудь в стеке навигации и посмотреть, какая первая страница находится в стеке навигации? Shell.Current.Navigation

FreakyAli 15.07.2024 23:16

Первой страницей является LoadingPage, и в списке стека навигации в Shell.Current.Navigation есть один нулевой элемент. Когда я выхожу из SignInUpPage, то же самое.

Zoltán 16.07.2024 06:54

Интересно, что, похоже, проблема связана с тем, как вы поддерживаете навигацию, если это так.

FreakyAli 16.07.2024 10:32

Стек навигации не следует добавлять, только если я использую await Shell.Current.GoToAsync("page")? Когда я использую // не следует добавлять и очищать все?

Zoltán 16.07.2024 10:48

Почему ваши страницы и модели представления зарегистрированы как одиночные? Даже если они используются во вкладках, они могут быть временными, поскольку вкладки не создают новые экземпляры при переходе к ним. Если вы измените это, вы сможете назначить новый экземпляр MainShellPage для Application.MainPage после входа в систему. Это должно дать ожидаемые результаты.

Julian 16.07.2024 10:59

Спасибо! Это решило мою проблему. Я переключился на временный режим и добавил строку: App.Current.MainPage = new MainShellPage(); сразу после очистки локальной базы данных и перед переходом на страницу регистрации со страницы выхода. Теперь при переходе между вкладками после входа в систему происходит повторная инициализация страницы, поэтому все данные перезагружаются.

Zoltán 17.07.2024 09:53
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
9
90
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

В каждой ViewModel вы можете реализовать определенный интерфейс, например IInitialazble, со свойством, указывающим, следует ли выполнять инициализацию. Если пользователь выходит из системы, вы можете попросить свой DI предоставить вам все модели представления, реализующие интерфейс, и установить для свойства значение true или false. В зависимости от того, какое значение вы инициализируете. После инициализации ViewModel вы меняете значение свойства, чтобы инициализация выполнялась только один раз для пользовательского сеанса. Пример:

    public interface IInitializable
    {
        public bool IsInitialized { get; set; }
    }

    public ViewModel1:IInitializable{
    public bool IsInitialized { get; set; }
    
    public void Initialize(){
    if (IsInitialized){
    return;
    }
    // perform Initialization
    }



public static class MauiProgram
{
    public static MauiApp App { get; set; }
    public static MauiApp CreateMauiApp()
    {
        var builder = MauiApp.CreateBuilder();
        builder
            .UseMauiApp<App>();

        builder.Services.AddSingleton<ViewModel1>();
        builder.Services.AddSingleton<IInitializable>(x => x.GetService<ViewModel1>()); 
        builder.Services.AddSingleton<ViewModel2>();
        builder.Services.AddSingleton<IInitializable>(x => x.GetService<ViewModel2>());

        return App =  builder.Build();
    }

    public static void Refresh()
    {
        var viewModels = App.Services.GetServices<IInitializable>();
        foreach (var viewModel in viewModels)
        {
            viewModel.IsInitialized = false;
        }
    }
}

При регистрации этой службы вы можете получить все модели представления с интерфейсом маркера и при этом получить каждую из них по отдельности с помощью инъекции конструктора. / или звоню

public class LoginViewModel{

public void Login(){
MauiProgram.Refresh();
// Perform Login
}
}

Вы можете улучшить свой ответ, приведя реальный пример.

Julian 16.07.2024 10:55

Хотя мне нравится ваше решение, но я воспользовался предложением Джулиана.

Zoltán 17.07.2024 09:56
Ответ принят как подходящий

Я переключил все страницы вкладок и модели просмотра на временные процессы, и когда происходит выход из системы, я делаю следующее, чтобы повторно запустить MainPage.

try
{
    SecureStorage.Default.RemoveAll(); // Clears the session of the logged-in user
    await _repositories.ClearAsync(); // Clears all data created by the current user 
    App.Current.MainPage = new MainShellPage(); // Reinit main page -> when login again all pages and vms will be reinit
    await Shell.Current.GoToAsync($"//{nameof(SignInUpPage)}");
}
catch (Exception)
{
    Toast.Show("Something went wrong");
}

Другие вопросы по теме