متجر الهيدروجين التجريبي

قالب الهيدروجين: متجر تجريبي

الهيدروجين هو مكدس Shopify للتجارة مقطوعة الرأس. تم تصميم Hydrogen ليتوافق مع Remix، إطار عمل الويب الكامل الخاص بـ Shopify. يحتوي هذا القالب على إعداد كامل المواصفات للمكونات والاستعلامات والأدوات للبدء في استخدام الهيدروجين. يتم نشره في Hydrogen.shop

راجع مستندات الهيدروجين وتعرف على الريمكس

ما هو مدرج

• ريمكس
• هيدروجين
• الأكسجين
• Shopify سطر الأوامر
• ESLint
• أجمل
• مولد GraphQL
• نكهات TypeScript وJavaScript
• Tailwind CSS (عبر PostCSS)
• إعداد كامل المواصفات للمكونات والمسارات

ابدء

متطلبات:

• Node.js الإصدار 18.0.0 أو أعلى

npm create @shopify/hydrogen@latest -- --template demo-store

تذكر تحديث .env بنطاق متجرك ورمز Storefront API المميز!

بناء للإنتاج

npm run build

التنمية المحلية

npm run dev

الإعداد لاستخدام واجهة برمجة تطبيقات حساب العميل (قسم /account )

إعداد المجال العام باستخدام ngrok

1. قم بإعداد حساب ngrok وأضف نطاقًا دائمًا (على سبيل المثال https://.app ).
2. قم بتثبيت ngrok CLI لاستخدامه في المحطة
3. ابدأ تشغيل ngrok باستخدام ngrok http --domain=.app 3000

قم بتضمين المجال العام في إعدادات واجهة برمجة تطبيقات حساب العميل

1. انتقل إلى مسؤول Shopify الخاص بك => تطبيق/قناة Hydrogen أو Headless => واجهة برمجة تطبيقات حساب العميل => إعداد التطبيق
2. قم بتحرير Callback URI(s) لتشمل https://.app/account/authorize
3. قم بتحرير Javascript origin(s) لتضمين النطاق العام الخاص بك https://.app أو اتركه فارغًا
4. قم بتحرير Logout URI ليشمل المجال العام الخاص بك https://.app أو اتركه فارغًا