ร้านสาธิตไฮโดรเจน

เทมเพลตไฮโดรเจน: ร้านสาธิต

ไฮโดรเจนคือกลุ่มการค้าไร้หัวของ Shopify ไฮโดรเจนได้รับการออกแบบให้เชื่อมโยงกับ Remix ซึ่งเป็นเฟรมเวิร์กเว็บแบบสแต็กเต็มรูปแบบของ Shopify เทมเพลตนี้มี การตั้งค่าส่วนประกอบ การสืบค้น และเครื่องมือเต็มรูปแบบ เพื่อเริ่มต้นใช้งานไฮโดรเจน มีการใช้งานที่ hydrogen.shop

ตรวจสอบเอกสารไฮโดรเจน ทำความคุ้นเคยกับ Remix

มีอะไรบ้าง

• รีมิกซ์
• ไฮโดรเจน
• ออกซิเจน
• Shopify CLI
• ESLint
• สวยกว่า
• เครื่องกำเนิด GraphQL
• รสชาติของ TypeScript และ JavaScript
• Tailwind CSS (ผ่าน PostCSS)
• การตั้งค่าส่วนประกอบและเส้นทางที่มีคุณสมบัติครบถ้วน

เริ่มต้นใช้งาน

ความต้องการ:

• Node.js เวอร์ชัน 18.0.0 หรือสูงกว่า

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

อย่าลืมอัปเดต .env ด้วยโดเมนร้านค้าของคุณและโทเค็น API หน้าร้าน!

อาคารเพื่อการผลิต

npm run build

การพัฒนาท้องถิ่น

npm run dev

การตั้งค่าเพื่อใช้ API บัญชีลูกค้า ( /account )

ตั้งค่าโดเมนสาธารณะโดยใช้ ngrok

1. ตั้งค่าบัญชี ngrok และเพิ่มโดเมนถาวร (เช่น https://.app )
2. ติดตั้ง ngrok CLI เพื่อใช้ในเทอร์มินัล
3. เริ่ม ngrok โดยใช้ ngrok http --domain=.app 3000

รวมโดเมนสาธารณะไว้ในการตั้งค่า API บัญชีลูกค้า

1. ไปที่ Shopify admin => แอป/ช่องทาง Hydrogen หรือ Headless => API บัญชีลูกค้า => การตั้งค่าแอปพลิเคชัน
2. แก้ไข Callback URI(s) เพื่อรวม https://.app/account/authorize
3. แก้ไข Javascript origin(s) เพื่อรวมโดเมนสาธารณะของคุณ https://.app หรือเว้นว่างไว้
4. แก้ไข Logout URI เพื่อรวมโดเมนสาธารณะของคุณ https://.app หรือเว้นว่างไว้