Nodejs için YUP, veri doğrulama işlemlerinde oldukça kullanışlı bir JavaScript kütüphanesidir Bu yazıda, YUP kütüphanesinin Nodejs'de nasıl kullanılabileceği hakkında detaylı bilgi edinin

Node.js, özellikle web uygulamaları geliştirirken oldukça sık kullanılan bir platformdur. Ancak uygulamaların doğru şekilde çalışabilmesi için, gelen verilerin doğruluğunun kontrol edilmesi gerekmektedir. İşte tam da bu noktada, YUP kütüphanesi devreye girer. Bu yazımızda, Node.js'te veri doğrulamanın ne kadar kritik olduğunu ve YUP kütüphanesinin nasıl kullanılabileceğini öğreneceksiniz.

Node.js ve Veri Doğrulama

Node.js, modern web uygulamaları geliştirirken sıkça kullanılan bir platformdur. Web uygulamalarının doğru şekilde çalışması için, kullanıcıların gönderdiği verilerin doğruluğunun kontrolü önemlidir. Özellikle form gibi kullanıcı etkileşimi gerektiren kısımlarda verinin doğru şekilde alınması hataların önüne geçilmesini sağlar.

Node.js ile birlikte, gelen verilerin doğruluğunu kontrol etmek için birçok kütüphane mevcuttur. Bu kütüphaneler aracılığıyla, gelen verinin istenilen formatta olup olmadığı kontrol edilir. Böylece, hatalı verilerin sisteme işlenmesi engellenir. Veri güvenliği ve doğruluğunun sağlanması için veri doğrulama işlemi oldukça önemlidir.

Bu nedenle, Node.js ile uygulama geliştirirken veri doğrulama işlemine de özen göstermek gerekir. Veri doğrulama işlemi, kullanıcıların uygulamayı daha güvenli ve sorunsuz bir şekilde kullanmalarını sağlar. Bu bölümde, Node.js ile veri doğrulamanın önemini tartışacağız.

YUP Kütüphanesi Nedir?

YUP, JavaScript programlama diline özel bir veri doğrulama kütüphanesidir. Adından da anlaşılacağı gibi, bu kütüphane, özellikle web uygulamalarındaki formlar için veri doğrulama işlemlerinde kullanılır.

YUP kullanarak, bir formun boş bırakılamayacak alanlarını belirleyebilir, e-posta adresinin geçerli olup olmadığını kontrol edebilir, şifrelerin belirli kurallara uygunluğunu kontrol edebilirsiniz. Ayrıca, YUP ile varyasyonlu doğrulama kuralları da oluşturabilirsiniz.

YUP'un en büyük avantajlarından biri, diğer veri doğrulama kütüphanelerine göre oldukça hızlı çalışmasıdır. Ayrıca, YUP, oldukça esnek bir yapıya sahip olduğundan, farklı türde verileri doğrulamak için de kullanılabilir.

Gelin bir örnek üzerinden YUP'un nasıl kullanıldığına bakalım. Diyelim ki bir kullanıcının ad, soyad, e-posta adresi ve şifre alanlarını doldurması gereken bir formumuz var. Bu formda, ad ve soyad alanları boş bırakılamaz, e-posta alanı geçerli bir e-posta adresi olmalı ve şifre alanı belirli şartlara uygun olmalı. İşte YUP ile bu formu doğrulamak oldukça basit:

Yukarıdaki tabloya göre, ad ve soyad alanları boş bırakılamaz olduğundan, "string()" ile başlayan bir kural tanımlanır ve "required()" ile bitirilir. E-posta alanı ise "string()" ile başlar ve "email()" ile devam eder. Şifre alanı ise "string()" ile başlar ve minlength(8) ile devam eder. Ayrıca, büyük harf, küçük harf ve rakam içermesi için "matches()" özelliği kullanılır.

Tüm bu kurallar YUP ile birleştirilerek, formun doğruluğunu kontrol edebilirsiniz. Eğer formdaki bir alanın doğrulama kurallarına uymaması durumunda, kullanıcıya uyarı mesajı gösterilir ve formun gönderilmesi engellenir.

YUP Kurulumu

Node.js ile web uygulamaları geliştirirken, gelen verilerin doğruluğunun kontrolü oldukça önemlidir. Bu doğrulama işlemi için YUP kütüphanesi oldukça kullanışlıdır. YUP'u kullanabilmek için öncelikle kurulum işlemini gerçekleştirmeniz gerekir.

YUP kurulumu oldukça basittir. İlk önce NPM'i kullanarak YUP kütüphanesini yüklemeniz gerekmektedir. Bunun için, terminalde aşağıdaki komutu çalıştırabilirsiniz:

npm install yup

sudo npm install yup

YUP kütüphanesini başarıyla yükledikten sonra, proje dosyanıza ekleyebilirsiniz. Bunun için, HTML dosyanızın head kısmına aşağıdaki kodu ekleyebilirsiniz:

 <script src="https://unpkg.com/yup@latest/dist/yup.min.js"></script>

Bu kodu ekledikten sonra, YUP kütüphanesi projenizde kullanıma hazır hale gelecektir. YUP'u kullanarak veri doğrulama işlemi hakkında daha fazla bilgi edinmek için, bir sonraki bölümde YUP özellikleri hakkında ayrıntılı bilgi vereceğiz.

NPM Yükleme

YUP'u kullanabilmek için öncelikle NPM'i yüklemelisiniz. Aşağıdaki adımları takip ederek YUP'u NPM ile yükleyebilirsiniz:

• 1. Komut istemini açın.
• 2. Proje klasörüne gidin.
• 3. Aşağıdaki komutu yazın:
  

  npm install yup

• 4. Enter tuşuna basın. YUP, projenizin bağımlılıklarına otomatik olarak eklenir.

Bu kadar! YUP artık projenizde kullanıma hazır.

Proje Dosyasına Ekleme

YUP'u kullanmaya başlamadan önce, projenize YUP'u eklemeniz gerekiyor. Öncelikle, projenizde NPM'i yüklü hale getirin. Daha sonra, YUP'u projenize yükleyebilirsiniz.

Projenize YUP'u yüklemek için şu adımları izleyebilirsiniz:

• Öncelikle, terminale "npm install yup" komutunu girin ve Enter tuşuna basın. Bu, YUP'u projenize yükleyecektir.
• Yükleme işlemi tamamlandıktan sonra, projenizde "yup" modülünü kullanmak için dosyanıza eklemeniz gerekiyor. Bunun için, dosyanızın başına şu satırı ekleyin:

  const yup = require('yup');

YUP örneği için, bir kullanıcının kayıt olması için bir form kullanırken doğrulama yapacağımızı varsayalım. Öncelikle, formda istediğiniz alanları tanımlamanız gerekiyor. Daha sonra, bu alanlar için YUP şemasını tanımlayabilirsiniz.

Örnek bir YUP şeması aşağıdaki gibidir:

const schema = yup.object().shape({  name: yup.string().required(),  email: yup.string().email().required(),  password: yup.string().required().min(8),});

Bu şema, formda kullanıcı adı, e-posta ve parola alanlarının zorunlu olduğunu ve parolanın en az 8 karakter içermesi gerektiğini belirtiyor.

Bir kullanıcının formu doldurması için aşağıdaki kodu da eklemeniz gerekiyor:

const values = {  name: 'John Doe',  email: 'johndoe@example.com',  password: 'password123',};schema.validate(values)  .then(valid => console.log(valid))  .catch(err => console.error(err));

Bu kod, formda belirtilen alanların "values" nesnesine tanımlandığını ve YUP doğrulama şemasına uygun olup olmadığını kontrol eder. Eğer doğrulanırsa, doğrulama işlemi başarılı olarak tamamlanır ve "valid" değeri true döndürür. Aksi halde, hata mesajı alırsınız.

YUP'u projenize eklemek ve kullanmak oldukça basittir. Bu sayede, gelen verilerin doğruluğunu kontrol etmek için güvenilir bir çözüm sunar.

YUP ile Veri Doğrulama

YUP kullanarak veri doğrulama oldukça basittir. YUP'u kullanarak form doğrulamanın nasıl yapılacağına dair bir örnek görelim. Örneğimizde bir kullanıcı kayıt formu oluşturacağız. Formda ad, soyad, e-posta ve şifre bilgileri istenecektir.

Bu örnekte, ad ve soyad bilgilerinin girilmesi zorunlu tutulacaktır. Ayrıca, e-postanın doğru bir formatta girilmesi şartı aranacaktır. Şifre alanı ise en az 8 karakter içermek zorundadır. Bunun dışındaki şifre özellikleri özelleştirilebilir.

Yukarıdaki formu kullanarak YUP ile form doğrulamayı yapabiliriz. İlk önce form elemanlarının ID'lerini kullanarak formları yakalamalıyız:

  const form = document.querySelector('form');  const firstNameInput = document.querySelector('#firstName');  const lastNameInput = document.querySelector('#lastName');  const emailInput = document.querySelector('#email');  const passwordInput = document.querySelector('#password');

Sonra, YUP ile şema oluşturmalıyız:

  const schema = yup.object().shape({    firstName: yup.string().required(),    lastName: yup      .string()      .required(),    email: yup.string().email().required(),    password: yup      .string()      .min(8)      .required(),  });

Yukarıdaki şemada, YUP ile ad ve soyadın girilmesi zorunlu tutuldu, e-postanın doğru bir formatta girilmesi gerektiği kontrol edildi ve şifre için en az 8 karakter gerektiği koşulu eklendi.

Son olarak, formu gönderirken doğrulama işlemini yapmalıyız:

   form.addEventListener('submit', async (event) => {    event.preventDefault();    const formData = {      firstName: firstNameInput.value,      lastName: lastNameInput.value,      email: emailInput.value,      password: passwordInput.value,    };        schema.validate(formData).then(() => {      // Doğru formatta gönderilen veriler      console.log('Veriler doğru.');    }).catch((error) => {      // Hatalı veri gönderimi      console.log(error);    });  }); 

Böylece, form elemanlarının doğru bir şekilde doldurulması şartıyla form doğru bir şekilde gönderilecektir. Aksi takdirde, hata mesajı görüntülenecektir.

YUP Özellikleri

YUP, JavaScript için güçlü bir veri doğrulama kütüphanesidir. Bu kütüphanenin birçok özelliği ve metodu vardır. Bu özelliklerden bazıları şunlardır:

- isRequired: Bu özellik, bir alanın boş olup olmadığını kontrol eder.

- min: Bu özellik, bir alanın minimum değerini belirler.

- max: Bu özellik, bir alanın maksimum değerini belirler.

- matches: Bu özellik, bir alanın belirli bir desenle eşleşip eşleşmediğini kontrol eder.

- notOneOf: Bu özellik, bir alanın belirli bir dizi değer dışında olduğunu kontrol eder.

Bu özellikler, YUP'un sadece temel özellikleridir. YUP'un daha fazla özelliği var ve her özellik farklı bir doğrulama senaryosuna uygun olabilir. Örneğin, bir tarih doğrulama özelliği, bir sayı aralığı sınırlama özelliği veya hatta özel bir doğrulama işlevi yazabileceğiniz bir özel doğrulama özelliği olabilir.

YUP'u kullanırken, özelliklerinizi doğru şekilde yapılması ve nitelikte olduğundan emin olmanız önemlidir. Doğrulama özelliklerinin yanı sıra, YUP ayrıca doğrulama hatalarını yakalamak için kullanılabilen özel hata mesajları sağlayabilmenize olanak tanır. Bu, kullanıcılara neyin yanlış gittiğini açıklayarak daha iyi bir kullanıcı deneyimi sağlar.

YUP, veri doğrulama işlemini kolaylaştıran bir kütüphanedir. İleri seviye türü veri doğrulama senaryoları için bile kullanabileceğiniz birçok özellik sunmaktadır. YUP kullanarak, Node.js'teki uygulamalarınızda verilerin doğruluğunu kontrol etmek çok kolay olacaktır.

Sonuç

Yazılım dünyasında, verilerin doğruluğunu kontrol etmek son derece önemlidir. Özellikle, web uygulamalarında kullanıcılardan gelen verilerin doğruluğunu kontrol etmek hayati öneme sahiptir. Node.js ile web uygulamaları geliştirirken de, veri doğrulamanın önemini unutmamalıyız. Bu doğrulama işlemi için YUP kullanmak oldukça basittir ve Node.js'te uygulama verilerinin doğruluğunu kontrol etmek için ideal bir seçenektir.

Bu makalede, YUP kullanarak veri doğrulamanın nasıl yapılacağını öğrendiniz. Ayrıca, YUP kütüphanesinin nasıl kurulacağı ve projeye nasıl ekleneceği hakkında da bilgi sahibi oldunuz. YUP'un özelliklerine de değindik ve örnekler verdik. Node.js'te uygulama verilerinin doğruluğunu kontrol etmek artık çok daha kolay!