Native App: المفاهيم الأساسية، التطوير الأصلي لنظامي iOS وAndroid

ما هي Native App

Native App — تطبيق جوال تم تطويره خصيصاً لمنصة واحدة باستخدام لغة البرمجة والأدوات الأصلية لها. لنظام iOS هذه هي Swift أو Objective-C مع Xcode، لنظام Android Kotlin أو Java مع Android Studio. يتم ترجمة الكود مباشرة إلى كود الآلة الخاص بالمنصة (عبر LLVM لنظام iOS، ART لنظام Android)، مما يضمن أقصى سرعة تنفيذ.

هندسة التطبيق الأصلي تتضمن ثلاث طبقات. طبقة العرض التقديمي — مكونات واجهة المستخدم (UIKit/SwiftUI على iOS، Jetpack Compose/Android Views على Android). طبقة المجال — منطق الأعمال مع حالات الاستخدام وواجهات المستودع. طبقة البيانات — مصادر البيانات: الشبكة (URLSession/Alamofire على iOS، Retrofit/OkHttp على Android)، قاعدة البيانات (CoreData/SwiftData، Room)، نظام الملفات. كل طبقة تستخدم SDK أصلية — على سبيل المثال، تطبيق iOS يمكنه استدعاء CoreLocation للموقع الجغرافي، CoreBluetooth لـ BLE، AVFoundation للكاميرا، Metal للرسوم ثلاثية الأبعاد. Android يقدم بدائل مشابهة: FusedLocationProvider للموقع، BluetoothAdapter لـ BLE، CameraX للكاميرا، OpenGL ES/Vulkan للرسوم.

دورة حياة التطبيق الأصلي تختلف بين المنصات. iOS يستخدم نموذجاً صارماً مع AppDelegate وSceneDelegate: يمر التطبيق بحالات notRunning → foregroundInactive → foregroundActive → background → suspended. Android يستخدم نموذجاً أكثر مرونة مع Activity وFragment: onCreate → onStart → onResume → onPause → onStop → onDestroy، بالإضافة إلى إمكانية إنهاء العمليات من قبل النظام عند نقص الذاكرة. يجب على المطور معالجة حفظ الحالة بشكل صحيح (iOS: استعادة الحالة، Android: onSaveInstanceState) لتجربة مستخدم مستمرة.

تطوير iOS: Swift وXcode

تطوير iOS يتم حصرياً على macOS في بيئة Xcode — بيئة التطوير المتكاملة من Apple والتي تشمل محرر الكود، Interface Builder، محاكي iOS، وأدوات التنميط (Instruments). اللغة الرئيسية هي Swift، التي قدمتها Apple في 2014. تجمع Swift بين أمان الأنواع وأداء قريب من C، وتدعم نماذج البرمجة كائنية التوجه والوظيفية والموجهة بالبروتوكول.

أطر iOS الرئيسية:

• UIKit — الإطار الرئيسي لبناء الواجهات بأسلوب أمري (UIViewController, UIView, Auto Layout)
• SwiftUI — إطار عمل تصريحي (iOS 13+) مع @State, @Binding, @ObservedObject لتحديثات واجهة المستخدم التفاعلية
• Combine — إطار برمجة تفاعلية مع Publisher/Subscriber لمعالجة الأحداث غير المتزامنة
• CoreData / SwiftData — أطر للتخزين المستمر للبيانات مع رسم بياني للكائنات وSQLite في القاعدة
• URLSession — عميل HTTP أصلي مع دعم HTTP/2، التخزين المؤقت، والتنزيلات في الخلفية
• ARKit, CoreML, Vision — أطر للواقع المعزز والتعلم الآلي ورؤية الكمبيوتر على الجهاز

أدوات Xcode تشمل: Interface Builder لتصميم واجهات المستخدم بصرياً، Asset Catalog لإدارة الموارد، Swift Package Manager للتبعيات، Test Navigator للاختبارات الوحدوية واختبارات واجهة المستخدم (XCTest)، Organizer للنشر في App Store. Instruments يتيح تنميط وحدة المعالجة المركزية، الذاكرة، الشبكة، الرسوميات، واستهلاك الطاقة. للـ CI/CD يتم استخدام Xcode Cloud أو خدمات الطرف الثالث (GitHub Actions, Bitrise, Fastlane).

تطوير Android: Kotlin وAndroid Studio

تطوير Android يتم في Android Studio — بيئة تطوير متكاملة مبنية على IntelliJ IDEA من Google. اللغة الرئيسية هي Kotlin، التي أصبحت الخيار المفضل في 2017. Kotlin متوافقة تماماً مع Java ولكنها تقدم بناء جملة أكثر إيجازاً، أمان القيم الخالية عبر عامل Elvis، coroutines للبرمجة غير المتزامنة، ودوال الإضافة. Android Studio يتضمن محرر تخطيط للتصميم البصري، محاكي Android مع خدمات Google Play، APK Analyzer وProfiler.

مكونات Android الرئيسية:

• Jetpack Compose — إطار واجهة مستخدم تصريحي (Android 5+) مع دوال @Composable وحالة تفاعلية عبر mutableStateOf
• Android Views — نظام أمري كلاسيكي مع تخطيطات XML، Activity، Fragment، RecyclerView
• Room — مكتبة ORM لـ SQLite مع التحقق من الاستعلامات في وقت الترجمة ودعم Flow
• Retrofit + OkHttp — مجموعة تقنية قياسية لطلبات HTTP مع معترضات، تخزين مؤقت، ودعم coroutines
• Hilt / Dagger — أطر حقن التبعيات المستندة إلى JSR-330
• WorkManager — واجهة برمجة للمهام المؤجلة والخلفية مع ضمان التنفيذ حتى بعد إعادة التشغيل

أنماط هندسة Android: Google توصي بـ MVVM مع طبقة مستودع. ViewModel يخزن الحالة (StateFlow)، Repository يجرد مصادر البيانات، Use Cases يغلف منطق الأعمال. Navigation Component يدير الانتقالات بين الشاشات عبر رسم بياني للتنقل. للاختبار يتم استخدام JUnit، MockK، Compose UI Test وEspresso.

مثال كود: Swift لنظام iOS

لننظر إلى إنشاء تطبيق iOS بسيط في SwiftUI — قائمة مهام مع حفظ البيانات عبر SwiftData. يوضح التطبيق الأنماط الرئيسية لتطوير iOS الأصلي: واجهة مستخدم تصريحية، تحديثات تفاعلية، إدارة البيانات.

import SwiftUI
import SwiftData

// 1. نموذج البيانات مع SwiftData
@Model
final class TaskItem {
    var title: String
    var isCompleted: Bool
    var createdAt: Date

    init(title: String) {
        self.title = title
        self.isCompleted = false
        self.createdAt = Date()
    }
}

// 2. ViewModel مع منطق الأعمال
@Observable
final class TaskViewModel {
    var tasks: [TaskItem] = []

    func addTask(title: String, context: ModelContext) {
        let task = TaskItem(title: title)
        context.insert(task)
        tasks.append(task)
    }

    func toggleTask(task: TaskItem) {
        task.isCompleted.toggle()
    }
}

// 3. الشاشة الرئيسية للتطبيق
struct ContentView: View {
    @Environment(\.modelContext) private var context
    @State private var viewModel = TaskViewModel()
    @State private var newTaskTitle = ""
    @Query private var tasks: [TaskItem]

    var body: some View {
        NavigationStack {
            List {
                Section(header: Text("مهمة جديدة")) {
                    HStack {
                        TextField("أدخل اسماً", text: $newTaskTitle)
                        Button("إضافة") {
                            addTask()
                        }
                        .disabled(newTaskTitle.isEmpty)
                    }
                }
                Section(header: Text("قائمة المهام")) {
                    ForEach(tasks) { task in
                        HStack {
                            Image(systemName: task.isCompleted ? "checkmark.circle.fill" : "circle")
                                .onTapGesture { viewModel.toggleTask(task: task) }
                            Text(task.title)
                                .strikethrough(task.isCompleted)
                            Spacer()
                            Text(task.createdAt, style: .date)
                                .font(.caption)
                                .foregroundColor(.secondary)
                        }
                    }
                    .onDelete { indexSet in
                        for index in indexSet {
                            context.delete(tasks[index])
                        }
                    }
                }
            }
            .navigationTitle("مهامي")
        }
    }

    private func addTask() {
        guard !newTaskTitle.isEmpty else { return }
        viewModel.addTask(title: newTaskTitle, context: context)
        newTaskTitle = ""
    }
}

الأنماط الرئيسية في الكود: @Model — ماكرو SwiftData للتوليد التلقائي للتخزين المستمر; @Observable — ماكرو Observable للتحديثات التفاعلية لواجهة المستخدم; @Query — property wrapper لتحميل البيانات تلقائياً من SwiftData. يستخدم التطبيق هندسة MVVM مع ViewModel يدير منطق الأعمال وView لعرض SwiftUI. يقوم SwiftData تلقائياً بحفظ البيانات عند تغيير النموذج — لا يحتاج المطور لكتابة استعلامات SQL.

مثال كود: Kotlin لنظام Android

تطبيق Android مشابه في Kotlin مع Jetpack Compose وRoom. يظهر الاختلافات في الهندسة والأساليب بين المنصات.

// 1. Entity Room — نموذج البيانات
@Entity(tableName = "tasks")
data class TaskEntity(
    @PrimaryKey(autoGenerate = true) val id: Int = 0,
    val title: String,
    val isCompleted: Boolean = false,
    val createdAt: Long = System.currentTimeMillis()
)

// 2. DAO — استعلامات قاعدة البيانات
@Dao
interface TaskDao {
    @Query("SELECT * FROM tasks ORDER BY createdAt DESC")
    fun getAllTasks(): Flow<List<TaskEntity>>

    @Insert
    suspend fun insertTask(task: TaskEntity)

    @Delete
    suspend fun deleteTask(task: TaskEntity)
}

// 3. ViewModel مع منطق الأعمال
class TaskViewModel(private val dao: TaskDao) : ViewModel() {
    val tasks: StateFlow<List<TaskEntity>> = dao
        .getAllTasks()
        .stateIn(viewModelScope, SharingStarted.WhileSubscribed(5000), emptyList())

    fun addTask(title: String) {
        viewModelScope.launch {
            dao.insertTask(TaskEntity(title = title))
        }
    }

    fun toggleTask(task: TaskEntity) {
        viewModelScope.launch {
            dao.insertTask(task.copy(isCompleted = !task.isCompleted))
        }
    }
}

// 4. Compose UI
@Composable
fun TaskScreen(viewModel: TaskViewModel = viewModel()) {
    val tasks by viewModel.tasks.collectAsState()
    var newTitle by remember { mutableStateOf("") }

    Column(modifier = Modifier.padding(16.dp)) {
        Text("مهامي", style = MaterialTheme.typography.headlineMedium)

        Row(
            modifier = Modifier.fillMaxWidth().padding(vertical = 8.dp)
        ) {
            OutlinedTextField(
                value = newTitle,
                onValueChange = { newTitle = it },
                label = { Text("مهمة جديدة") },
                modifier = Modifier.weight(1f)
            )
            Button(
                onClick = { viewModel.addTask(newTitle); newTitle = "" },
                enabled = newTitle.isNotBlank()
            ) {
                Text("إضافة")
            }
        }

        LazyColumn {
            items(tasks, key = { it.id }) { task ->
                Row(
                    modifier = Modifier
                        .fillMaxWidth()
                        .clickable { viewModel.toggleTask(task) }
                        .padding(vertical = 4.dp),
                    verticalAlignment = Alignment.CenterVertically
                ) {
                    Checkbox(checked = task.isCompleted, onCheckedChange = { viewModel.toggleTask(task) })
                    Text(
                        text = task.title,
                        textDecoration = if (task.isCompleted) TextDecoration.LineThrough else TextDecoration.None
                    )
                }
            }
        }
    }
}

الاختلافات الرئيسية عن iOS: Room يستخدم التعليقات التوضيحية @Entity و@Dao و@Query للعمل مع SQLite; ViewModel يدير دورة الحياة عبر viewModelScope مع coroutines; StateFlow يوفر تحديثات تفاعلية لـ Compose UI عبر collectAsState. على Android، يتم نقل البيانات عبر Flow — مشابه لـ Combine Publisher، لكن مع إلغاء عند تغيير الشاشة عبر viewModelScope.

مزايا وعيوب Native App

مزايا native app مقارنة بالحلول متعددة المنصات تشمل عدة جوانب رئيسية. الأداء: الوصول المباشر لـ GPU عبر Metal (iOS) وVulkan (Android) يوفر 60 إطاراً في الثانية في الرسوم المتحركة المعقدة. الوصول لـ API: الميزات الجديدة لنظامي iOS وAndroid متاحة في يوم الإصدار، دون انتظار الدعم في الإطار. تجربة المستخدم: مكونات واجهة المستخدم الأصلية (NavigationStack, TabView, Sheet على iOS; Scaffold, NavigationBar, BottomSheet على Android) توفر سلوكاً مألوفاً. كفاءة الطاقة: الكود الأصلي يستهلك 15–25% أقل من طاقة البطارية في المهام الخلفية.

عيوب native app: تكلفة التطوير أعلى بـ 1.5–2 مرة بسبب الحاجة لفريقين منفصلين. يزداد وقت الوصول إلى السوق: تطويران متوازيان يتطلبان تنسيقاً ويضاعفان حجم الاختبار. الصيانة: يجب إصدار التحديثات لكلتا المنصتين في وقت واحد، مما يعقد CI/CD. للتطبيقات البسيطة (كتالوجات، خلاصات، نماذج)، قد تكون الحلول متعددة المنصات أكثر اقتصاداً وسرعة.

متى تختار native app: الألعاب والتطبيقات ذات الرسوم المكثفة (Metal, Vulkan, ARKit, ARCore); التطبيقات ذات التكامل العميق مع نظام التشغيل (Bluetooth LE, NFC, CoreBluetooth, HealthKit, Google Fit); التطبيقات المالية والطبية والمؤسسية ذات متطلبات الأمان والشهادات; المشاريع حيث كل ملي ثانية من التأخير حرجة (التداول، البث، مكالمات الفيديو). للنماذج الأولية والشركات الناشئة والتطبيقات البسيطة، قد يكون التطوير متعدد المنصات خياراً أكثر عقلانية.