انتقل إلى المحتوى
use-cases / vscode-from-your-phone / hero
CODE · DISPLAYS · CONTAINERS

VS Code حقيقي، على هاتفك، على صندوق Linux حقيقي

Code Orchestrator يُشغّل VS Code داخل الحاوية ويقدّمه كرابط عادي. افتحه من هاتفك في مطار، من جهازك اللوحي على الأريكة، من حاسوبك المحمول على المكتب. نفس المحرّر، نفس الملفات، نفس خادم التطوير لا يزال يعمل من البارحة.

اقرأ توثيق Code
use-cases / vscode-from-your-phone / url

حاسوبك له رابط

Code Orchestrator (الخدمة التي تأتي مع كل حاوية Hoody) يقدّم واجهة VS Code للويب من نقطة نهاية HTTPS واحدة. الرابط يهجي بالضبط أيّ مشروع وأيّ حاوية وأيّ مجلّد يفتحه المحرّر.

شريط العنوان
https://PROJECT-CONTAINER-code-1.SERVER.containers.hoody.com/?folder=/home/user/project
PROJECTPROJECT
CONTAINER-CONTAINER
ROLE-code-1
SERVER.SERVER.containers.hoody.com
FOLDER?folder=/home/user/project

أضِفه إلى المفضّلة مرّة واحدة. افتحه من أي جهاز فيه متصفّح. Code Orchestrator يُعيد استخدام نفس نسخة VS Code لكل id، فإذا فُتح تبويب ثانٍ على جهاز ثانٍ يلتقط حالة workspace نفسها بدلاً من إنتاج جديدة.

use-cases / vscode-from-your-phone / editor

VS Code حقيقي، صندوق Linux حقيقي

ليس محرّر هاتف مُجرَّد يتظاهر بأنّه VS Code. الـ orchestrator يُولّد عمليّة VS Code حقيقيّة في الحاوية بدليل بيانات خاصّ بها في /data/instances/، بكامل الملحقات، ونقطة نهاية وكيل لأي منفذ محلي يربطه خادم تطويرك.

code-1.containers.hoody.com/?folder=/home/user/site
Layout.tsxpage.tsxpackage.json
1export const Layout = ([ children ]) => (
2 <div className="container">
3 <Header />
4 [children]
5 <Footer />
6 </div>
7);
الطرفية · bashلا تزال تعمل
# خادم التطوير الذي بدأته أمس$ bun run devready in 412ms→ proxy/3000 http://localhost:3000

وكيل المنفذ مدمج في الـ orchestrator. أيّ عمليّة مرتبطة بمنفذ محلي — vite، next، خادم rails، python repl — تكون متاحة على /proxy/PORT/ على نفس الرابط. متصفّح الهاتف يرى خادم تطويرك لأنّ localhost الحاوية هو localhost الحاوية، لا localhost الهاتف.

use-cases / vscode-from-your-phone / angles

ما يتوقّف عن كونه مشكلة

خطاب الهاتف-كمحرّر عادةً ينكسر على الجروف التي تجعل الهاتف صندوق تطوير سيّئاً. نمط الـ orchestrator يُحرّك كلّها بعيداً عن الجهاز.

للمطوّر المسافر

الحاسوب المحمول يتوقّف عن كونه العمل

إن كان الحاسوب المحمول على المكتب والهاتف في يدك، يستطيع كلاهما فتح نفس الرابط والتقاط نفس الملفات. السفر يصبح قراراً بشأن العتاد، لا قراراً بشأن سير العمل.

لمهندس المناوبة

الإصلاح لا ينتظر الحاسوب المحمول

سطر كود يُزعجك في طابور المطار. افتح الرابط. عدّل الملف. شغّل الاختبارات في الطرفية المضمّنة. اعمل commit. ادفع. أغلق التبويب. الدورة كاملةً تعمل على الحاوية، لا على الهاتف.

للمؤسِّس المنفرد

بيئة واحدة، كل جهاز

ملحقات مُثبَّتة مرّة واحدة، إعدادات مُتزامنة مرّة واحدة، خادم تطوير مُشغَّل مرّة واحدة. الحالة للحاوية، لا للحاسوب المحمول. شراء جهاز جديد هو فتح رابط عليه.

use-cases / vscode-from-your-phone / punchline

الحوسبة تتوقّف عن كونها مرتبطة بالجهاز الذي في يدك.

الهاتف، الجهاز اللوحي، الحاسوب المحمول — هي أسطح عرض. وحدة المعالجة، القرص، خادم التطوير، ذاكرة البناء، العمليّات الشغّالة كلّها تحيا في الحاوية. أيّ متصفّح يكفي للوصول إليها.

  • لا يتطلّب حاسوباً محمولاً
  • لا تعارضات مزامنة
  • الرابط هو مساحة العمل
use-cases / vscode-from-your-phone / replaces

ما يستبدله هذا

الأنماط التي يلجأ إليها المطوّرون حين يريدون محرّراً بمستوى حاسوب محمول على جهاز ليس بحاسوب محمول. كلٌّ منها يلوي الجهاز أو سير العمل. الـ orchestrator لا يلوي شيئاً.

  • GitHub Codespacesمحرّر في المتصفّح، لكن الصندوق صندوقهم
  • Gitpodنفس النموذج، زائل، ربط بالبائع
  • Replitبيئتهم، نظام ملفّاتهم، تسعيرهم
  • Cursor على هاتفلا يوجد Cursor على هاتف
  • العمل من الحاسوب المحمولحمل العمل يعني حمل الجهاز
use-cases / vscode-from-your-phone / cta

افتح الرابط. اعمل الإصلاح. أغلق التبويب. حاسوبك لم يكن قطّ في يدك.

اقرأ توثيق Code Orchestrator
use-cases / vscode-from-your-phone / related

اقرأ الآخرين