ਸਵਿਫਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ iOS ਐਪਸ ਬਣਾਉਣ ਬਾਰੇ ਟਿਊਟੋਰਿਅਲ
Xcode ਅਤੇ Swift ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾ ਰਾਹੀਂ ਐਪਲ ਦੇ ਵਿਆਪਕ ਵਿਕਾਸ ਈਕੋਸਿਸਟਮ ਦੇ ਕਾਰਨ iOS ਐਪਸ ਬਣਾਉਣਾ ਕਦੇ ਵੀ ਸੌਖਾ ਨਹੀਂ ਰਿਹਾ। ਇਸ ਲੇਖ ਵਿੱਚ, ਤੁਸੀਂ Swift ਦੀ ਵਰਤੋਂ ਕਰਕੇ iOS ਐਪ ਬਣਾਉਣ ਦੇ ਮੁੱਢਲੇ ਪ੍ਰਵਾਹ ਬਾਰੇ ਸਿੱਖੋਗੇ, ਟੂਲਸ ਸੈੱਟਅੱਪ ਕਰਨ ਤੋਂ ਲੈ ਕੇ, ਇੱਕ ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਉਣ ਤੋਂ ਲੈ ਕੇ, ਇੰਟਰਫੇਸ ਡਿਜ਼ਾਈਨ ਕਰਨ ਅਤੇ ਸਿਮੂਲੇਟਰ ਵਿੱਚ ਐਪ ਚਲਾਉਣ ਤੱਕ। ਹਾਲਾਂਕਿ ਇਹ ਟਿਊਟੋਰਿਅਲ ਸ਼ੁਰੂਆਤੀ ਹੈ, ਪਰ ਇਹ ਕਦਮ ਇੱਕ ਸਧਾਰਨ, ਕਾਰਜਸ਼ੀਲ ਐਪ ਬਣਾਉਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰਨ ਲਈ ਕਾਫ਼ੀ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ।
-
1. ਔਜ਼ਾਰਾਂ ਅਤੇ ਲੋੜਾਂ ਦੀ ਤਿਆਰੀ
ਸ਼ੁਰੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ menulis kode, pastikan Anda memiliki perangkat dan software berikut:
1. MacBook/iMac (atau macOS di perangkat Apple), karena Xcode secara resmi hanya berjalan di macOS.
2. Xcode (bisa diunduh gratis melalui Mac App Store). Xcode berisi editor kode, simulator iPhone, serta tool build dan debugging.
3. Swift (sudah termasuk di Xcode).
4. (Opsional) Akun Apple Developer untuk instalasi ke perangkat fisik dan publikasi ke App Store.
ਇੱਕ ਵਾਰ Xcode ਇੰਸਟਾਲ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਐਪਲੀਕੇਸ਼ਨ ਖੋਲ੍ਹੋ ਅਤੇ ਜੇਕਰ ਲੋੜ ਹੋਵੇ ਤਾਂ ਵਾਧੂ ਹਿੱਸਿਆਂ ਦੀ ਇੰਸਟਾਲੇਸ਼ਨ ਪ੍ਰਕਿਰਿਆ ਪੂਰੀ ਹੋਣ ਦੀ ਉਡੀਕ ਕਰੋ।
-
2. Xcode ਵਿੱਚ ਇੱਕ ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ
1. Buka Xcode .
2. Pilih Create a new Xcode project .
3. ਟੈਂਪਲੇਟ ਭਾਗ ਵਿੱਚ, ਚੁਣੋ:
- ਆਈਓਐਸ
– App
4. Klik Next , lalu isi konfigurasi proyek:
– Product Name : misalnya `HelloSwiftApp`
– Team : pilih akun Anda (bisa kosong jika belum login)
– Organization Identifier : misalnya `com.namadeveloper`
– Interface : pilih SwiftUI (lebih modern dan sederhana untuk pemula)
ਨੋਟ: ਜੇਕਰ ਤੁਸੀਂ UIKit ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਸਟੋਰੀਬੋਰਡ ਚੁਣ ਸਕਦੇ ਹੋ, ਪਰ ਇਹ ਟਿਊਟੋਰਿਅਲ SwiftUI 'ਤੇ ਕੇਂਦ੍ਰਿਤ ਹੈ।
– Language : Swift
5. Klik Next dan pilih lokasi penyimpanan proyek, lalu klik Create .
ਇੱਕ ਵਾਰ ਪ੍ਰੋਜੈਕਟ ਬਣ ਜਾਣ ਤੋਂ ਬਾਅਦ, ਤੁਸੀਂ `HelloSwiftAppApp.swift` ਅਤੇ `ContentView.swift` ਵਰਗਾ ਇੱਕ ਫਾਈਲ ਢਾਂਚਾ ਵੇਖੋਗੇ।
-
3. ਇੱਕ SwiftUI ਪ੍ਰੋਜੈਕਟ ਦੇ ਮੂਲ ਢਾਂਚੇ ਨੂੰ ਸਮਝਣਾ
SwiftUI ਵਿੱਚ, ਕਿਸੇ ਐਪਲੀਕੇਸ਼ਨ ਦਾ ਸ਼ੁਰੂਆਤੀ ਬਿੰਦੂ ਆਮ ਤੌਰ 'ਤੇ `YourAppNameApp.swift` ਫਾਈਲ ਹੁੰਦਾ ਹੈ। ਉਦਾਹਰਣ ਵਜੋਂ:
"ਤੇਜ਼"
SwiftUI ਆਯਾਤ ਕਰੋ
@ਮੁੱਖ
struct HelloSwiftAppApp: ਐਪ {
var ਬਾਡੀ: ਕੁਝ ਦ੍ਰਿਸ਼ {
ਵਿੰਡੋਗਰੁੱਪ {
ਕੰਟੈਂਟਵਿਊ()
}
}
}
“
ਛੋਟੀ ਵਿਆਖਿਆ:
– `@main` ਐਪਲੀਕੇਸ਼ਨ ਐਂਟਰੀ ਪੁਆਇੰਟ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ।
- `WindowGroup` ਮੁੱਖ ਵਿਊ ਕੰਟੇਨਰ ਹੈ।
– `ContentView()` ਪਹਿਲਾ ਦ੍ਰਿਸ਼ ਹੈ ਜੋ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦਾ ਹੈ।
ਇਸ ਦੌਰਾਨ, `ContentView.swift` ਵਿੱਚ ਮੁੱਖ ਦ੍ਰਿਸ਼ ਸ਼ਾਮਲ ਹੈ:
"ਤੇਜ਼"
SwiftUI ਆਯਾਤ ਕਰੋ
struct ContentView: ਵੇਖੋ {
var ਬਾਡੀ: ਕੁਝ ਦ੍ਰਿਸ਼ {
ਟੈਕਸਟ ("ਹੈਲੋ, ਦੁਨੀਆ!")
.ਪੈਡਿੰਗ()
}
}
“
-
4. ਇੱਕ ਸਧਾਰਨ UI ਬਣਾਉਣਾ: "ਤੁਰੰਤ ਨੋਟਸ" ਐਪ
ਚੀਜ਼ਾਂ ਨੂੰ ਹੋਰ ਦਿਲਚਸਪ ਬਣਾਉਣ ਲਈ, ਅਸੀਂ "ਕੁਇੱਕ ਨੋਟਸ" ਨਾਮਕ ਇੱਕ ਸਧਾਰਨ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਵਾਂਗੇ ਜੋ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਨੋਟਸ ਟਾਈਪ ਕਰਨ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਇੱਕ ਸੂਚੀ ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ।
ਕਦਮ 1: ਇਨਪੁਟ ਅਤੇ ਸੂਚੀ ਲਈ ਸਥਿਤੀਆਂ ਬਣਾਉਣਾ
`ContentView.swift` ਨੂੰ ਇਸ ਵਿੱਚ ਬਦਲੋ:
"ਤੇਜ਼"
SwiftUI ਆਯਾਤ ਕਰੋ
struct ContentView: ਵੇਖੋ {
@State ਪ੍ਰਾਈਵੇਟ var ਨੋਟਟੈਕਸਟ: ਸਤਰ = “”
@State ਪ੍ਰਾਈਵੇਟ var ਨੋਟਸ: [String] = []
var ਬਾਡੀ: ਕੁਝ ਦ੍ਰਿਸ਼ {
ਨੈਵੀਗੇਸ਼ਨਵਿਊ {
ਵੀਸਟੈਕ (ਸਪੇਸਿੰਗ: 16) {
ਟੈਕਸਟਫੀਲਡ (“ਇੱਕ ਨੋਟ ਲਿਖੋ…”, ਟੈਕਸਟ: $noteText)
.textFieldStyle(RoundedBorderTextFieldStyle())
.ਪੈਡਿੰਗ(.ਲੇਟਵਾਂ)
ਬਟਨ (ਕਾਰਵਾਈ: ਐਡਨੋਟ) {
ਟੈਕਸਟ ("ਨੋਟ ਸ਼ਾਮਲ ਕਰੋ")
.ਫ੍ਰੇਮ(ਵੱਧ ਤੋਂ ਵੱਧ ਚੌੜਾਈ: .ਅਨੰਤ)
}
.ਬਟਨਸਟਾਈਲ(.ਬਾਰਡਰਡਪ੍ਰੋਮਿਨੈਂਟ)
.ਪੈਡਿੰਗ(.ਲੇਟਵਾਂ)
ਸੂਚੀ {
ਹਰੇਕ ਲਈ (ਨੋਟ, ਆਈਡੀ: \.self) { ਨੋਟ ਇਨ
ਟੈਕਸਟ (ਨੋਟ)
}
.onDelete(ਪ੍ਰਦਰਸ਼ਨ ਕਰੋ: deleteNote)
}
}
.navigationTitle(“ਤੁਰੰਤ ਨੋਟਸ”)
}
}
ਪ੍ਰਾਈਵੇਟ ਫੰਕਸ਼ਨ ਐਡਨੋਟ() {
let trimmed = noteText.trimmingCharacters(in: .whitespacesAndNewlines)
ਗਾਰਡ ! ਟ੍ਰਿਮਡ.ਇਸ ਖਾਲੀ ਹੈ ਹੋਰ { ਵਾਪਸੀ }
notes.insert(ਛਾਂਟਿਆ ਹੋਇਆ, at: 0)
ਨੋਟ ਟੈਕਸਟ = “”
}
ਪ੍ਰਾਈਵੇਟ ਫੰਕ ਡਿਲੀਟ ਨੋਟ (ਆਫਸੈੱਟ: ਇੰਡੈਕਸਸੈੱਟ) {
ਨੋਟਸ.ਰਿਮੋਵ (ਆਫਸੈੱਟਾਂ 'ਤੇ: ਆਫਸੈੱਟ)
}
}
“
-
5. ਮਹੱਤਵਪੂਰਨ ਕੋਡ ਵਿਆਖਿਆ
ਸਮਝਣ ਲਈ ਕੁਝ ਮੁੱਖ ਧਾਰਨਾਵਾਂ:
– @State : Digunakan untuk menyimpan data yang akan berubah dan memicu UI untuk ikut diperbarui.
- `noteText` ਇਨਪੁਟ ਟੈਕਸਟ ਨੂੰ ਸਟੋਰ ਕਰਦਾ ਹੈ।
- `ਨੋਟਸ` ਨੋਟਸ ਦੀ ਇੱਕ ਸੂਚੀ ਸਟੋਰ ਕਰਦਾ ਹੈ।
– TextField : Komponen input teks.
`text: $noteText` ਨੂੰ ਬਾਈਡਿੰਗ ਕਰਨ ਦਾ ਮਤਲਬ ਹੈ ਕਿ TextField ਸਿੱਧਾ `noteText` ਸਥਿਤੀ ਨਾਲ ਜੁੜਿਆ ਹੋਇਆ ਹੈ।
– Button(action:) : Tombol untuk menjalankan fungsi `addNote()`.
– List + ForEach : Menampilkan data dalam bentuk daftar.
`id: \.self` ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਕਿਉਂਕਿ ਆਈਟਮ ਇੱਕ ਵਿਲੱਖਣ ਸਤਰ ਹੈ (ਇੱਕ ਸਧਾਰਨ ਉਦਾਹਰਣ ਲਈ)।
– onDelete : Memungkinkan penghapusan item dari list dengan gesture swipe.
-
6. ਸਿਮੂਲੇਟਰ ਵਿੱਚ ਐਪਲੀਕੇਸ਼ਨ ਚਲਾਉਣਾ
ਐਪਲੀਕੇਸ਼ਨ ਚਲਾਉਣ ਲਈ:
1. Di bagian atas Xcode, pilih target device misalnya iPhone 15 (Simulator).
2. Klik tombol Run (ikon segitiga ▶).
3. ਸਿਮੂਲੇਟਰ ਖੁੱਲ੍ਹੇਗਾ, ਫਿਰ ਐਪਲੀਕੇਸ਼ਨ ਆਪਣੇ ਆਪ ਚੱਲੇਗੀ।
"ਨੋਟ ਸ਼ਾਮਲ ਕਰੋ" ਬਟਨ ਦਬਾ ਕੇ, ਇੱਕ ਨੋਟ ਟਾਈਪ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ, ਅਤੇ ਇਸਨੂੰ ਸੂਚੀ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦਾ ਦੇਖੋ। ਕਿਸੇ ਵੀ ਆਈਟਮ ਨੂੰ ਮਿਟਾਉਣ ਲਈ ਖੱਬੇ ਪਾਸੇ ਸਵਾਈਪ ਕਰੋ।
-
7. ਸਧਾਰਨ ਡੀਬੱਗਿੰਗ
ਜਦੋਂ ਕੋਈ ਐਪਲੀਕੇਸ਼ਨ ਉਮੀਦ ਅਨੁਸਾਰ ਕੰਮ ਨਹੀਂ ਕਰਦੀ, ਤਾਂ ਤੁਸੀਂ ਇਹ ਕਰ ਸਕਦੇ ਹੋ:
– Melihat panel Debug Console di bawah Xcode untuk error log.
- ਵੇਰੀਏਬਲ ਮੁੱਲਾਂ ਦੀ ਜਾਂਚ ਕਰਨ ਲਈ `print()` ਜੋੜਿਆ ਗਿਆ:
"ਤੇਜ਼"
ਪ੍ਰਿੰਟ (“ਨੋਟ ਜੋੜਿਆ ਗਿਆ:”, ਟ੍ਰਿਮ ਕੀਤਾ ਗਿਆ)
“
ਇਸ ਤੋਂ ਇਲਾਵਾ, Xcode ਇੱਕ ਖਾਸ ਲਾਈਨ 'ਤੇ ਪ੍ਰੋਗਰਾਮ ਨੂੰ ਰੋਕਣ ਲਈ ਇੱਕ ਬ੍ਰੇਕਪੁਆਇੰਟ ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਤਾਂ ਜੋ ਤੁਸੀਂ ਵੇਰੀਏਬਲ ਦੀ ਸਮੱਗਰੀ ਦੀ ਜਾਂਚ ਕਰ ਸਕੋ।
-
8. ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣਾ: ਡੇਟਾ ਪ੍ਰਮਾਣਿਕਤਾ ਅਤੇ ਸਟੋਰੇਜ
ਉਪਰੋਕਤ ਐਪਲੀਕੇਸ਼ਨ ਅਜੇ ਵੀ ਅਸਥਾਈ ਤੌਰ 'ਤੇ ਨੋਟਸ ਸਟੋਰ ਕਰਦੀ ਹੈ (ਐਪਲੀਕੇਸ਼ਨ ਬੰਦ ਹੋਣ 'ਤੇ ਉਹ ਅਲੋਪ ਹੋ ਜਾਣਗੇ)। ਵਿਕਾਸ ਦੇ ਅਗਲੇ ਪੜਾਅ ਲਈ, ਤੁਸੀਂ ਇਹ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹੋ:
1. Penyimpanan Lokal (UserDefaults)
ਐਪਲੀਕੇਸ਼ਨ ਬੰਦ ਹੋਣ ਤੋਂ ਬਾਅਦ ਵੀ ਜਾਰੀ ਰਹਿਣ ਲਈ ਨੋਟਸ ਦੀ ਇੱਕ ਲੜੀ ਨੂੰ UserDefaults ਵਿੱਚ ਸੁਰੱਖਿਅਤ ਕਰੋ।
2. Database (Core Data/SQLite)
ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਡੇਟਾ ਲਈ ਢੁਕਵਾਂ।
3. Fitur Edit Catatan
ਰਿਕਾਰਡ ਨੂੰ ਸੋਧਣ ਲਈ ਇੱਕ ਵੇਰਵਾ ਦ੍ਰਿਸ਼ ਬਣਾਓ।
4. UI yang Lebih Menarik
ਆਈਕਨ, ਰੰਗ, ਅਤੇ ਇੱਕ ਸਾਫ਼ ਲੇਆਉਟ ਸ਼ਾਮਲ ਕਰੋ।
ਇੱਕ ਆਸਾਨ ਕਦਮ ਦੇ ਤੌਰ 'ਤੇ, ਤੁਸੀਂ `JSONEncoder` ਅਤੇ `JSONDecoder` ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਰਿਕਾਰਡਾਂ ਨੂੰ `UserDefaults` ਵਿੱਚ ਸੁਰੱਖਿਅਤ ਕਰਕੇ ਸ਼ੁਰੂਆਤ ਕਰ ਸਕਦੇ ਹੋ।
-
9 ਕੇਸਿਮਪੁਲਨ
Swift ਅਤੇ SwiftUI iOS ਐਪਸ ਬਣਾਉਣ ਦਾ ਇੱਕ ਆਧੁਨਿਕ ਅਤੇ ਤੇਜ਼ ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ। ਇਸ ਟਿਊਟੋਰਿਅਲ ਵਿੱਚ, ਤੁਸੀਂ ਸਿੱਖਿਆ ਕਿ ਇੱਕ ਨਵਾਂ iOS ਪ੍ਰੋਜੈਕਟ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ, ਇੱਕ SwiftUI ਐਪ ਦੀ ਮੁੱਢਲੀ ਬਣਤਰ ਨੂੰ ਕਿਵੇਂ ਸਮਝਣਾ ਹੈ, TextFields, Buttons, ਅਤੇ Lists ਨਾਲ ਇੱਕ ਸਧਾਰਨ UI ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ, ਅਤੇ ਸਿਮੂਲੇਟਰ ਵਿੱਚ ਐਪ ਨੂੰ ਚਲਾਉਣਾ ਹੈ। ਜਦੋਂ ਕਿ ਐਪ ਅਜੇ ਵੀ ਸਧਾਰਨ ਹੈ, ਇਹ ਬੁਨਿਆਦ ਡੇਟਾ ਸਟੋਰੇਜ, ਪੇਜ ਨੈਵੀਗੇਸ਼ਨ, ਅਤੇ API ਏਕੀਕਰਨ ਵਰਗੀਆਂ ਹੋਰ ਗੁੰਝਲਦਾਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵੱਲ ਵਧਣ ਲਈ ਜ਼ਰੂਰੀ ਹੈ।
ਜੇਕਰ ਤੁਸੀਂ ਚਾਹੋ, ਤਾਂ ਮੈਂ ਇਸ ਟਿਊਟੋਰਿਅਲ ਦੇ ਹੋਰ ਉੱਨਤ ਸੰਸਕਰਣ ਬਣਾਉਣ ਵਿੱਚ ਵੀ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕਦਾ ਹਾਂ, ਜਿਵੇਂ ਕਿ UserDefaults/Core Data ਨਾਲ ਸਥਾਈ ਸਟੋਰੇਜ ਜੋੜਨਾ, NavigationStack ਨਾਲ ਇੱਕ ਵੇਰਵਾ ਪੰਨਾ ਬਣਾਉਣਾ, ਜਾਂ URLSession ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੰਟਰਨੈਟ ਤੋਂ ਡੇਟਾ ਪ੍ਰਾਪਤ ਕਰਨ ਵਾਲਾ ਐਪ ਬਣਾਉਣਾ।
