Wazza - אפליקציית מובייל לניהול צ'אטבוטים ושיחות וואטסאפ
Wazza - אפליקציית מובייל לניהול צ'אטבוטים ושיחות וואטסאפ
אודות הפרויקט
Wazza היא פלטפורמה לניהול וואטסאפ עסקי מעל WhatsApp Business API, ואפליקציית המובייל היא הדרך לנהל אותה מהטלפון. פיתחנו אותה ב-React Native עם Expo ו-expo-router, כך שבעל העסק ונציגי השירות מקבלים את כל מרכז התקשורת בכיס: תיבת הודעות משותפת שמתעדכנת בזמן אמת, מעבר חלק בין מענה של בוט למענה אנושי בתוך אותה שיחה, עורך תרחישים ויזואלי שמאפשר לבנות צ'אטבוט ולפרסם אותו ישירות מהמסך הקטן, רשימות תפוצה מבוססות תבניות מאושרות ומסכי אנליטיקות שמראים מה באמת קורה בערוץ. הכול מבסיס קוד אחד ל-iOS ולאנדרואיד, בעברית מלאה עם פריסת RTL.
תכונות מרכזיות
אפליקציית מובייל מלאה ב-React Native ו-Expo, מבסיס קוד אחד ל-iOS ולאנדרואידתיבת הודעות משותפת שמתעדכנת בזמן אמת, עם סינון לשיחות שלי, לשיחות שלא שויכו לנציג ולשיחות שלא נקראושיחת וואטסאפ מלאה: בועות בוט מול נציג, סטטוסי מסירה וקריאה וקומפוזר מדיה לתמונות, קבצים והקלטות קולעורך תרחישים ויזואלי על קנבס עם הזזה וזום, צמתים מוקלדים, חיבורים בגרפיקה וקטורית ופרסום גרסה מתוך האפליקציהרשימות תפוצה מבוססות תבניות מאושרות, עם בחירת קהל, מעקב מסירה ואכיפת בקשות הסרהאנליטיקות: מדדי מפתח, גרף נפח הודעות ל-14 יום לפי בוט, נציג ונכנסות, ומשפך מסירההתראות פוש עם קישורי עומק ישירות לשיחה, ותור שליחה שממשיך לעבוד גם בחיבור לא יציבעברית מלאה עם פריסת RTL, אחסון מאובטח של הסשן במכשיר ועדכוני OTA דרך EAS
אתגרים
אפליקציה שמנהלת ערוץ תקשורת חי מתוך הטלפון מציבה כמה אתגרים שנדרשנו לפתור:
שיחות בזמן אמת על רשת סלולרית. תיבת הודעות של עסק מתעדכנת כל הזמן, והמשתמש עובר בין סלולר לוויפיי ובחזרה. ההודעות צריכות להגיע מיד, בלי כפילויות ובלי לאבד הודעה שנשלחה בדיוק כשהחיבור נפל.
עורך תרחישים על מסך של טלפון. בניית צ'אטבוט היא עבודה על קנבס רחב עם צמתים וחיבורים, והיה צריך להעביר אותה למסך קטן בלי לוותר על היכולת לקרוא את התרשים, לערוך צומת ולפרסם גרסה.
עברית ו-RTL בכל מסך. ממשק בעברית מחייב היפוך פריסה מלא, כולל אייקונים, ניווט, בועות שיחה וגרפים, ולא רק תרגום של טקסט.
שתי חנויות, שתי מערכות כללים. App Store ו-Google Play דורשים התייחסות שונה להרשאות, להתחברות ולתשלומים, והאפליקציה צריכה לעמוד בשתיהן מאותו בסיס קוד.
פתרונות
לכל אתגר בנינו פתרון ממוקד על תשתית React Native ו-Expo:
ערוץ עדכונים חי לצד תור שליחה מקומי. חיברנו את האפליקציה לזרם אירועים מהשרת שמעדכן את התיבה ואת השיחה ברגע שההודעה נכנסת, ובנינו תור יוצא שמחזיק הודעות שנשלחו בזמן ניתוק ומשחרר אותן ברגע שהחיבור חוזר.
קנבס תרחישים מותאם למגע. בנינו עורך עם הזזה וזום, צמתים מוקלדים לפי סוג הפעולה וחיבורים מצוירים בגרפיקה וקטורית, יחד עם התאמה אוטומטית למסך ופרסום גרסה ישירות מהאפליקציה.
תשתית עברית ו-RTL מהבסיס. הקמנו שכבת תרגום ופריסה שמטפלת בכיווניות בכל רכיב, כך שכל מסך נראה נכון בעברית, ממסך ההתחברות ועד הגרפים.
בסיס קוד אחד עם EAS. ריכזנו את האפליקציה בבסיס קוד אחד, בנינו ממנו גרסאות ל-iOS ולאנדרואיד בענן והוספנו עדכוני OTA לפי ערוץ, כך שתיקון מגיע למשתמשים בלי להמתין לאישור חנות.
תוצאות
מרכז תקשורת שלם בכיס: תיבת הודעות, שיחות, תרחישים, דיוורים ואנליטיקות במקום אחד, בלי לפתוח מחשב.מעבר חלק בין מענה של בוט למענה אנושי בתוך אותה שיחה, כך שלקוח לא נשאר בלי תשובה.בניית צ'אטבוט ופרסום גרסה ישירות מהטלפון, דרך עורך ויזואלי שמותאם למגע.בסיס קוד אחד ב-React Native ו-Expo שמניב גרסאות אחידות ל-iOS ולאנדרואיד באמצעות EAS, כולל עדכוני OTA.
