Generator aplikasi ekspres
Gunakan alat generator aplikasi, express-generator, untuk membuat kerangka aplikasi dengan cepat.
Anda dapat menjalankan generator aplikasi dengan perintah npx (tersedia di Node.js 8.2.0).
$ npx express-generator
Untuk versi Node sebelumnya, instal generator aplikasi sebagai paket npm global lalu luncurkan:
$ npm install -g express-generator
$ express
Tampilkan opsi perintah dengan opsi -h:
$ express -h Usage: express [options] [dir] Options: -h, --help output usage information --version output the version number -e, --ejs add ejs engine support --hbs add handlebars engine support --pug add pug engine support -H, --hogan add hogan.js engine support --no-view generate without view engine -v, --view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade) -c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css) --git add .gitignore -f, --force force on non-empty directory
Misalnya, perintah berikut membuat aplikasi Express bernama myapp. Aplikasi akan dibuat dalam folder bernama myapp di direktori kerja saat ini dan mesin tampilan akan disetel ke Pug:
$ express --view=pug myapp create : myapp create : myapp/package.json create : myapp/app.js create : myapp/public create : myapp/public/javascripts create : myapp/public/images create : myapp/routes create : myapp/routes/index.js create : myapp/routes/users.js create : myapp/public/stylesheets create : myapp/public/stylesheets/style.css create : myapp/views create : myapp/views/index.pug create : myapp/views/layout.pug create : myapp/views/error.pug create : myapp/bin create : myapp/bin/www
Kemudian instal dependensi:
$ cd myapp
$ npm instal
Pada MacOS atau Linux, jalankan aplikasi dengan perintah ini:
$ DEBUG=aplikasi saya:* npm start
Pada Command Prompt Windows, gunakan perintah ini:
> set DEBUG=aplikasi saya:* & npm start
Pada Windows PowerShell, gunakan perintah ini:
PS> $env:DEBUG='aplikasi saya:*'; npm start
Kemudian, muat http://localhost:3000/ di peramban Anda untuk mengakses aplikasi.
Aplikasi yang dihasilkan memiliki struktur direktori berikut:
. ├── app.js ├── bin │ └── www ├── package.json ├── public │ ├── images │ ├── javascripts │ └── stylesheets │ └── style.css ├── routes │ ├── index.js │ └── users.js └── views ├── error.pug ├── index.pug └── layout.pug 7 directories, 9 files
Struktur aplikasi yang dibuat oleh generator hanyalah salah satu dari banyak cara untuk menyusun aplikasi Express. Jangan ragu untuk menggunakan struktur ini atau memodifikasinya agar sesuai dengan kebutuhan Anda.
No comments:
Post a Comment