vue mpvue ChatRobot

หุ่นยนต์สต็อก

ส่วนหน้า (เทอร์มินัลมือถือและแอปเพล็ต)/ส่วนหลัง (nodejs)

ส่วนหน้า: Vue + Mpvue (รองรับเทอร์มินัลมือถือและแอปเพล็ต); แบ็คเอนด์: koa (ใช้ Koa2 เพื่อพัฒนาเซิร์ฟเวอร์)

Vue เป็นเฟรมเวิร์กที่ก้าวหน้าสำหรับการสร้างส่วนต่อประสานกับผู้ใช้ ไลบรารีหลักของ Vue มุ่งเน้นไปที่เลเยอร์มุมมองเท่านั้น ซึ่งไม่เพียงแต่เริ่มต้นได้ง่ายเท่านั้น แต่ยังง่ายต่อการรวมเข้ากับไลบรารีของบุคคลที่สามหรือโปรเจ็กต์ที่มีอยู่อีกด้วย ในทางกลับกัน เมื่อรวมกับกลุ่มเครื่องมือที่ทันสมัยและไลบรารีที่รองรับต่างๆ Vue ก็สามารถจัดหาไดรเวอร์สำหรับแอปพลิเคชันหน้าเดียวที่ซับซ้อนได้อย่างเต็มที่

mpvue เป็นเฟรมเวิร์กส่วนหน้าสำหรับการพัฒนาโปรแกรมขนาดเล็กโดยใช้ Vue.js เฟรมเวิร์กนี้ใช้แกนหลักของ Vue.js mpvue จะปรับเปลี่ยนการใช้งานรันไทม์และคอมไพเลอร์ของ Vue.js เพื่อให้สามารถทำงานในสภาพแวดล้อมแบบมินิโปรแกรมได้ จึงทำให้เกิดประสบการณ์การพัฒนา Vue.js ที่สมบูรณ์สำหรับการพัฒนามินิโปรแกรม

koa ถูกสร้างขึ้นโดยทีมงานดั้งเดิมของ Express และมุ่งมั่นที่จะเป็นเฟรมเวิร์กเว็บที่เล็กลง แสดงออกได้มากขึ้น และมีประสิทธิภาพมากขึ้น การใช้ koa เพื่อเขียนเว็บแอปพลิเคชัน ด้วยการรวมตัวสร้างที่แตกต่างกัน คุณสามารถหลีกเลี่ยงการซ้อนฟังก์ชันการโทรกลับที่ซ้ำซ้อนและยุ่งยากได้ และปรับปรุงประสิทธิภาพของการจัดการข้อผิดพลาดได้อย่างมาก koa ไม่ได้ผูกมิดเดิลแวร์ใด ๆ ในวิธีการเคอร์เนล มันมีเพียงไลบรารีฟังก์ชันที่มีน้ำหนักเบาและสวยงามเท่านั้น ทำให้การเขียนเว็บแอปพลิเคชันเป็นเรื่องง่าย

การแนะนำ

แชทบอทที่ใช้บริการโหนดเพื่อรองรับทั้งเทอร์มินัลมือถือและมินิโปรแกรม

สร้างการตั้งค่า

 # install dependencies
npm install

# build mini program
npm start

# build H5 pages
npm run startH5

# build pages for production with minification for mini program
npm run build

# build pages for production with minification for H5 program
npm run buildH5

# build node resource for server
gulp build

แยกส่วนปลายหน้าและหลัง

 # start mini progrom
npm run dev

# start H5 pages
npm run devH5

# start server
npm run server

(รหัสเซิร์ฟเวอร์จะอยู่ในโฟลเดอร์ server โครงการเท่านั้นและสามารถแบ่งได้ตามความต้องการของคุณเอง)

สำคัญ! - -

• กรุณากรอก appid บัญชีการพัฒนา WeChat ของคุณเองในไฟล์ project.config.json , appid ;
• echarts-for-weixin รองรับเวอร์ชัน WeChat >= 6.6.3 ซึ่งสอดคล้องกับเวอร์ชันไลบรารีพื้นฐาน >= 1.9.91

ลักษณะเฉพาะ

• สร้างแอปพลิเคชันมือถือโดยใช้ Vue.js
• สร้างแอปพลิเคชันมินิโปรแกรมโดยใช้โค้ด mpvue ที่นำกลับมาใช้ใหม่
• สร้างเซิร์ฟเวอร์โดยใช้ Koa
• ใช้โซลูชันการจัดการข้อมูล Vuex เพื่อสร้างแอปพลิเคชันที่ซับซ้อนได้อย่างง่ายดาย
• ใช้กลไกการสร้าง webpack: กลยุทธ์การสร้างแบบกำหนดเอง, hotReload ในระหว่างขั้นตอนการพัฒนา
• รองรับการใช้การพึ่งพาภายนอก NPM
• ใช้ API ความเข้าใจความหมายภาษาธรรมชาติแพลตฟอร์มเปิดปัญญาประดิษฐ์ OLAMI

ปลั๊กอิน

• gulp เป็นชุดเครื่องมือสำหรับการทำงานอัตโนมัติที่เจ็บปวดหรือใช้เวลานานในเวิร์กโฟลว์การพัฒนาของคุณ ดังนั้นคุณจึงสามารถหยุดยุ่งและสร้างบางสิ่งบางอย่างได้

• Echarts เป็นไลบรารีการแสดงภาพแบบโอเพ่นซอร์สที่ใช้งานได้อย่างราบรื่นบนพีซีและอุปกรณ์มือถือ เข้ากันได้กับเบราว์เซอร์ปัจจุบันส่วนใหญ่ (IE8/9/10/11, Chrome, Firefox, Safari ฯลฯ ) อาศัยน้ำหนักเบา ไลบรารีกราฟิกเวกเตอร์ ZRender นำเสนอแผนภูมิการแสดงข้อมูลที่ใช้งานง่าย โต้ตอบได้ และปรับแต่งได้สูง

• Day.js เป็นไลบรารี JavaScript น้ำหนักเบาสำหรับจัดการเวลาและวันที่ โดยคงการออกแบบ API เหมือนกับ Moment.js หากคุณเคยใช้ Moment.js คุณจะรู้วิธีใช้ Day.js อยู่แล้ว

ภาพหน้าจอ

เทอร์มินัลมือถือและมินิโปรแกรม

ผลงาน

รุชิ

ใบอนุญาต

เอ็มไอที