Whisp - מערכת וואטסאפ פנימית למוצרים שלנו
מערכת פנימית שמחברת מספרי וואטסאפ למוצרים שלנו. הצוות עונה מתיבת הודעות משותפת, והמוצרים שולחים הודעות דרך API ומקבלים עדכון על כל הודעה שנכנסת.
מה עשינואפיון, עיצוב, פיתוח ותפעול
מסכים
יכולות
- 01
חיבור מספר בקוד צימוד
מוסיפים מספר, מקבלים קוד של 8 תווים ומקלידים אותו בטלפון תחת מכשירים מקושרים. הטלפון ממשיך לעבוד כרגיל, ובוחרים כמה היסטוריה לייבא (כלום, 30 יום, 90 יום או שנה).
- 02
תיבת הודעות משותפת
כל המספרים של הארגון במקום אחד. מסננים לפי מספר, לא נקראו, משויכות אליי, קבוצות וטופלו. טקסט, תמונות, קבצים והודעות קוליות נכנסים ויוצאים, עם וי כחול כשנקרא.
- 03
עבודה של צוות על שיחה
משייכים שיחה לחבר צוות, מוסיפים תווית והערה פנימית שהלקוח לא רואה ומסמנים שטופלה. ליד כל הודעה יוצאת רואים אם שלח אותה חבר צוות, ה-API או הטלפון עצמו.
- 04
API ו-SDK לכל פרויקט
לכל פרויקט טוקן משלו, שמוצג פעם אחת. דרך ה-API שולחים הודעות ותמונות, מגיבים, עורכים ומוחקים, ו-whisp-js מקבל גם את ההודעות הנכנסות ישר לקוד.
- 05
סקירה ויומן פעילות
מסך פתיחה עם הודעות שנשלחו והתקבלו, כמה נמסרו, מספרים מחוברים ושיחות שלא נקראו, ויומן שמראה מי עשה מה בארגון.
- 06
webhooks לכל אירוע
הודעה נכנסת, מסירה, קריאה, עריכה ושינוי בקבוצה נשלחים לכתובת שהמוצר בחר. משלוח שנכשל נשלח שוב, יש יומן של כל המשלוחים, ומה שפוספס אפשר למשוך דרך ה-API.
- 07
ניהול ארגונים וחשבונות
אין הרשמה פתוחה. מנהלי המערכת יוצרים ארגונים וחשבונות, וכל אחד נכנס עם קוד ב-SMS דרך Verifly. לכל אחד תפקיד (בעלים, מנהל או חבר צוות).
איך זה עובד
מחברים מספר וואטסאפ
מוסיפים מספר לפרויקט ומקבלים קוד של 8 תווים. מקלידים אותו בטלפון תחת מכשירים מקושרים, והשיחות מתחילות להיכנס. הטלפון ממשיך לעבוד כרגיל.
עונים מתיבה משותפת
כל השיחות של כל המספרים במקום אחד. משייכים שיחה לחבר צוות, מוסיפים תווית או הערה פנימית ומסמנים כשטופלה.
מחברים מוצר דרך ה-API
לוקחים טוקן לפרויקט, שולחים הודעות מהקוד עם whisp-js ומקבלים עדכון על כל הודעה שנכנסת.
עוקבים בסקירה
רואים כמה הודעות נשלחו והתקבלו, כמה נמסרו ואילו מספרים מחוברים. ביומן הפעילות רואים מי עשה מה.
על הפרויקט
הרקע
הרבה מהמוצרים שאנחנו בונים צריכים וואטסאפ, לפניות של לקוחות, לעדכונים על הזמנות ולהודעות מהמערכת. לא רצינו לחבר וואטסאפ מחדש בכל פרויקט, אז בנינו מערכת אחת שעושה רק את זה. היא מחזיקה את המספרים, מציגה את השיחות, שולחת הודעות ומדווחת על כל מה שנכנס. מה עושים עם ההודעות, כל מוצר מחליט בעצמו.
הראשון שמשתמש בה הוא מערכת הפניות החדשה של StartApp. היא שולחת הודעות דרך Whisp ומקבלת ממנו את ההודעות של הלקוחות.
מה בנינו
ארגון מחזיק פרויקטים, ופרויקט מחזיק מספרי וואטסאפ. מחברים מספר בקוד צימוד של 8 תווים, ו-Whisp שומר על החיבור ומודיע כשמשהו לא בסדר.
תיבת ההודעות מציגה את כל השיחות של כל המספרים, עם תמונות, קבצים, הודעות קוליות, תגובות וקבוצות. הצוות משייך שיחות, מוסיף תוויות והערות פנימיות ומסמן מה טופל. הממשק בעברית ובאנגלית ועובד גם בטלפון.
לכל פרויקט טוקן משלו. דרך ה-API שולחים הודעות, מגיבים, עורכים ומוחקים, ומקבלים עדכון על כל אירוע. ה-SDK, whisp-js, עוטף את כל זה.
כשמשהו נשבר, אנחנו מקבלים התראה, גם בהודעת וואטסאפ.
החלטות מרכזיות
אף הודעה לא הולכת לאיבוד. הודעה נכנסת נשמרת לפני כל דבר אחר, ועדכון שלא הגיע למוצר נשלח שוב עד שהוא מגיע.
כשהרשת נופלת, Whisp מחכה ומתחבר שוב. כשהמספר נותק מהטלפון, הוא מפסיק לנסות ומודיע. עדכון של המערכת לא מנתק אף מספר.
בנינו טלפון מדומה שמתנהג כמו וואטסאפ, עם צימוד, הודעות נכנסות, וי כחול וניתוקים. כל הבדיקות רצות מולו, ואף בדיקה לא שולחת הודעה אמיתית.
איפה זה היום
Whisp עובד ככלי פנימי של StartApp. הצילומים צולמו לוקאלית.
טכנולוגיות
- BunRUNTIME
- ElysiaAPI
- Next.jsWEB
- ReactUI
- TypeScriptLANG
- Node.jsAPI
- PostgreSQLDATA
- DrizzleDATA
- RedisCACHE
- BullMQ
- Better Auth
- TypeBox
- Tailwind CSSUI
- shadcn/ui
- next-intl
- Cloudflare R2STORAGE
- Sentry
- DockerINFRA
קישורים
רוצים לבנות משהו דומה?
קראו על מערכות ניהול ו-CRM, או ספרו לנו על הפרויקט שלכם. נקבע שיחת היכרות קצרה ונחזור עם הצעה מותאמת.