フロントエンド: Vue + Mpvue (モバイル端末とアプレットをサポート)、バックエンド: koa (サーバーの開発に Koa2 を使用)
Vue は、ユーザー インターフェイスを構築するための進歩的なフレームワークです。
Vue
のコア ライブラリはビュー レイヤーのみに焦点を当てており、開始が簡単であるだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も簡単です。一方、最新のツール チェーンやさまざまなサポート ライブラリと組み合わせると、Vue
複雑な単一ページ アプリケーション用のドライバーを提供することができます。
mpvue は
Vue.js
使用して小さなプログラムを開発するためのフロントエンド フレームワークです。このフレームワークはVue.js
のコアに基づいており、mpvue
ミニ プログラム環境で実行できるようにVue.js
のランタイムとコンパイラーの実装を変更し、ミニ プログラム開発に完全なVue.js
開発エクスペリエンスを導入します。
koa は Express のオリジナル チームによって構築されており、より小さく、より表現力豊かで、より堅牢な Web フレームワークになるよう取り組んでいます。 koa を使用して Web アプリケーションを作成し、さまざまなジェネレーターを組み合わせることで、繰り返しの煩雑なコールバック関数のネストを回避し、エラー処理の効率を大幅に向上させることができます。 koa はカーネル メソッドにミドルウェアをバインドせず、軽量でエレガントな関数ライブラリのみを提供するため、Web アプリケーションの作成が容易になります。
ノードサービスを利用してモバイル端末とミニプログラムの両方をサポートするチャットボット
# 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 を使用して実装されたオープンソースの視覚化ライブラリであり、PC およびモバイル デバイスでスムーズに実行できます。基盤となるレイヤーは、ほとんどのブラウザー (IE8/9/10/11、Chrome、Firefox、Safari など) と互換性があります。軽量に依存 ベクトル グラフィックス ライブラリ ZRender は、直観的でインタラクティブで高度にカスタマイズ可能なデータ視覚化チャートを提供します。
Day.js は、Moment.js と同じ API 設計を維持した、時刻と日付を処理する軽量の JavaScript ライブラリです。Moment.js を使用したことがある場合は、Day.js の使用方法をすでに知っています。
モバイル端末&ミニプログラム
ルシ
マサチューセッツ工科大学