Express Generator ( express/node . js )から始める



導入
こんにちは!👋 ようこそ新しいエクスプレスアプリケーションを設定するための私のチュートリアルに.これは、どのように使用するためのチュートリアルではありませんが、私は自分自身を取得することをカバーします.(エクスプレスをどう使うかについての今後のチュートリアルを書きます)

始めましょう

ステップ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を使用するバックグラウンドから来ました.私は学ぶように、私はこのような将来のブログでレッスンを共有することになります!いったん設定すれば、私と一緒になって成長することができます.また近いうちにお会いしましょう!
質問があればコメントをドロップします.私は、答えて満足です!