Ship 26 NYC - ورشة عمل - من التهيئة إلى النشر في 30 دقيقة
VVercel
Computing/SoftwareSmall Business/StartupsInternet Technology
Transcript
00:00:00أهلاً بالجميع. مرحباً بكم. اسمي غوردون ديغز. أنا مدير هندسة في Stripe.
00:00:08وأنا كولين رين. أنا مهندس أيضاً في Stripe.
00:00:11رائع. في هذا الهواكاثون، سنبدأ من الصفر ونبني تطبيقاً منشوراً
00:00:17باستخدام مزودي خدمات مختلفين، نأمل في غضون 30 إلى 40 دقيقة فقط. ولكن أولاً، نريد أن
00:00:24نتأكد من أن لدى الجميع هنا الحد الأدنى من المتطلبات للعمل على هذا. لذا أنت بحاجة إلى
00:00:29حاسوب محمول. وتحتاج إلى بيئة برمجة قائمة على الوكلاء الذكيين، سواء كانت Claude Code أو Codex أو
00:00:35Cursor. والأمر لا يعمل حقاً مع هاتف أو جهاز لوحي. لذا إذا لم يكن لديك
00:00:43حاسوب محمول، فقط استمتع بالمشاهدة. هذا جيد أيضاً. ولكن رائع. أول 10 دقائق تقريباً من
00:00:51هذه الورشة، سنتحدث عن مشاريع Stripe، ونقدم لكم بعض أفكار التطبيقات، ونساعدكم
00:00:56في الإعداد في واجهة الأوامر CLI. وبعد ذلك بـ 30 دقيقة، ستستخدمون وكيلكم لبناء تطبيق
00:01:02من البداية حتى النشر وتهيئة الخدمات عبر مشاريع Stripe. وفي النهاية، يمكنك تقديم
00:01:09تطبيقك المنشور إلى قائمة المتصدرين لدينا. ثم يمكن للجميع التصويت على التطبيقات التي تعجبهم. و
00:01:16ربما يكون هناك فائز. سنرى. لذا لنبدأ بنظرة عامة على ماهية مشاريع Stripe،
00:01:22وهو منتج جديد من Stripe يتيح لك أو لوكيلك تهيئة البنية التحتية
00:01:28بسرعة وأمان. لذا فإن مشاريع Stripe هي إضافة لواجهة أوامر Stripe تتيح لك أو لوكيلك
00:01:36تهيئة خدمات مثل الاستضافة، قواعد البيانات، أسماء النطاقات، وما إلى ذلك. معظم الخدمات توفر
00:01:44فئات مجانية ومدفوعة. لذا لن تضطر بالضرورة لإنفاق أي أموال خلال هذا الهواكاثون. ولكن لأي شيء
00:01:51مدفوع، تقوم المشاريع بتوحيد مدفوعاتك عبر Stripe بشكل موحد بحيث تدفع مقابل جميع
00:01:59خدماتك السحابية بوسيلة دفع واحدة. وبمجرد ربط المزود، تحفظ المشاريع متغيرة البيئة
00:02:09ذات الصلة على جهازك المحلي والسحابة، وتصبح متاحة لك ويمكنك سحبها
00:02:15إلى أجهزة أخرى وكل هذا النوع من الأشياء. لذا مجدداً، لهذه الورشة، لا بأس تماماً باستخدام الفئات
00:02:21المجانية فقط. هذه هي فئات المزودين الحالية. كولين، أظن أنك قد تحجب رمز QR قليلاً
00:02:28وهذه هي الفئات التي لدينا. للحصول على قائمة كاملة بالمزودين، يمكنك فقط تشغيل
00:02:35Stripe projects catalog في واجهة الأوامر أو إلقاء نظرة على صفحة المزودين عبر رمز QR هذا.
00:02:40رائع. ممتاز. وقد يكون لدى بعضكم بالفعل فكرة عن نوع المشروع الذي تريدون
00:02:47بناؤه. هذا رائع. ولكن في حال لم تكن لديكم، أردنا تقديم بعض الأمثلة لتطبيقات تم
00:02:52بناؤها باستخدام المشاريع. ينبغي أن تعطيك هذه التطبيقات فكرة عما يمكن بناؤه ونشره واقعياً
00:02:58في حوالي 30 دقيقة حتى لا تبدأ بخطة طموحة للغاية بالنسبة للوقت المخصص.
00:03:04لذا، إليك بعض الأمثلة على تطبيقات بناها أشخاص في Stripe عند اختبار المشاريع في البداية.
00:03:10كل هذه التطبيقات منشورة مباشرة والعديد منها يستخدم الاستضافة، أو عفواً، مزودي قواعد البيانات والمصادقة.
00:03:17هنا لدينا لوحة تحليلات GitHub. هذه لوحة مخصصة لسحب البيانات من واجهة برمجة تطبيقات
00:03:22GitHub. وتستخدم استضافة الويب، وقاعدة بيانات ومزود مصادقة. لدينا “وعاء السعادة” هنا. إنها طريقة
00:03:27رائعة لترك ملاحظات لنفسك طوال اليوم لملء وعائك بالسعادة. هذا يستخدم المصادقة، وقاعدة بيانات
00:03:33واستضافة. ثم “حديقتي”. هذا تطبيق صغير للبستنة. يمكنك تصنيف نباتاتك وتذكير
00:03:40نفسك بقدوم وقت سقيها، ويستخدم الاستضافة وقاعدة البيانات. وأخيراً، لدينا “قصص صغيرة”. إنه تطبيق صغير
00:03:45يستخدم وكيلاً لتوصية الكتب المناسبة للأطفال الصغار حول مواضيع مختلفة. هذا التطبيق يستخدم واجهات نماذج الذكاء الاصطناعي و
00:03:52الاستضافة. لذا نعم، مجدداً، فكروا فقط في مشاريع بهذا الحجم تقريباً والتي يمكنك
00:03:57بناؤها في الوقت المخصص لدينا. وبمجرد أن تتكون لديك فكرة لمشروعك، سنقضي
00:04:02باقي الورشة في بنائه باستخدام الوكلاء. من المهم أن تبدأ بموجه جيد عند
00:04:08العمل مع الوكلاء. تحديداً، أنت تريد تحديد نوع الخدمات التي تريد استخدامها. فتقول،
00:04:13“أريد نشره. أريد استخدام قاعدة بيانات”، وما إلى ذلك. يمكنك أن تكون محدداً بشأن
00:04:17نوع الخدمة التي تريد استخدامها. يمكنك القول، “أريد استخدام Vercel للاستضافة”، أو يمكنك ترك
00:04:21Stripe، أو عفواً، ترك وكيلك يختار من كتالوج مشاريع Stripe نيابة عنك. لذا يمكنك
00:04:26القول، “أريد قاعدة بيانات”. ستختار مشاريع Stripe واحدة وتهيئها لك. وفي نهاية
00:04:32هذه الورشة، كما ذكر غوردون، لدينا قائمة متصدرين على projects.dev حيث ستقدم
00:04:38مشروعك وتصوت للمشاريع التي تعجبك أكثر. ومجرد مشاركتك لمشروعك هنا،
00:04:45ستحصل على بعض رصيد Stripe. الآن سيشرح لكم غوردون كيفية البدء مع مشاريع
00:04:50Stripe. رائع. حسناً. لنبدأ إذن. كما قلت، لإكمال هذه الورشة، تحتاج إلى
00:04:58ثلاثة أشياء. بل أربعة أشياء إذا احتسبنا الحاسوب المحمول، وهي بيئة وكلاء، وحساب Stripe،
00:05:05وواجهة أوامر Stripe CLI. لدينا دليل للمشاركين. سيكون من الجيد جداً مسح هذا الرمز.
00:05:11هذا سيعطيك جميع المعلومات التي ستكون في الشرائح القليلة القادمة، ولكنها ستكون
00:05:15متاحة لديك. لذا أوصي بشدة بمسح رمز QR هذا. سأمنحكم دقيقة للقيام بذلك.
00:05:21إنه أمر مخيف عندما تلقي كلمة ويخرج الجميع هواتفهم،
00:05:23ولكنني طلبت منكم فعل ذلك. لذا فلا بأس. وإذا لم يكن لديك حساب Stripe بعد،
00:05:30وهو مجاني أيضاً، يمكنك مسح هذا. أعتقد أنه ينقل إلى [dashboard.stripe.com/register](https://www.google.com/search?q=https%3A%2F%2Fdashboard.stripe.com%2Fregister).
00:05:38وسيكون ذلك جيداً. سأعطيكم دقيقة لمسحه إذا كنتم بحاجة لذلك.
00:05:47رائع. والشيء التالي الذي ستحتاجه هو واجهة أوامر Stripe CLI مع إضافة مشاريع Stripe.
00:05:52لذا هناك أمر NPX المفيد هذا الذي يمكنك تشغيله هنا تماماً. فقط تأكد من تحديد Stripe
00:05:58best practices وStripe projects عندما يسألك عن المهارات التي تريد إضافتها. ثم إن هذا
00:06:05موجه يمكنك استخدامه في بيئة الوكلاء لديك لتثبيت واجهة أوامر Stripe CLI.
00:06:13أو إذا أردت تثبيتها مباشرة على نظام Mac، يمكنك استخدام brew install. وعلى Windows، يمكنك استخدام scoop.
00:06:23وهذا يعمل أيضاً. لم أستخدم scoop من قبل لأنني لا أطور حقاً على Windows،
00:06:27ولكن homebrew ممتاز. لذا يمكنني إخباركم عن ذلك. رائع.
00:06:33لذا نعم، عندما تشغل كل هذه الأوامر، ينبغي أن تكون إضافة مشاريع Stripe مثبتة لديك.
00:06:40يمكنك اختبار تثبيتها بشكل صحيح عن طريق تشغيل Stripe projects --help،
00:06:44كما هو موضح هنا. هل يواجه أي شخص مشكلة في الإعداد؟ أو يرجى رفع اليد إذا كنتم بحاجة إلى
00:06:51بعض الوقت الإضافي لتثبيت واجهة أوامر مشاريع Stripe. حسناً، سنعطي دقيقة أو دقيقتين إضافيتين،
00:06:57ثم يمكننا المتابعة. ولكن نعم، مجدداً، فقط شغل Stripe projects --help. إذا رأيت
00:07:02مخرجات مفيدة هناك، فهذا يعني أنها مثبتة وجاهزة للاستخدام.
00:07:08وإذا كنت ما زلت تواجه مشكلة، فيمكننا المرور والمساعدة بعد بضع دقائق. لذا لا تقلق
00:07:13بشأن ذلك كثيراً.
00:07:14حسناً. نأمل أن يكون الجميع قد قام بتثبيتها. إذا لم يكن الأمر كذلك، فلا تقلق. فقط أشر إلينا لاحقاً. يسعدنا تقديم المساعدة.
00:07:26وبمجرد تثبيتها في المجلد الذي تريد إنشاء مشروعك فيه، شغل Stripe projects
00:07:35init. يمكنك اختياريًا تمرير اسم مشروعك. وإلا، فسيتم استخدام اسم
00:07:40المجلد فقط. عندما تشغل أمر init هذا، فإنه سينشئ بضعة ملفات رئيسية. سينشئ
00:07:45مجلد .projects يحتوي على state.json و state.local.json. هذه الملفات هي المصدر الموثوق لـ
00:07:53الحسابات التي تستخدمها، ومعلومات المزودين والموارد لمشروعك المحدد.
00:07:59ستلاحظ أيضاً أن لدينا ملف مهارة Stripe project CLI skill. هذه المهارة ستخبر وكيلك
00:08:08بكيفية استخدام واجهة أوامر Stripe project CLI. وبمجرد البدء في إضافة الخدمات إلى مشروعك،
00:08:14سنحصل على المفاتيح السرية لتلك الخدمات ونضيفها إلى ملف .env الخاص بك. سنقوم أيضاً بتنزيل مهارات
00:08:24الوكيل لهذه الخدمات إلى مجلد .agent/skills لتعليم وكيلك كيفية الاستفادة المثلى من
00:08:31تلك الخدمات. الآن ينبغي أن يكون لديك كل ما تحتاجه لبدء البناء. العودة إليك يا غوردون. رائع.
00:08:37ممتاز. حسناً. الآن جاء دوركم. يمكنكم البدء بالبناء. لديكم حوالي 30 دقيقة لبناء
00:08:45مشروعكم. إذا كان لدى أي شخص أسئلة حول مشاريع Stripe، فيسعدنا الإجابة عليها. فقط ارفعوا
00:08:50أيديكم. إذا أردتم المساعدة في إعداد بيئتكم، فيمكننا الحضور والمساعدة في ذلك.
00:08:57ولكنني سأترك بعض الأشياء معروضة. هذه بعض الأوامر التي يمكنك استخدامها في مشروع Stripe.
00:09:03لقد تحدثنا عن init. وتحدثنا عن catalog، حيث يمكنك رؤية المزودين. استخدم add لإضافة
00:09:10مزود أو خدمة. وأمر open سيقوم بفتح لوحة تحكم المزود فعلياً. ومزامنة متغيّرات
00:09:19البيئة. إذا أردت معرفة كم تنفق، فلدينا أمر لذلك. و
00:09:24في النهاية، عندما تستعد لمشاركة مشروعك، هناك Stripe project share،
00:09:29والذي سيشارك فقط المكدس الذي اخترته. أي قائمة المزودين الذين اخترتهم.
00:09:34وإذا كنت بحاجة إلى معرف حسابك، يمكنك الحصول عليه من هناك أيضاً. لذا نعم، شكراً لحضوركم.
00:09:40شكراً للمشاركة. لدينا حوالي 30 دقيقة. لذا ابنوا وانشروا، وارفعوا أيديكم إذا كانت لديكم
00:09:46أسئلة وقدموا أعمالكم هنا. ولكنني سأنتقل مجدداً إلى هذه الشريحة. وهي بمثابة دليل
00:09:55المشاركة الفعلي الذي يحتوي على جميع المعلومات الواردة في العرض التقديمي. لذا نعم. لدي الفضول لمعرفة ما إذا كان أحدكم
00:10:01يرغب في مشاركة فكرة تطبيق يعمل على بنائه. إذا كان بإمكانكم اقتطاع حوالي 10 ثوانٍ
00:10:08من وقت البناء لمشاركتها.
00:10:12نعم. الفكرة التي أفكر في بنائها هي فكرة حاولت بالفعل بنائها بمفردي،
00:10:22ولكنني أريد تجربة فعل ذلك باستخدام هذا. إنها في الأساس تطبيق للعثور على شركاء تدريب آخرين لـ
00:10:31الفنون القتالية، مثل الجيوجيتسو مثلاً. لقد لاحظت أن هذا شيء غير موجود. لذا دعنا
00:10:36نقول على سبيل المثال، النادي مغلق أو أنه عطلة نهاية الأسبوع أو أنك تسافر وتريد التدرب،
00:10:40لكن جميع الأندية مغلقة. إذا كان هناك شخص حولك يتدرب، فلن تكون هناك طريقة
00:10:43لمعرفة ذلك إلا ربما عبر هذا التطبيق الذي سيتيح لك التوافق مع شخص آخر
00:10:48يبحث أيضاً عن شريك تدريب ثم التدرّب معاً، رائع جداً. جميل. هذه هي فكرتي. أعني،
00:10:52سأجربها. مذهل. نعم. حظاً موفقاً. هذا رائع. ممتاز. نعم. نعم. إنه مثال
00:10:56ممتاز لأنك ستحتاج إلى استضافة ويب، وستحتاج إلى قاعدة بيانات،
00:11:00وستحتاج إلى مصادقة، وستحتاج إلى اسم نطاق. نعم، هذا رائع بحق.
00:11:04مذهل. إذا كانت لديكم أي أسئلة أخرى حول مشاريع Stripe أو Stripe بشكل عام،
00:11:08فلدينا جناح هناك بالخارج مباشرة. سأذهب للتواجد هناك. وأنا أثق بأن كولين سيفعل ذلك أيضاً.
00:11:12لذا لا تترددوا في المرور والتحدث عن Stripe، ولدينا بعض هدايا Stripe الترويجية وغيرها. ولكن شكراً
00:11:17لكم جميعاً على الحضور وأتمنى أن تستمتعوا باستخدام مشاريع Stripe. رائع. شكراً للجميع. شكراً للجميع.