پلاگینی برای سنجش قدرت رمزعبور کاربر در فلاتر

چی میشه اگر بخوایم که داخل اپلیکیشن فلاتری خودمون رمزعبور وارد شده توسط کاربر رو چک کنیم و ببینیم که آیا به اندازه‌ی کافی قویه یا نه؟ امروز راه‌حل این مورد آسون‌تر از همیشه اینجاست.

حتما درست مثل من برای شما هم پیش اومده که درحال کاربر بر روی اپلیکیشنی بودید که داخل اون یک قسمت ثبت‌نام برای کاربران داره و طبیعتا این صفحه شامل قسمتی که کاربر باید رمزعبور دلخواهش رو وارد میکرده. امروزه همه‌ی کاربران حوزه اینترنت این رو میدونن که اولین مرحله برای امن‌سازی یک حساب کاربری انتخاب یک رمزعبور قوی هستش و یک رمزعبور قوی عبارتیست که شامل اعداد، حروف بزرگ و کوچیک، کاراکترهای ویژه و ... میشه.

پس شما به عنوان برنامه‌نویس یا توسعه‌دهنده یک اپلیکیشن باید این قابلیت رو در برنامه خودتون قرار بدید تا به کاربر یادآوری کنه که پسوردی که در نظر داره باید شامل یک سری شرایط و حداقل‌های مدنظر شما باشه.

من عارف مظفری از تیم زنیاک امروز اینجام که در این مقاله پلاگین Flutter Password Validator رو معرفی کنم که این کار رو برای دوستان فلاتر کاری که قصد پیاده‌سازی همچین قابلیتی در اپلیکیشن خودشون دارن انجام میده و میتونه به اون‌ها در توسعه سریع پروژه کمک بکنه.

و اما روش استفاده

۱- اضافه کردن پلاگین

اون رو به وابستگی‌ها در pubspec.yaml اضافه کنید:

dependencies:
  flutter_pw_validator: ^1.0.1

۲- نصب

پلاگین رو با استفاده از این دستور در ترمینال، دریافت(و البته نصب) کنید:

flutter pub get

۳- چطور استفاده میشه

اول پلاگین رو با استفاده از این خط کد به اون فایلی در پروژه که نیاز به استفاده از پلایگن داره اضافه کنید:

import 'package:flutter_pw_validator/flutter_pw_validator.dart';

و در نهایت ویجت FlutterPwValidator رو درست در زیر تکست‌فیلد پسوردتون (جایی‌که قراره از کاربر پسورد موردنظرش رو دریافت کنید) قرار بدید و دقیقا همون کنترلر مورد استفاده رو هم در اختیار این ویجت بزارید:

new TextField(
    controller: _passwordController
),
new FlutterPwValidator(
    controller: _passwordController,
    minLength: 6,
    uppercaseCharCount: 2,
    numericCharCount: 3,
    specialCharCount: 1,
    width: 400,
    height: 150,
    onSuccess: yourCallbackFunction
)

و تمام. تمام کاری که نیاز که انجام بدید همین بود.

اما جدول ورودی‌های این ویجت به این صورت که میتونید مقادیر دلخواه رو برای ظاهر و عملکرد ویجت به اون پاس بدید:

امیدوارم که این پلاگین بسیار مفید فایده باشه. در ضمن لینک گیت‌هاب این پلاگین در اکانت خودم و همینطور لینک خود پکیج رو در PubDev همین پایین قرار میدم که شامل یک پروژه مثال هم میشه: