Как да създадете активност за влизане

Внедрете система Auth в следващото си приложение за Android!

Повечето приложения днес имат система за разрешаване под формата на вход във Facebook, вход в Google, обикновен стар вход по имейл и други. Всъщност Sketchware също използва Google Login в приложението. Наличието на система за разрешаване е чудесен начин да поддържате потребителите организирани. Днес ще научим как да създадем основна система за влизане на потребителско име / парола в Sketchware.

Първо, ето малко поглед над това, което ще създадем:

Страница за вход, страница за регистрация и съответно приветствена страница

Какво ще ви трябва

  1. Sketchware - мобилен IDE на вашия смартфон
  2. Страст към ученето! :-)

Какво ще научите

  1. Как да създадете проста система за вход
  2. Разберете как пишете и извличате данни от компонент File

Приложението за вход, което създаваме, ще бъде многостранично. Това са някои от дейностите, от които ще се нуждаете:

  1. Страница за вход (основна дейност)
  2. Страница за регистрация
  3. Страница за вход

Основна дейност

Когато стартираме приложението, ще искаме да поздравим потребителя със страница за вход. На този екран потребителят ще може да извърши две действия: влизане и регистрация. Ето как създадох моята страница за вход:

Тъй като потребителят ще трябва да премине през процес на регистрация, нека първо да се заемем с логиката за регистрация. В случай на щракване върху бутона за регистрация ние просто навигираме потребителя до signupActivity.

Логика за регистрация_конец onClick събитие

Активност при регистрация

Кликването върху бутона за регистрация ни води до SignupActivity, който изглежда нещо подобно. Тази страница има една цел - да регистрирате потребителя с предоставената информация.

Много потребители питат: „Как да запишем информацията за потребителя на място, така че информацията да остане дори след като приложението е затворено?“ Отговорът е „Файл“. Използвайки компонент File, можем да запишем данните локално и да ги извлечем следващия път, когато приложението стартира.

Започнете с добавяне на нов компонент на файла в SignupActivity.java:

Основният поток върви така:

1. Потребителят въвежда потребителско име / парола и кликва върху бутона за регистрация
2. Валидирайте потребителския вход. Ако е валидно, регистрирайте се, покажете друго съобщение за грешка.
3. Предупредете потребителя и завършете дейността, ако регистрацията е завършена.

Причината, поради която запазвам ключа като потребителско име, е, защото искам да създам връзка 1 към 1 между потребителското име и паролата. Обикновено наричаме тази връзка „карта“.

Готино! Нека сега да се заемем с логиката за влизане.

Обратно към Основна дейност

Преди да направим нещо, нека да организираме логиката.

1. Когато потребителят въведе потребителско име / парола, потвърдете дължината.
2. Ако и двете са по-големи от 0, искаме да извлечем информацията от данните, които предварително сме запазили.
3. Тъй като данните са запазени в <Потребителско име, Парола> карта, ние потвърждаваме дали даденото потребителско име съвпада с паролата.
4. Ако е валидно, влезте в потребителя, в противен случай покажете съобщение за грешка.

Друго нещо, което си струва да се отбележи е, че ние също трябва да добавим файл компонент вътре в MainActivity.java. Когато направите това, Уверете се, че името на файла е същото като това, което сте декларирали по-рано. Нарекох го „userInformation“, така че ще въведа отново „userInformation“.

Ето логиката за събитието, върху което е кликнал login_button:

LoggedinActivity

Не на последно място, това е екранът, който се показва, когато влизането е завършено. Доста просто нали? Въпреки че не прилагах тази концепция, евентуално бихте могли да предадете потребителското име чрез намерението, ако желаете и приветствате потребителя със съобщението „Добре дошли потребител!“. Просто мисъл :-)

заключение

Днес научихме как можем да създадем система за вход в приложенията за Android, използвайки Sketchware. Основна концепция и поток върви така:

1. Потребителят се регистрира в приложението и ние допускаме регистрацията да се извърши само ако потребителското въвеждане е валидирано. Ние съхраняваме информацията локално, като използваме Файловата система и поддържаме връзка между потребителско име и парола 1 към 1.
2. Потребителят влиза в страницата с информацията. Ние утвърждаваме потребителското въвеждане и регистрация в потребителя, ако потребителското име / паролата съвпадат.

След като завършите системата за вход, ето някои възможни функции, които искам да ви предизвикам да добавите:

1. Осигурете въвеждането на парола. Това означава, че когато потребителят въведе паролата, паролата ще бъде заменена с интерпункция: „·“
2. Създайте квадратче за отметка с бутона „Запомни ме“. Ако квадратчето е отметнато, запомнете потребителя и влезте в него автоматично следващия път, когато потребителят стартира приложението.

Споделих този пример за вход под Sketchware като „Пример за вход“. Чувствайте се свободни да го разкъсате и да се поучите от него.

Това е! Ако имате някакви въпроси, моля, присъединете се към нашата активна общност на Sketchware на Slack! Честито кодиране! :-)

Ако ви е харесала тази статия, моля натиснете по-долу, за да могат и другите да намерят тази статия!