프론트엔드: 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
폴더에만 있으며 필요에 따라 분할 가능)
project.config.json
파일 appid
에 자신의 WeChat 개발 계정 appid
입력하세요.Vue.js
사용하여 모바일 애플리케이션 구축mpvue
재사용 코드를 사용하여 미니 프로그램 애플리케이션 구축Koa
사용하여 서버 구축gulp는 개발 워크플로에서 힘들거나 시간이 많이 걸리는 작업을 자동화하기 위한 툴킷이므로, 혼란을 멈추고 무언가를 구축할 수 있습니다.
Echarts는 JavaScript를 사용하여 구현된 오픈 소스 시각화 라이브러리로, 대부분의 최신 브라우저(IE8/9/10/11, Chrome, Firefox, Safari 등)와 호환됩니다. 벡터 그래픽 라이브러리 ZRender는 직관적이고 대화형이며 고도로 사용자 정의 가능한 데이터 시각화 차트를 제공합니다.
Day.js는 Moment.js와 동일한 API 디자인을 유지하면서 시간과 날짜를 처리하기 위한 경량 JavaScript 라이브러리입니다.
모바일 단말기 및 미니 프로그램
루시
MIT