البدء السريع
أنشئ وانشر أول تطبيق Atoms لك، من أول prompt إلى إصدار مباشر يمكنك مشاركته.
أنشئ وانشر أول تطبيق Atoms لك، من أول prompt إلى إصدار مباشر يمكنك مشاركته.
لا تحتاج إلى تعلّم كل Agent أو وضع أو مصطلح تقني قبل أن تبدأ. سير العمل الأساسي أبسط بكثير: أخبر Atoms بما تريده، وتحقق مما أنشأه، وأجرِ التغييرات، واختبره، ثم انشره عندما يصبح جاهزًا.
يستخدم هذا الدليل موقعًا بسيطًا لمقهى كمثال، لكن الحلقة نفسها تنجح أيضًا مع صفحة هبوط، أو لوحة معلومات، أو أداة داخلية، أو فكرة تطبيقك الخاصة.
تغطي هذه الخطوات مشروع ويب لسطح المكتب بعد تسجيل الدخول. تستخدم المشاريع المحمولة مسارًا منفصلًا لبناء التطبيق وتوزيعه.
قبل النشر، انتظر حتى يكتمل البناء الحالي، وتأكد من أن لديك صلاحية النشر، وأكّد أن المشروع في وضع خامل، وتحقق من توفر موارد المشروع المطلوبة مثل الرصيد أو التخزين. إذا كان Publish غير متاح، فتحقق من الإصدار الخاص بالمشروع، وصلاحيات الوصول، وشروط الموارد قبل إعادة المحاولة. كما أن المشاريع التي تستخدم البيانات، أو الأسرار، أو رسائل البريد الإلكتروني، أو الذكاء الاصطناعي، أو المدفوعات، أو غيرها من الخدمات المتصلة تحتاج أيضًا إلى إتمام فحوصات الإنتاج الخاصة بها قبل المشاركة.
صف ما تريده
ابدأ في مربع Prompt واصفًا النتيجة التي تريدها بلغة عادية. لا تحتاج إلى كتابة مواصفات تقنية أو إخبار Atoms بكيفية برمجتها.
عادةً ما يوضح أول prompt مفيد ما الذي تبنيه، والأقسام أو الميزات الرئيسية، والاتجاه البصري، وأي شيء مهم على الهاتف المحمول.
إذا كنت قد وجدت بالفعل شيئًا في عالم التطبيقات قريبًا مما تريده، فيمكنك أيضًا البدء بإجراء ريمكس لذلك المشروع بدلًا من البدء من الصفر.
تحقق من النتيجة الأولى
ينشئ Atoms المشروع ويبني إصدارًا أوليًا. عندما يصبح جاهزًا، افتح عارض التطبيقات وتصفح النتيجة قبل طلب المزيد من التغييرات.
قم بمراجعة سريعة أولًا. أنت لا تحاول العثور على كل مشكلة صغيرة بعد. تحقق مما إذا كان Atoms قد فهم الفكرة الرئيسية.
- هل الأقسام والميزات الرئيسية موجودة؟
- هل يتطابق التخطيط العام مع ما طلبته؟
- هل تستجيب الأزرار والروابط والفلاتر أو التفاعلات الأخرى المهمة؟
- هل هناك أي شيء مفقود بوضوح، أو معطّل، أو مختلف عما قصدته؟
يمكنك معاينة التطبيق في وضعي الكمبيوتر والهاتف المحمول، لذا تحقق من التجربة على أكثر من حجم شاشة واحد قبل المتابعة.
أجرِ التغييرات
تعامل مع الإصدار الأول كنقطة بداية. أخبر Agent بما تريد تغييره بلغة واضحة، ثم تحقق من النتيجة مرة أخرى.
عادةً ما تكون الطلبات الصغيرة والمحددة أسهل في المراجعة من تغيير كل شيء دفعة واحدة.
بالنسبة إلى التغييرات المرئية، يمكنك تعديل العناصر مباشرةً في عارض التطبيقات أو وصف التغيير إلى Agent. إذا كانت لديك لقطة شاشة، أو تصميم، أو ملف، أو مرجع آخر تريد من Atoms اتباعه، فارفعه ووجّه Agent إليه.
عندما يتعطل شيء ما: إذا كان هناك شيء معطّل فعلًا بدلًا من كونه مختلفًا فقط عن تفضيلك، فاستخدم Fix Bug أو أخبر Agent بدقة ما الخطأ وأين يحدث.
إذا استمر الفشل: توقف عن تكرار الطلب نفسه بعد إعادة محاولة واحدة مركزة. سجّل الخطوة المتأثرة، وما الذي توقعته، وما الذي حدث، وما الذي جربته بالفعل، ورابط مشروع قابل للمشاركة أو لقطة شاشة. إذا كنت مستخدمًا مدفوعًا ولديك مشكلة في الحساب، أو الفوترة، أو منصة Atoms، فافتح مركز مساعدة Atoms، واختر Atoms Support ضمن Explore resources، ثم حدّد Contact us. أما مستخدمو الباقة المجانية أو من يبحثون عن إرشادات المنتج العامة واستكشاف الأخطاء وإصلاحها، فليبدؤوا بمركز المساعدة، أو Ask Assistant، أو مجتمع Atoms.
اختبر قبل أن تنشر
قبل أن ترسل التطبيق إلى أي شخص، اقضِ بضع دقائق في استخدامه كما لو كنت زائرًا حقيقيًا. الاختبار السريع الآن أسهل بكثير من شرح رابط معطّل بعد مشاركته.
- انقر على كل زر ورابط مهم.
- جرّب الأجزاء التفاعلية، مثل الفلاتر، والنماذج، والقوائم، أو التنقل.
- تحقق من عرضي الكمبيوتر والهاتف المحمول.
- ابحث عن نص مقصوص، أو متداخل، أو مفقود، أو يصعب قراءته.
- تأكد من أن رحلة المستخدم الرئيسية تعمل من البداية إلى النهاية.
إذا كان تطبيقك يعتمد على بيانات مخزنة أو إجراءات خلفية، فاختبرها أيضًا. يمكن لـ Atoms استخدام سحابة Atoms أو الاتصال عبر ربط Supabase لقدرات مثل تخزين البيانات، والأسرار، ورسائل البريد الإلكتروني، واستدعاءات الذكاء الاصطناعي، والمدفوعات.
قبل النشر، أزل الأسرار، وكلمات المرور، وtokens، والمعلومات الشخصية، وبيانات الاختبار الخاصة من أي شيء يمكن للزوار رؤيته. أكّد ما إذا كان يجب أن يكون المشروع عامًا أم خاصًا، واختبر الرابط المباشر باستخدام الحساب المقصود. إذا كان التطبيق يستخدم مدفوعات حقيقية، أو رسائل بريد إلكتروني، أو بيانات مخزنة، أو خدمات متصلة، فتحقق من إجراءات الإنتاج تلك بشكل منفصل قبل المشاركة.
النشر
عندما تبدو المعاينة صحيحة وتعمل التفاعلات الرئيسية، انقر على Publish في الزاوية العلوية اليمنى من المحرر.
ينشئ النشر رابطًا مباشرًا تعتمد إمكانية الوصول إليه على مستوى الظهور الذي تختاره. يمكن فتح Public عبر الرابط وقد يظهر في Discover. أما Private فلا يكون مرئيًا إلا للمالك وقد يكون محدودًا حسب الباقة. حدّد مستوى الظهور المقصود قبل المشاركة، واختبر الرابط باستخدام الحساب المقصود.
النشر هو المرحلة التي يصبح فيها مشروعك شيئًا يمكن للآخرين فتحه فعليًا. واصل التطوير داخل المشروع، لكن تحقّق دائمًا من الإصدار المباشر بشكل منفصل بعد النشر.
تحقق من التطبيق المباشر
افتح الرابط المنشور بنفسك قبل مشاركته. أكّد أن مستوى الظهور المحدد Public أو Private يمنح الجمهور المقصود إمكانية الوصول؛ استخدم نافذة خاصة أو الحساب المقصود لاختباره.
- افتح الرابط في علامة تبويب جديدة أو نافذة خاصة باستخدام الحساب أو سياق الوصول الذي يطابق الجمهور المقصود.
- أكّد أن الصفحة تُحمّل وتعرض الإصدار الذي توقعته.
- أعد تنفيذ أهم النقرات أو التفاعلات.
- تحقق من الصفحة على هاتف إذا كان زوار الهاتف المحمول مهمين لتطبيقك.
إذا وجدت مشكلة، فارجع إلى المشروع، وأجرِ التغيير، واختبر المعاينة مرة أخرى، ثم حدّث الإصدار المباشر.
حدّث بعد إجراء التغييرات
لا يتوقف تطبيقك عن التغيّر لمجرد أنك نشرته مرة واحدة. واصل تحسينه داخل المشروع كلما احتجت إلى ذلك.
بعد أول عملية نشر، يتحول زر Publish إلى Update. انقر على Update عندما تريد دفع التغييرات الجديدة إلى الإصدار المباشر.
بعد التحديث، افتح الرابط المنشور مرة أخرى وتحقق منه. يمنحك ذلك حلقة بسيطة قابلة للتكرار:
صف → تحقق → غيّر → اختبر → انشر → تحقّق → حدّث
هذا هو سير العمل الأساسي في Atoms. قد تضيف التطبيقات الأكثر تعقيدًا بيانات، أو مصادقة، أو عمليات تكامل، أو نطاقات مخصصة، أو عدة Agents، لكن حلقة البناء تبقى نفسها.