mini woo
1.0.0
Mini Woo เป็นโครงการที่ช่วยให้คุณสร้างแอพ Mini สำหรับ Telegram แอพส่งข้อความที่มีผู้ใช้งานมากกว่า 500 ล้านคนซึ่งเชื่อมต่อกับเว็บไซต์ WooCommerce ของคุณซึ่งเป็นแพลตฟอร์มอีคอมเมิร์ซที่ได้รับความนิยมมากที่สุดบนเว็บ
มันใช้ Next.js กรอบการตอบสนองสำหรับการสร้างเว็บแอปพลิเคชันที่รวดเร็วและปรับขนาดได้และ Telegram Bot API และ WooCommerce REST API เพื่อมอบประสบการณ์การช็อปปิ้งที่ราบรื่นสำหรับลูกค้าของคุณทางโทรเลข
คุณสามารถใช้โครงการนี้เป็นเทมเพลตเพื่อปรับแต่งแอพ MINI ของคุณด้วยการสร้างแบรนด์ผลิตภัณฑ์และคุณสมบัติของคุณเองหรือปรับเปลี่ยน API เพื่อเชื่อมต่อร้านค้าออนไลน์อื่น ๆ ที่รองรับบริการเว็บที่น่าสนใจ โครงการนี้เป็นโอเพ่นซอร์สและใช้งานได้ฟรี คุณสามารถค้นหาซอร์สโค้ดเอกสารและคำแนะนำการติดตั้งได้ที่นี่บน GitHub
ในการใช้โครงการนี้คุณต้องตั้งค่าตัวแปรสภาพแวดล้อมต่อไปนี้:
NEXT_PUBLIC_BASE_PATH นี่คือ URL พื้นฐานของการปรับใช้ของคุณ ตัวอย่างเช่นหากคุณกำลังปรับใช้กับ Vercel มันอาจเป็นเช่น https://mini-woo-<your-username>.vercel.app
TELEGRAM_BOT_TOKEN นี่คือโทเค็นการเข้าถึงที่คุณได้รับจาก @botfather เมื่อคุณสร้างบอทโทรเลขของคุณ
TELEGRAM_BOT_SECRET นี่เป็นรหัสผ่านที่คุณตั้งค่าเพื่อรักษาความปลอดภัย API ของคุณ มันอาจเป็นสตริงใด ๆ เช่น my-pass หรือแฮชที่สร้างแบบสุ่ม โปรดตรวจสอบให้แน่ใจว่าเป็นความลับ
TELEGRAM_PAYMENT_PROVIDER_TOKEN นี่คือโทเค็นการชำระเงินของผู้ให้บริการโทรเลข คุณสามารถเชื่อมต่อวิธีการชำระเงินจาก Botfather ผู้ให้บริการชำระเงินสกุลเงินสนับสนุน
WOOCOMMERCE_URL นี่คือ URL ของเว็บไซต์ WooCommerce ของคุณ ตัวอย่างเช่น https://<your-super-cool-store>.com
WOOCOMMERCE_CONSUMER_KEY WOOCOMMERCE_CONSUMER_SECRET นี่คือคีย์การตรวจสอบและความลับที่คุณได้รับจากการตั้งค่า WooCommerce คุณสามารถทำตามคำแนะนำนี้เพื่อสร้างพวกเขา
คุณต้องปรับใช้แอพของคุณบนแพลตฟอร์มหรือเซิร์ฟเวอร์ที่คุณเลือก
วิธีที่ง่ายที่สุดในการปรับใช้แอป Next.js ของคุณคือการใช้แพลตฟอร์ม vercel จากผู้สร้างของ Next.js คุณต้องแยกที่เก็บนี้ก่อน
ตรวจสอบเอกสารการปรับใช้ next.js สำหรับรายละเอียดเพิ่มเติม
หากคุณต้องการปรับใช้แอพของคุณบนเซิร์ฟเวอร์ของคุณเองคุณต้องคัดลอก example.env ไปยัง .env ในรูทของโครงการและเติมตัวแปร จากนั้นคุณต้องเรียกใช้คำสั่งต่อไปนี้:
npm run build
npm run start สิ่งนี้จะสร้างและเริ่มแอปของคุณบนพอร์ตที่ระบุโดยตัวแปร PORT ใน .env
ตั้งค่าตัวแปรสภาพแวดล้อมแล้วเรียกใช้:
npm run devคุณสามารถใช้ https://ngrok.com/
นี่คือขั้นตอนสุดท้าย! คุณต้องตั้งค่า webhook สำหรับบอทโทรเลขของคุณเพื่อรับการอัปเดตจากโทรเลข ในการทำเช่นนี้คุณเพียงแค่ต้องทำตามคำขอโพสต์ไปยัง URL ต่อไปนี้:
curl -X POST https:// < your-deployment-url > /api/telegram-hook/init ? secret_hash= < the-secret-password-from-env-var > แทนที่ <your-deployment-url> ปรับใช้ของคุณ-อูล์> ด้วย URL พื้นฐานของการปรับใช้ของคุณและ <the-secret-password-from-env-var> ด้วยค่าของ TELEGRAM_BOT_SECRET ในตัวแปรสภาพแวดล้อมของคุณหรือ .env
ตอนนี้แอพขนาดเล็กของคุณพร้อมแล้ว! คุณสามารถทดสอบได้โดยส่งคำสั่งหรือข้อความไปยังบอทโทรเลขของคุณ สนุก! -
หากต้องการเรียนรู้เพิ่มเติมลองดูแหล่งข้อมูลต่อไปนี้:
ยินดีต้อนรับความคิดเห็นและการมีส่วนร่วมของคุณ!
