Vue.js+LeanCloud(node.js)前後端分離開発テンプレート

2372 ワード
node.js leancloud javascript vue.js
お役に立てばstar~私のgithubアドレスへようこそ
また、現在コマンドラインでleancloudを配置するのはちょっと問題があり、async/awaitはエラーを報告しますがgitを使用して配置するのはできませんので、lean deploy -gを使用して配置しましょう~
LeanCloudは国内をリードするBaasクラウドサービスプロバイダとして、比較的複雑な操作を多く簡略化し、フロントエンドエンジニアが完全なプロジェクトをholdすることを簡単にしました.
LeanEngineクラウドエンジンの導入前後のエンドコードを通じて、効率的なデータストレージと協力して生産性を完全に解放した.特に2015年にLeanCloudが発表したLeanEngine-Full-stackソリューションは、現在のWeb技術の汎用方案を統合し、LeanEngineと緊密に結合し、基礎アーキテクチャ、自動化構築、国際化ソリューションなどの最下位のテクノロジーソリューションが統合されています.ユーザーは最も簡単な方法で、ビジネス開発を直接開始することができ、下位レベルの技術選択にこだわる必要はありません.
しかし、このプロジェクトは久しぶりに更新されました...最新のLeanEngineクラウドエンジンは3.0にアップグレードされ、多くのapiが変化していますが、これまでのスタックプロジェクトは誰もメンテナンスしていませんでした.
最近勉強しています.jsは本当に使いやすい感じがするので、最新のクラウドエンジンに合わせてboilerplateを書いて、後で急速に開発するテンプレートツールとして使います.
プライマリテクノロジスタック
  • 言語では,ES 6規格のJavaScriptコードを用いて一連のスキームが開発されている.
  • Server側の実行環境はLeanEngineノードに基づいている.js環境は、npmによるインストールに依存し、サービスフレームワークは主にExpress 4に基づく.x.
  • 先端は巧みに取り、尤雨渓の大きなVue-cli生成を直接使用した.

    • 前後端が完全に分離され、サービス側にドメイン間が設置されており、フロントエンドプロジェクトの提出もOKです.
    .
├── public          // LeanEngine Web       ，HTML\CSS\JavaScript         
├── server-modules  //           
│    ├── app            // LeanEngine         
│    ├── api-router     // API       
│    ├── tool           //     
│    └── hello          //     
├── fe                       // Web       
│    ├── build          //       
│    ├── config         //     
│    └── src            //     
└── server       // LeanEngine

    使用方法
    使用したことがない場合は、LeanCloudやLeanEngineを知らないので、まず公式サイトで知っておきます.
    まず、本機にNodeが取り付けられていることを確認する.jsは環境とLeanCloudコマンドラインツールを実行し、次のように開発を開始します.
    git clone本プロジェクト後
  • このプロジェクト で
    $ npm install  //
    • を実行する.
  • は、fe において
    $ npm install  //
    、
    • を実行する.
    デバッグ
  • は、 で実行する
    $ lean up
    サーバ側環境であり、http://localhost:3000/により
    • をテストすることができる.
  • fe で実行する
    $  npm run dev
    webフロントエンド環境は、http://localhost:8080でデバッグできる
    npm run build //               public
    • である.
  • 開発時にこの2つのタスク(terminalを2つ開く)を同時に実行する必要がある場合は、サーバとWeb
    • を同時にデバッグできます.
    LeanCloud構築の導入に関する詳細なコマンドは、LeanCloudの公式サイトで入手できます.
    参考資料
  • LeanEngine-Full-Stack
  • vue-cli

    • プロトコル
    MIT
    蟹さんのお手軽ビルド
    k 8 sクラスタにおけるストレージ持続化の概要