Hizmet Olarak Arka Uç kullanarak bir uygulama nasıl oluşturulur?
Bu makalede, arka uç platformu olarak BaaS kullanarak bir mobil uygulama oluşturma sürecini ele alacağız. Mobil uygulamalar, müşterilerle etkileşime geçmenin ve içeriğe erişirken kullanıcı dostu bir deneyim yaratmanın bir yolu olarak giderek daha popüler hale geliyor.
Birçok işletme, ilgi çekici ve etkileşimli bir müşteri platformu sağlamak için mobil uygulamalarına güvenmektedir ve mobil uygulamaya güç sağlamak için bir hizmet olarak arka uç (BaaS) kullanılabilir. BaaS, geliştiricilerin minimum çaba ve zamanla bir mobil uygulama oluşturmaları için güçlü bir araç seti sağlar.
Contents
Arka uç backend platformu
Back4App, geliştiricilerin web uygulamaları oluşturmasına ve barındırmasına olanak tanıyan bir bulut platformudur. Web uygulamalarını yönetmek için kullanıcı dostu bir arayüz, veri depolamak için yerleşik bir veritabanı ve birden fazla programlama dili desteği gibi çeşitli özellikler sunar.
Platform ayrıca web uygulamalarının geliştirilmesi ve test edilmesi için komut satırı arayüzü, SDK‘lar, analiz, izleme ve performans optimizasyon araçları ile kullanıcı kimlik doğrulama ve yetkilendirme için yerleşik bir sistem de dahil olmak üzere bir dizi araç sunmaktadır.
Back4app üzerinde bir uygulama dağıtmanın çeşitli faydaları olabilir. İlk olarak, Back4app web uygulamalarını dağıtmak için basit bir süreç sunarak size çok zaman kazandırır.
Ayrıca, uygulamanızın verilerini depolamak için kullanılabilecek yerleşik bir veritabanı içerir ve ayrı bir veritabanı kurma ve yönetme ihtiyacını ortadan kaldırır.
Back4App ayrıca trafikteki artışı idare etmek için uygulamanızın boyutunu kolayca ayarlamanıza olanak tanır ve uygulamanın performansını izlemek ve iyileştirmek için araçlara sahiptir.
Back4App ayrıca uygulamayı ve verilerini güvende tutmak için güvenlik önlemleri sağlar ve diğer hizmetlerle kolay entegrasyona izin verir. Bu eğitimde, Back4app platformunda bir uygulamayı birkaç adımda nasıl dağıtacağınızı öğreneceksiniz.
Hizmet olarak arka uç kullanarak bir uygulamanın nasıl oluşturulacağını öğrenmek için okumaya devam edin.
Back4App Uygulaması Oluşturma
Back4app’te bir uygulama oluşturabilmeniz için önce bir Back4app hesabınızın olması gerekir. Back4app hesabınız yoksa, aşağıdaki adımları izleyerek bir hesap oluşturabilirsiniz.
- Back4app web sitesine gidin.
- Ardından, açılış sayfasının sağ üst köşesindeki Kaydol düğmesine tıklayın.
- Son olarak, kayıt formunu doldurun ve gönderin.
Back4app hesabınızı başarıyla oluşturduktan sonra, Back4app hesabınıza giriş yapın ve sağ üst köşedeki YENİ UYGULAMA düğmesine tıklayın.
Bu düğmeye tıkladığınızda, bir uygulama adı girmenizi gerektiren bir forma yönlendirileceksiniz. Uygulama adınızı girin ve OLUŞTUR düğmesine tıklayın.
Oluştur düğmesine tıklamak yeni uygulamanızın iskeletini oluşturacak ve sizi uygulamanızın kontrol paneline götürecektir.
Şimdi Back4app üzerinde yeni bir uygulama oluşturdunuz. Ardından, gerekli bir bağımlılığı yüklüyor ve uygulamanızı Back4app’e bağlıyorsunuz.
Hizmet olarak arka uç kullanarak bir uygulamanın nasıl oluşturulacağını öğrenmek için okumaya devam edin.
Uygulamanızı Back4app’e Bağlama
Bir BaaS platformu olarak Back4app, Parse sunucusunun üzerine inşa edilmiştir, bu nedenle uygulamanızı Back4app sunucularıyla entegre etmek için Parse JavaScript SDK‘sını yüklemeniz gerekir.
Parse JavaScript SDK ‘sını npm kullanarak yüklemek için aşağıdaki komutu çalıştırın:
npm install parse
Alternatif olarak, aşağıdaki komutu çalıştırarak yarn paket yöneticisini kullanarak SDK’yı yükleyebilirsiniz:
yarn add parse
Ardından, belirli uygulama kimlik bilgilerini almanız gerekecek. Uygulamanızı Back4app’e bağlamak için bunlara ihtiyacınız olacak. İhtiyacınız olan uygulama kimlik bilgileri Uygulama Kimliği ve Javascript Anahtarıdır.
Uygulama Kimliği, uygulamanızı benzersiz bir şekilde tanımlayan ana kimliktir. Javascript ANAHTARI, bir JavaScript istemcisinden istekte bulunurken kullandığınız kimliktir.
Bu kimlik bilgilerini almak için, uygulamanızın kontrol panelinde Uygulama Ayarları ‘nı seçin, ardından Güvenlik ve Anahtarlar‘ı seçin. Bu sizi çeşitli Uygulama anahtarlarının bulunduğu bir sayfaya götürecektir, Uygulama Kimliğini ve Javascript Anahtarını kopyalayın ve güvenli bir şekilde saklayın.
Ardından, Parse ‘ın küçültülmüş sürümünü uygulamanızın giriş dosyasındaki (app.js) parse ‘dan içe aktarın.
Bu şekilde:
//app.js
import Parse from "parse/dist/parse.min.js";
Ardından, Parse üzerinde initialize yöntemini çağırın. Bu yöntem Uygulama Kimliğinizi ve Javascript KEY ‘inizi argüman olarak alır.
Örneğin:
//app.js
Parse.initialize(PARSE_APPLICATION_ID, PARSE_JAVASCRIPT_KEY);
initialize yöntemini çağırmak ve Uygulama Kimliğinizi ve Javascript KEY ‘inizi argüman olarak iletmek parse SDK’yı başlatacaktır.
Ardından, Parse üzerindeki serverURL özelliğini https://parseapi.back4app.com/ olarak ayarlayın.
Örneğin:
Parse.serverURL = "<https://parseapi.back4app.com/>";
Uygulamanız başlatıldı ve Back4app’e güvenli bir şekilde bağlanabilir. Ardından, platforma bazı veriler kaydedeceksiniz. BaaS kullanarak bir uygulamanın nasıl oluşturulacağını öğrenmek için okumaya devam edin.
Verileri Back4app’e Kaydetme
Back4app platformuyla etkileşim için çeşitli yöntemler sağlayan JavaScript Parse SDK’yı kullanarak Back4App’a veri kaydetmek için bir Parse nesne örneği oluşturmanız ve örneğinizin sahip olmasını istediğiniz nitelikleri tanımlamanız gerekir.
Bu eğitimde, Back4app’e bir Todo uygulaması bağlamaya çalıştığınızı varsayın.
Aşağıdaki kod bloğu, JavaScript Parse SDK’yı kullanarak Back4app’e nasıl veri kaydedebileceğinize dair bir örnek sunmaktadır:
function addTodo() {
try {
// Creating a new Parse Object instance
const Todo = new Parse.Object("Todo");
// Defining Object attributes
Todo.set("title", "First Todo");
Todo.set("completed", false);
//Saving object to Back4app
Todo.save().then(() => {
console.log("New todo added successfully");
});
} catch (error) {
console.log(error);
}
}
Yukarıdaki addTodo fonksiyonunda, Parse.Object() yapıcısı kullanılarak Todo sınıfından yeni bir Parse Nesnesi oluşturulmuştur. Parse.Object() yapıcısı argüman olarak bir sınıf adı alır.
Ardından, Todo ‘nun nitelikleri, üzerinde set yöntemi çağrılarak ayarlandı. set metodu argüman olarak bir anahtar ve bir değer alır. Bu durumda, Todo sınıfının title ve completed olmak üzere iki özniteliği vardır ve bunlar sırasıyla “First Todo” ve false olarak ayarlanmıştır.
Son olarak, Todo sınıfındaki save metodu çağrılarak Todo sınıfı Back4app’e kaydedilmiştir. save () yöntemi eşzamansızdır; bu nedenle, kaydetme başarılı olursa çözümleyen veya başarısız olursa reddeden bir söz döndürür.
Verileri Back4app’e kaydettikten sonra, sınıf adınıza tıklayarak verileri uygulama panonuzda görüntüleyebilirsiniz.
Artık verileri Back4app’e güvenli bir şekilde kaydedebilirsiniz. Daha sonra, Back4app’ten kayıtlı verileri nasıl alacağınızı öğreneceksiniz.
Back4app’ten Veri Getirme
Back4app’ten veri almak için, veri almak istediğiniz sınıf için, örneğin yukarıda tartışılan Todo sınıfı için bir parse sorgusu oluşturmanız gerekir. Ardından, JavaScript parse SDK tarafından sağlanan yöntemleri kullanarak verileri belirtilen kriterlere göre filtrelersiniz.
Aşağıdaki kod bloğu, JavaScript Parse SDK’yı kullanarak Back4app’ten nasıl veri getirebileceğinize dair bir örnek sunmaktadır:
async function fetchTodo() {
try {
//Creating a parse query for the Todo class
const query = new Parse.Query("Todo");
//Using the equalTo filter to look for todo that matches the given title.
query.equalTo("title", "First Todo");
//Running the query
const Todo = await query.first();
//Accessing static attributes
const todoId = Todo.id;
const todoUpdateAt = Todo.updatedAt;
const todoCreatedAt = Todo.createdAt;
//Accessing set attributes
const todoTitle = Todo.get("title");
const todoCompleted = Todo.get("completed");
//Logging values
console.log(todoId, todoCreatedAt, todoUpdateAt, todoTitle, todoCompleted);
} catch (error) {
console.log(error);
}
}
Yukarıdaki fetchTodo fonksiyonunda, Parse.Query() yapıcısı kullanılarak Todo sınıfı için yeni bir sorgu oluşturulur. Sorgu nesnesi Back4App’ten veri almak için kullanılır.
Ardından, argüman olarak bir anahtar ve bir değer alan equalTo() yöntemi, sorguyu filtrelemek için kullanıldı ve “First Todo ” başlıklı todo’yu döndürmesini sağladı.
İhtiyaçlarınıza bağlı olarak, sorgunuzu filtrelemek için anahtar-değer çiftlerini bağımsız değişken olarak alan notEqualTo yöntemi veya greaterThan yöntemi gibi başka filtreler de kullanabilirsiniz.
Ardından, sorgu, filtreyle eşleşen ilk sonucu döndüren first() yöntemi kullanılarak çalıştırıldı. first() yöntemi, bulunursa eşleşen nesneyle çözümlenen veya bulunmazsa bir hatayla reddedilen bir söz döndürür.
Alternatif olarak, filtreyle eşleşen bir dizi sonuç döndüren find() yöntemini kullanarak sorguyu çalıştırabilirsiniz.
Sorgu yürütüldükten ve Todo nesnesi döndürüldükten sonra, nesnenin id, createdAt ve updatedAt gibi statik özniteliklerine erişebilirsiniz. Bu statik öznitelikler Parse SDK tarafından ayarlanır ve get yöntemi kullanılarak alınamaz veya set yöntemi kullanılarak değiştirilemez.
Ayrıca get() yöntemini kullanarak tamamlanan başlık gibi set niteliklerine de erişebilirsiniz. get yöntemi, bir özniteliğin anahtarını bağımsız değişken olarak alır ve özniteliğin değerini döndürür.
Back4app’te Veri Güncelleme
Back4app üzerinde veri güncellemek, Back4app üzerinde veri kaydetmeye çok benzer. Back4app’te veri güncellemek için, Parse nesne örneğinizde bazı yeni veriler ayarlayın ve kaydetme yöntemini çağırın.
Parse SDK hangi verilerin değiştiğini otomatik olarak belirler, böylece Back4app’e yalnızca değiştirilen alanlar gönderilir.
Aşağıdaki kod bloğu, JavaScript Parse SDK’yı kullanarak Back4app’ten verileri nasıl güncelleyebileceğinize dair bir örnek sunmaktadır:
async function updateTodo() {
try {
// Creating a Parse Object instance
const Todo = new Parse.Object("Todo");
// Defining Object attributes
Todo.set("title", "Unmodified Todo");
Todo.set("completed", false);
// Updating Object attributes
Todo.save().then((todo) => {
todo.set("title", "modified Todo");
return todo.save().then(() => {
console.log("Todo updated");
});
});
} catch (error) {
console.log(error);
}
}
Yukarıdaki updateTodo fonksiyonunda, ilk nitelikler save metodu kullanılarak Todo sınıfına kaydedildikten sonra.
Kaydetme yönteminin çözümlenmiş nesnesi geri arama işlevine parametre olarak aktarılır ve burada nesne üzerinde set() yöntemi çağrılarak ve “title” özelliği için yeni değer aktarılarak güncellenir.
Nesne güncellendikten sonra, save() yöntemi nesne üzerinde tekrar çağrılır ve güncellenen veriler saklanmak üzere Back4App arka ucuna gönderilir.
save() yöntemi, kaydetme başarılı olursa güncellenmiş nesneyle çözümlenen veya kaydetme başarısız olursa bir hatayla reddedilen bir söz döndürür.
Back4app’te Veri Silme
Sınıf örneğindeki destroy yöntemini çağırarak back4app üzerindeki verileri silebilirsiniz.
Örneğin:
Todo.destroy().then(() => {
console.log("Object deleted successfully");
});
Alternatif olarak, bir Parse sınıfı örneğinde unset yöntemini çağırarak bir nesneden tek bir alanı silebilirsiniz.
Örneğin:
Todo.unset("Title");
Unset yöntemi bir anahtarı argüman olarak alır ve alanı Back4app’ten siler.
Sonuç
Sonuç olarak, BaaS Backend as a Service kullanmak, sunucu tarafı teknolojisi hakkında derinlemesine bilgi sahibi olmaya gerek kalmadan harika uygulamalar oluşturmak için mükemmel bir yoldur.
Herhangi bir uygulamanın arka uç bileşenlerini hızlı bir şekilde oluşturmak için gerekli araçları ve kaynakları sağlar; kimlik doğrulama ve analiz gibi özellikler zaten halledilmiştir.
Back4app üzerinde bir uygulama dağıtmak, bu eğitimde anlatılan adımları takip ederek tamamlayabileceğiniz basit bir işlemdir.
Back4app, uygulamalarınıza kolayca arka uç işlevselliği eklemenize olanak tanıyan sağlam ve ölçeklenebilir bir hizmet olarak arka uç platformu sağlar.
Back4app ile harika bir kullanıcı deneyimi yaratmaya odaklanabilir ve arka uç yönetimini Back4app’e bırakabilirsiniz.
