Express Generator ( express/node . js )から始める
4601 ワード
導入
こんにちは!👋 ようこそ新しいエクスプレスアプリケーションを設定するための私のチュートリアルに.これは、どのように使用するためのチュートリアルではありませんが、私は自分自身を取得することをカバーします.(エクスプレスをどう使うかについての今後のチュートリアルを書きます)
始めましょう
ステップ1 -ジェネレータをインストールする
既にノードがあると仮定します.JSがインストールされている場合、あなたのIDEを選択したいと思います(個人的にはVSCODEをお勧めします)
npm i express-generator -g
これはあなたのマシンにExpressジェネレータをインストールします.ステップ2 -エクスプレスアプリを生成する
次に、端末に入力して、最初のExpressアプリを生成します.
express --view=ejs your-app-name
この時点で、IDEでプロジェクトを開きます.あるいは、あなたはcd
プロジェクトに.どちらでも好きです.一度、あなたの端末に入力します
npm i
or npm install
あなたのpackage-lock.json
and node_modules
.ステップ3 -アプリケーションの宣言を修正します.js (オプション)
1行目から10行目は、
var
. すべてを変更するconst
ES 6 +構文のために.最初は問題ではないがvar
いくつかのスコープの問題があることが知られています.特に大きなアプリケーションで.これはオプションです.しかし、非常に提案されます.ステップ4 -生成
devDependencies
インストールしたいいくつかの必要な依存関係があります.一人歩きましょう端末に入力します.
npm i mongoose passport
説明:2つの(2)依存性をインストールしています:マングースとパスポート.両方のMongoDBデータベースとして使用されてpassport
簡略化されたユーザ認証のために.端末に入力します.
npm i -D locus
解説:-D
「開発依存」を表します.これは将来的に展開するときにHerokuにプッシュされるのを止めます.locus
デバッグモジュールとして機能します.端末に入力します.
npm i -D dotenv
解説:再び-D
「開発依存」を表します.dotenv
apisとどんな一般的な敏感な情報のために秘密鍵を保存する能力を我々に許します.端末に入力します.
npm i -g nodemon
解説nodemon
ファイルを変更するときに自動的にサーバーを再起動する依存性です.あなたが反応に精通しているならば、我々が変わる情報を除いて、それは仮想DOMに類似しています.これらの変更を見るにはページを更新する必要があります.目的は、私たちが何かを変更するたびに自分でそれを行うことの代わりにサーバーを再起動自動化することです.ここから、通常我々はサーバーを起動します
npm start
. 代わりに、我々はタイプすることができますnodemon
自動的にコールする端末にnpm start
.一度実行、実行
npm i
もう一つの時間を確認するnode_modules
が完全に更新されます.ステップ5 -コントローラ、モデル、ミドルウェアのフォルダを作成する
MVC(Model,View,Controller)フレームワークの一部は、基礎となるロジックを処理するために必要なファイルを必要とします.あなたがMVCがどのように働くかについてよく知らないならば.here is some helpful information to bring you up to speed . これを実行するには、端末に入力します.
mkdir controllers models middleware
ステップ6
.gitignore
and .env
.gitignore
このフォルダで指定されたファイルを無視します.これを生成するには、端末に入力しますtouch .gitignore
. このファイルの内部には、この情報を含める必要があります..env
/node_modules
気づくだろう.env
そこにあります.このファイルも作成しましょう.端末で次のように入力します.touch .env
このファイルを作成するにはこのファイルを使う時が来るとき、我々はそれがどのように働くか、そして、目的が何であるかという深さに行きます.そうでなければ、Googleの検索を与えることができます.env
そうです.ステップ7
あなたが作った!入力してアプリケーションを起動
nodemon
あなたの端末に.あなたはhttp://localhost:3000/
あなたのブラウザで動作するすべてを確認します.結論
Express/MongoDBは、アプリケーションのデータベースを構築するための大きな代替手段です.個人的には、バックエンドAPIとしてRuby on Railsを使用するバックグラウンドから来ました.私は学ぶように、私はこのような将来のブログでレッスンを共有することになります!いったん設定すれば、私と一緒になって成長することができます.また近いうちにお会いしましょう!
質問があればコメントをドロップします.私は、答えて満足です!
Reference
この問題について(Express Generator ( express/node . js )から始める), 我々は、より多くの情報をここで見つけました https://dev.to/matthewpalmer9/getting-started-with-express-generator-express-node-js-4483テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol