Implementasi Pendaftaran Pengguna di iOS dengan ParseSwift

8min
Pendaftaran Pengguna
Pendahuluan
Sebagian besar aplikasi dunia nyata sering memanfaatkan fitur berbasis pengguna untuk memberikan layanan yang lebih personal kepada klien. Fungsionalitas ini mengharuskan klien untuk mendaftar di aplikasi. Dengan platform Back4App dan ParseSwift SDK, Anda akan dapat menerapkan fitur-fitur tersebut di aplikasi Anda dengan mudah dan cepat.
Prasyarat
Untuk menyelesaikan tutorial ini, Anda akan membutuhkan:
Sebuah Aplikasi dibuat di Back4App.
Sebuah Aplikasi iOS dasar untuk menguji kueri
Tujuan
Untuk menerapkan fitur pendaftaran pengguna di Aplikasi iOS menggunakan ParseSwift SDK.
- Memahami alur pendaftaran pengguna
Untuk mengintegrasikan opsi pendaftaran pada aplikasi iOS, perlu untuk membuat objek yang sesuai dengan ParseUser protokol. Protokol ini mengimplementasikan properti utama yang diperlukan agar Back4App dapat menyimpan dan mengelola informasi login. Cuplikan berikut menunjukkan bagaimana objek pengguna dapat diimplementasikan:
Swift
 import Foundation
 import ParseSwift
3
 struct User: ParseUser {
   // Additional properties required by the ParseUser protocol
   var authData: [String : [String : String]?]?
   var originalData: Data?
   var objectId: String?
   var createdAt: Date?
  var updatedAt: Date?
  var ACL: ParseACL?

  // Main properties linked to the user's information
  var username: String?
  var email: String?
  var emailVerified: Bool?
  var password: String?
18
  // A custom property
  var age: Int?
}
 import Foundation
 import ParseSwift
3
 struct User: ParseUser {
   // Additional properties required by the ParseUser protocol
   var authData: [String : [String : String]?]?
   var originalData: Data?
   var objectId: String?
   var createdAt: Date?
  var updatedAt: Date?
  var ACL: ParseACL?

  // Main properties linked to the user's information
  var username: String?
  var email: String?
  var emailVerified: Bool?
  var password: String?
18
  // A custom property
  var age: Int?
}
﻿
Seperti yang dapat dilihat pada cuplikan di atas, ParseSwift memungkinkan kita untuk memiliki implementasi yang sangat fleksibel untuk objek pengguna. Mirip dengan age bidang, kita dapat menambahkan sebanyak mungkin bidang tambahan sesuai kebutuhan.
Setelah kita memiliki objek User yang siap, protokol ParseUser memberikan objek ini serangkaian metode untuk menangani semua operasi pengguna yang diperlukan seperti mendaftar, masuk, keluar, dll.
Pada langkah berikutnya, kita pertama-tama melihat bagaimana cara mengimplementasikan permintaan pendaftaran.
- Membuat permintaan pendaftaran
Kita mulai dengan menambahkan formulir yang sesuai di mana pengguna memasukkan informasi akun mereka. Biarkan ViewController (subkelas dari UIViewController) menjadi kelas di mana kita mengimplementasikan formulir. Dalam cuplikan di bawah ini, kita menyoroti elemen kunci yang harus dimiliki oleh formulir pendaftaran dasar:
Swift
 import UIKit
 import ParseSwift
3
 class ViewController: UIViewController {
   // User inputs
   @IBOutlet weak var usernameTextField: UITextField!
   @IBOutlet weak var emailTextField: UITextField!
   @IBOutlet weak var passwordTextField: UITextField!

  // Sign up button
 @IBOutlet weak var signUpButton: UIButton!
   
  override func viewDidLoad() {
    super.viewDidLoad()
      
    // Add additional code if needed
  }
18
  // Called when the user taps on the signUpButton
  @IBAction func handleSignUp(_ sender: Any) {
    guard let username = usernameTextField.text, let password = passwordTextField.text else {
      return showMessage(title: "Error", message: "The credentials are not valid.")
    }
      
    signUp(username: username, email: emailTextField.text, password: password)
  }
  
  // This method prepares and registers the new user
  private func signUp(username: String, email: String?, password: String) {
    // TODO: Here we will implement the signup action
  }
  
  // Presents an alert with a title, a message and a back button
  func showMessage(title: String, message: String) {
    let alertController = UIAlertController(title: title, message: message, preferredStyle: .alert)
        
    alertController.addAction(UIAlertAction(title: "Back", style: .cancel))
      
    present(alertController, animated: true)
  }
}
 import UIKit
 import ParseSwift
3
 class ViewController: UIViewController {
   // User inputs
   @IBOutlet weak var usernameTextField: UITextField!
   @IBOutlet weak var emailTextField: UITextField!
   @IBOutlet weak var passwordTextField: UITextField!

  // Sign up button
 @IBOutlet weak var signUpButton: UIButton!
   
  override func viewDidLoad() {
    super.viewDidLoad()
      
    // Add additional code if needed
  }
18
  // Called when the user taps on the signUpButton
  @IBAction func handleSignUp(_ sender: Any) {
    guard let username = usernameTextField.text, let password = passwordTextField.text else {
      return showMessage(title: "Error", message: "The credentials are not valid.")
    }
      
    signUp(username: username, email: emailTextField.text, password: password)
  }
  
  // This method prepares and registers the new user
  private func signUp(username: String, email: String?, password: String) {
    // TODO: Here we will implement the signup action
  }
  
  // Presents an alert with a title, a message and a back button
  func showMessage(title: String, message: String) {
    let alertController = UIAlertController(title: title, message: message, preferredStyle: .alert)
        
    alertController.addAction(UIAlertAction(title: "Back", style: .cancel))
      
    present(alertController, animated: true)
  }
}
﻿
Kami menyerahkan bagian tata letak kepada pengembang. Anda dapat mengintegrasikan dan mengatur komponen visual sesuai kebutuhan Anda.
Selanjutnya, pada langkah berikutnya, kita mengimplementasikan signUp(username:email:password:) metode.
- Mengimplementasikan fungsi pendaftaran
Langkah pertama untuk mendaftar pengguna adalah memiliki sebuah instance dari Pengguna objek dengan kredensial yang sesuai. nama pengguna dan kata sandi adalah kolom yang wajib diisi untuk mendaftar pengguna baru, kolom lainnya bersifat opsional. Oleh karena itu, cara yang umum untuk menginstansiasi sebuah Pengguna objek adalah:
Swift
 var newUser = User(username: "aCoolUsername", email: "[email protected]", password: "mySecurePassword")
 newUser.age = 25
 var newUser = User(username: "aCoolUsername", email: "myEmail@domain.net", password: "mySecurePassword")
 newUser.age = 25
﻿
Selain itu, kita juga harus memberikan nilai awal untuk kolom kustom, seperti usia kolom dalam kasus kita.
Langkah selanjutnya adalah melakukan tindakan pendaftaran. ParseUser protokol mengimplementasikan metode signup(...) yang akan memungkinkan kita untuk mengirim permintaan pendaftaran ke aplikasi Back4App. Ada tiga jenis implementasi untuk signup(...). Tergantung pada kasus penggunaan, seseorang harus memilih yang sesuai.
Sekarang, kita dapat menyelesaikan signUp(username:email:password:) di ViewController:
Swift
 class ViewController: UIViewController {
   ...
3
   private func signUp(username: String, email: String?, password: String) {
     var newUser = User(username: username, email: email, password: password)
     newUser.age = 25 // WARNING: This should be entered by the user, not hardcoded
7
    //WARNING: ONLY USE ONE OF THE FOLLOWING CASES, THE SYNCHRONOUS OR THE ASYNCHRONOUS CASE  
9
   // The below registers the user synchronously and returns the updated User object (stored on your Back4App application)
  do {
      let signedUpUser = try newUser.signup()
      showMessage(title: "Signup succeeded", message: "\(user)")
      usernameTextField.text = nil
      emailTextField.text = nil
      passwordTextField.text = nil
    } catch let error as ParseError {
      showMessage(title: "Error", message: error.message)
    } catch {
      showMessage(title: "Error", message: error.localizedDescription)
    }

    // The below registers the user asynchronously and returns the updated User object (stored on your Back4App application) wrapped in a Result<User, ParseError> object
    newUser.signup { [weak self] result in
      switch result {
        case .success(let signedUpUser):
          self?.showMessage(title: "Signup succeeded", message: "\(signedUpUser)")
          self?.usernameTextField.text = nil
          self?.emailTextField.text = nil
          self?.passwordTextField.text = nil
        case .failure(let error):
          self?.showMessage(title: "Error", message: error.message)
      }
    }
  }
}
 class ViewController: UIViewController {
   ...
3
   private func signUp(username: String, email: String?, password: String) {
     var newUser = User(username: username, email: email, password: password)
     newUser.age = 25 // WARNING: This should be entered by the user, not hardcoded
7
    //WARNING: ONLY USE ONE OF THE FOLLOWING CASES, THE SYNCHRONOUS OR THE ASYNCHRONOUS CASE  
9
   // The below registers the user synchronously and returns the updated User object (stored on your Back4App application)
  do {
      let signedUpUser = try newUser.signup()
      showMessage(title: "Signup succeeded", message: "\(user)")
      usernameTextField.text = nil
      emailTextField.text = nil
      passwordTextField.text = nil
    } catch let error as ParseError {
      showMessage(title: "Error", message: error.message)
    } catch {
      showMessage(title: "Error", message: error.localizedDescription)
    }

    // The below registers the user asynchronously and returns the updated User object (stored on your Back4App application) wrapped in a Result<User, ParseError> object
    newUser.signup { [weak self] result in
      switch result {
        case .success(let signedUpUser):
          self?.showMessage(title: "Signup succeeded", message: "\(signedUpUser)")
          self?.usernameTextField.text = nil
          self?.emailTextField.text = nil
          self?.passwordTextField.text = nil
        case .failure(let error):
          self?.showMessage(title: "Error", message: error.message)
      }
    }
  }
}
﻿
Catatan: Mendaftarkan pengguna baru menggunakansignup(...)metode secara otomatis masuk ke pengguna, jadi tidak perlu bagi pengguna untuk masuk lagi untuk melanjutkan menggunakan aplikasi Anda.
Kapan saja selama siklus hidup aplikasi Anda, Anda dapat mengakses pengguna yang saat ini masuk dari sebuah static properti yang diimplementasikan dalam ParseUser protokol
Swift
 let loggedInUser: User? = User.current
 let loggedInUser: User? = User.current
﻿
Di repositori ini Anda dapat menemukan aplikasi pendaftaran pengguna sederhana yang mengikuti langkah-langkah yang kami jelaskan di atas.
Kesimpulan
Platform Back4App bersama dengan ParseSwift SDK menawarkan cara yang cepat dan sederhana untuk mengintegrasikan alur pendaftaran ke dalam aplikasi iOS Anda. Selain itu, dalam panduan berikut, kami akan menjelajahi prosedur yang tersisa seperti masuk, keluar, dll.
Diperbarui 27 Jan 2025
Apakah halaman ini membantu Anda?
SEBELUMNYA
Mengelola Geoqueries dengan ParseGeoPoint di ParseSwift SDK
BERIKUTNYA
Panduan Login dan Logout dengan ParseSwift SDK untuk iOS
Implementasi Pendaftaran Pengguna di iOS dengan ParseSwift

Pendaftaran Pengguna

Pendahuluan

Prasyarat

Tujuan

1 - Memahami alur pendaftaran pengguna

2 - Membuat permintaan pendaftaran

3 - Mengimplementasikan fungsi pendaftaran

Kesimpulan
