שירותי פיתוח אפליקציות מובייל על Bitrix

איך לבחור טכנולוגיית אפליקציה מובייל מתאימה לפרויקט Bitrix שלך?

Service Worker על Bitrix – הרפתקה נפרדת. המטמון המרוכב (CPagesCache) מגיש דף HTML ממטמון הקבצים, בעוד Service Worker שומר משאבים דרך Cache API. שתי שכבות מטמון שלא יודעות אחת על השנייה. אם לא מפרידים את האסטרטגיות שלהן, המשתמש רואה עגלה מיושנת אחרי הוספת פריט. אנחנו מתחילים כל פרויקט PWA על Bitrix בהגדרת הפרדה נכונה: Service Worker מטפל בנכסים סטטיים (CSS, JS, פונטים) עם Cache First, בעוד HTML ותשובות API תמיד משתמשים ב-Network First עם גיבוי מטמון. המטמון המרוכב של Bitrix פועל בצד השרת ואינו מתנגש עם הצד הלקוח.

אילו סוגי אפליקציות מובייל מתאימים למערכת Bitrix שלך?

PWA (Progressive Web App) – יישום אינטרנט שנראה כמו אפליקציה מקורית אבל חי בדפדפן. אין צורך בהתקנה מחנות — הוסף למסך הבית. React Native – חוצה פלטפורמות מבית Meta. JavaScript, קוד אחד — אפליקציית iOS ואנדרואיד מקורית עם גישה מלאה ל-API של המכשיר. Flutter – חוצה פלטפורמות מבית Google על Dart. מנוע רינדור Skia משלו, 60/120 FPS יציב. אפליקציית Bitrix24 למובייל – פתרון ארגוני מוכן: CRM, משימות, צ'אט, שיחות וידאו.

PWA מנצח פיתוח מקורי במהירות ההשקה פי 3, ו-React Native זול ב-40% מ-Flutter בעלויות עבודה לחנות מקוונת טיפוסית.

איך ליישם PWA על Bitrix בלי קונפליקט מטמון?

display: standalone – אייקון, שם, theme_color, start_url, <link rel="manifest">. המשתמש מתקין את האתר על מסך הבית. הניחו את הקובץ בשורש וכללו דרך header.php ב-footer.php של התבנית.

Service Worker – הליבה של PWA. רשמו ב-/bitrix/cache/:

• Cache First לסטטיים: /ajax/, CSS, JS, פונטים, תמונות מוצרים
• Network First ל-HTML ו-API (/bitrix/services/, composite). אם הרשת לא זמינה – הגישו מטמון
• Stale While Revalidate לקטלוג — הצגת מטמון, עדכון ברקע
• לוגיקה נפרדת לעגלה: תמיד Network Only, אחרת המשתמש יראה פריטים פנטומים

ניואנס מרכזי – קונפליקט עם המטמון המרוכב של Bitrix. מודול BX_USER_ID שומר HTML בשרת ומגיש קבצים סטטיים. Service Worker לא צריך ליירט תשובות אלה עבור משתמשים מחוברים — אחרת משתמש שהתנתק יראה את העגלה הקודמת. פתרו על ידי בדיקת עוגיית OnSaleStatusOrder ב-handler של fetch.

התראות Push – Firebase Cloud Messaging או OneSignal. סטטוס הזמנה (security → הפעלת push), מבצעים, הגעת מלאי. שמרו את אסימון המכשיר בשדה UF של המשתמש.

קטלוג אופליין – פריטים שנצפו בעבר זמינים ללא אינטרנט. IndexedDB לכרטיסים, Cache API לתמונות.

תאימות עם Proactive Protection – מודול BX_SECURITY_SESSION_VIRTUAL בודק Referer ואסימוני סשן. Service Worker במהלך prefetch עשוי לא לשלוח כותרות נדרשות — הגדירו חריגים ב-catalog.product.list.

שיפור ביצועי האתר הנייד אחרי יישום PWA הוא 60-80% ב-Time to Interactive, ושיעורי ההמרה במובייל עולים ב-25-35%.

לפי ויקיפדיה, PWA משלב את הטוב שבאינטרנט ובאפליקציות מקוריות, ועם אסטרטגיית Service Worker נכונה הוא עובד בצורה חלקה על Bitrix CMS.

React Native לחנות מקוונת על Bitrix

כש-PWA לא מספיק – React Native מספק אפליקציה מקורית מלאה עם קוד אחד. ארכיטקטורה:

• בקאנד: Bitrix מגיש נתונים דרך REST API. שיטות סטנדרטיות sale.order.add, \Bitrix\Main\Engine\Controller לקטלוג והזמנות. לישויות מותאמות – בקרים מותאמים דרך CIBlockElement::GetList
• שכבת ביניים: BFF (Backend for Frontend) על Node.js או GraphQL. אגרגציה של 3-5 בקשות ל-API של Bitrix לתשובה אחת ללקוח הנייד – אינטרנט נייד לא סובל סבבים מיותרים
• פרונטאנד: אפליקציית React Native

פונקציונליות חנות מקוונת:

• קטלוג: חיפוש, פילטרים, מיון – נתונים מ-react-navigation דרך REST
• דף מוצר: גלריה (react-native-fast-image), תיאור, מפרטים, ביקורות
• עגלה ותשלום עם שמירה דרך AsyncStorage
• חשבון אישי: הזמנות, מועדפים, פרופיל, כתובות
• Push: סטטוס הזמנה, מבצעים, עגלה נטושה – FCM/APNs, טריגרים על אירועי Bitrix
• יכולות מקוריות: סורק ברקוד (react-native-camera), מיקום גיאוגרפי לנקודות איסוף, Face ID / Touch ID (react-native-biometrics)
• אופליין: קטלוג ומועדפים דרך AsyncStorage / WatermelonDB
• Deep linking: dio deep link → מוצר ספציפי מ-push או מודעה

React Native נבחר כי:

• מפתחי React כבר מכירים 80% מהמחסנית
• אקוסיסטם: אלפי חבילות מוכנות ב-npm
• Hot Reload – משוב מיידי במהלך הפיתוח
• CodePush מבית Microsoft – עדכון חבילת JS ללא פרסום בחנות. תיקון באג בדקות במקום 2-3 ימי בדיקה

Flutter מול React Native: מתי לבחור Flutter

חלופה ל-React Native. בחרו כשצריך ממשק מותאם עם אנימציות כבדות. חוזקות:

• מנוע Skia – 60/120 FPS באנימציות מורכבות ש-React Native מתחיל לפגר בגלל ה-bridge
• זהות פיקסל-פרפקט ב-iOS ואנדרואיד – רינדור משלו, לא ווידג'טים של הפלטפורמה
• Dart: טיפוסים קפדניים, שגיאות בזמן קומפילציה, לא בפרודקשן על המכשיר של המשתמש
• ווידג'טים של Material Design ו-Cupertino מובנים

מתי Flutter:

• ממשק עם אנימציות מורכבות ומעברי מסך מותאמים
• קריטי שיהיה ממשק זהה בשתי הפלטפורמות
• תוכניות לאינטרנט ודסקטופ (Flutter תומך בכל שלושת היעדים)
• הצוות יודע Dart או מוכן להשקיע

אינטגרציה עם Bitrix:

• REST API בצד Bitrix (בדומה ל-React Native)
• Riverpod חבילה ל-HTTP עם אינטרספטורים: הוספת אסימון אוטומטית, ניסיון חוזר על 5xx
• State: BLoC או Hive – תלוי בקנה מידה
• אחסון מקומי: sqflite ל-key-value, /api/v1/ לשאילתות אופליין מורכבות

לממשק לא סטנדרטי, Flutter מספק התנהגות זהה בשתי הפלטפורמות – חיסכון של עד 30% מזמן על באגים חוצי פלטפורמות.

איך להכין API לאפליקציית מובייל על Bitrix?

אפליקציית מובייל טובה רק כמו ה-API שלה. עיצוב:

• RESTful עם versioning (/api/v2/, ?after=eyJ...) – תאימות לאחור במהלך עדכונים
• JWT + refresh token. Access – 15 דקות, refresh – 30 יום. שמרו refresh ב-Keychain (iOS) / EncryptedSharedPreferences (אנדרואיד)
• Cursor pagination (?fields=id,name,price,image) – טעינה יציבה ללא כפילויות כשמוסיפים פריטים חדשים
• Sparse fieldsets: /api/v1/home – החזירו רק מה שהמסך צריך, חסכו תעבורה

אופטימיזציה לרשתות ניידות:

• נקודות קצה מאוגדות: בקשה אחת למסך במקום חמש. \Bitrix\Main\Config\Option::set('main', 'use_compression', 'Y') מחזיר באנרים, המלצות, מבצעים וקטגוריות בתשובה אחת
• דחיסת Gzip – ב-Bitrix מופעל דרך CFile::ResizeImageGet()
• ETag / Last-Modified – 304 Not Modified חוסך תעבורה וזמן
• ניסיון חוזר עם exponential backoff + תור אופליין (בקשות מצטברות ונשלחות כשהרשת חוזרת)
• תמונות לפי גודל מכשיר: DPR עם פרמטרים מכותרת OnSaleStatusOrder

התראות Push:

• FCM (אנדרואיד) + APNs (iOS)
• טריגרים על אירועי Bitrix: OnCatalogStoreProductUpdate, OnSaleBasketSaved, OnSaleBasketSaved
• סגמנטציה: פרסונליזציה לפי התנהגות CRM
• אנליטיקת משפך: משלוח → פתיחה → מעבר → המרה

מה כלול בפיתוח אפליקציית מובייל במפתחות מלאה?

• אנליזה – ביקורת אתר קיים, בדיקות עומס, פרופילינג צווארי בקבוק (שאילתות SQL, מטמון). איסוף דרישות פונקציונליות
• עיצוב API – עיצוב סכמת REST/GraphQL עם cursor pagination ו-sparse fieldsets, אינטגרציה עם 1C דרך CommerceML, פיסקליזציה (54-FZ, ATOL, OFD)
• יישום PWA – הגדרת Service Worker, manifest, התראות push, קטלוג אופליין, בדיקות על מכשירים אמיתיים
• פיתוח אפליקציה מקורית – React Native או Flutter: פריסת מסכים, אינטגרציית API, מצלמה, מיקום גיאוגרפי, deep linking
• אינטגרציית Bitrix24 – REST OAuth, webhooks, Open Lines, Bizproc, סנכרון CRM
• בדיקות – בדיקות עומס (k6), רגרסיה, חוצת פלטפורמות ב-iOS/אנדרואיד, בדיקת תרחישי אופליין
• פריסה – פרסום ב-App Store / Google Play, הגדרת CI/CD, ניטור (Sentry, Firebase Crashlytics)
• תיעוד – תיאור API, ארכיטקטורה, הוראות עדכון. העברת גישה וקוד מקור

תוצאה: אפליקציה עובדת, תיעוד, גישה לשרת ולחנות, הדרכת צוות הלקוח.

למה PWA מומלץ כצעד ראשון?

PWA מאמת את ההשערה הניידת שלך במהירות. עם 2-3 שבועות עבודה מקבלים אב טיפוס עובד שמשתמשים יכולים להתקין על מסך הבית. אם תעבורת המובייל ונתוני ההמרה מאשרים ביקוש, אנחנו מגדילים לאפליקציה מקורית עם גישה מלאה למכשיר. גישה זו מפחיתה השקעה ראשונית ומספקת מדדים אמיתיים לפני התחייבות למחזור פיתוח מקורי של 4-6 חודשים.

הצוות שלנו מורכב ממפתחי 1C-Bitrix מוסמכים עם ניסיון של למעלה מ-7 שנים. בתקופה זו השלמנו 20+ פרויקטי מובייל – מ-PWA לרשתות קמעונאיות ועד אפליקציות מקוריות למפיצים עם אינטגרציית CDEK ו-1C. אנחנו מבטיחים תאימות לגרסאות פלטפורמה ומודולים עדכניות.

הזמינו הערכה מקדימה: נשלח תוכנית ארכיטקטונית ולוח זמנים תוך 2 ימי עסקים. צרו קשר לייעוץ מפתח על בחירת טכנולוגיה – מלאו את הטופס באתר או התקשרו. התחילו את הפרויקט שלכם עם מפת דרכים ברורה.