สร้างเว็บแอปพลิเคชัน SPA หรือ SSR ด้วย phalcon, vue.js(nuxt.js) และ centrifugo
ไม่ใช่เพื่อการผลิต!
Boilerplate สำหรับการพัฒนาเว็บแอปพลิเคชัน
เทคโนโลยีที่ใช้แล้ว
- แอปพลิเคชั่นไมโคร Phalcon
- เฟรมเวิร์กจาวาสคริปต์ส่วนหน้าของ Vue.js
- Paseto สำหรับการรับรองความถูกต้อง
- Centrifugo สำหรับการส่งข้อความแบบเรียลไทม์
- Wrapper PDO ที่ใช้งานง่ายสำหรับโครงการ PHP
- ฟิงซ์สำหรับการอพยพ
- นักวิ่งงานโรโบ
- ไลบรารีคอมโพเนนต์ที่ใช้ Element-UI Vue 2.0
- เทมเพลตผู้ดูแลระบบขั้นต่ำของ Vue 2.0
- นักเทียบท่า
วิธีการติดตั้งด้วย Docker
- ติดตั้ง docker & docker-compose
- โคลนที่เก็บนี้
- ดาวน์โหลด robo.phar(https://robo.li/), composer.phar(https://getcomposer.org/) ในโฟลเดอร์ "phalcon/"
- คัดลอกไฟล์ .env.example ทั้งหมด (โฟลเดอร์ "./", "phalcon/") ไปที่ .env
- กรอกไฟล์ .env ด้วยข้อมูลที่เหมาะสม
- Centrifugo เพื่อให้ทำงานได้อย่างถูกต้อง คุณต้องกรอกที่อยู่และพอร์ตใน "./docker/nginx/sites/centrifugo.conf line 5"
- ในบรรทัดคำสั่งนักเทียบท่าให้พิมพ์ "docker-compose up -d --build"
- ไปในคอนเทนเนอร์ php ด้วยคำสั่ง "docker exec -it php_ /bin/bash"
- เรียกใช้ "การติดตั้งผู้แต่ง" หลังจากประเภทการติดตั้งคำสั่ง "php vendor/bin/phinx โยกย้าย" เพื่อสร้างการโยกย้าย
- จากนั้นพิมพ์ "php vendor/bin/phinx seed:run" ลงในตาราง seed ในฐานข้อมูล
- สร้างคีย์การตรวจสอบสิทธิ์ paseto ด้วยคำสั่ง "php robo.phar paseto" และ "exit" จาก php_ container
- ไปที่ไดเร็กทอรี ./vue และติดตั้งแพ็กเกจ npm ด้วย "การติดตั้ง npm"
- หลังการติดตั้งให้พิมพ์ "npm run dev" เบราว์เซอร์เริ่มต้นโดยอัตโนมัติพร้อมกับแอปพลิเคชันที่ใช้งานได้