Trick การใช้ Node.js ที่จำเป็นต้องรู้

 

Trick1 -ทำให้เปิดBrowser ได้ทันที่หลังการรัน Server
ด้วย Ctrl+คลิก บน url http://localhost:3000
เกิดจากคำสั่ง
app.listen(3000, () => {
console.log('Server is running at http://localhost:3000');
});


Trick2-ติดตั้ง nodemon ดังนี้
npm i nodemon --save ( i = install --save = ให้เขียนค่าใน package.json)
*version ปัจจุบัน ไม่ต้องใส่ --save ก็ได้

Trick3-ถอน Modul ออก ดังนี้
npm uninstall <ชื่อ module>

Trick4-การรัน server (การเปิดโปรแกรมให้พร้อมใช้งาน จะรอตาม port ที่กำหนด)
ด้วยคำสั่ง 2 แบบ ดังนี้
วิธีที่ 1 ใช้
node <ไฟล์หลัก .js> (เป็นไฟลที่มีการกำหนด port เช่น app.js หรือ index.js) (หากติดตั้ง nodemon ก็ใช้ nodemon แทน node ได้เลย)
วิธีที่ 2 ใช้
npm start (ข้อดีคือในคำสั่งนี้ตลอด แต่ต้องไปกำหนดค่าใน package.jsan ก่อน ดังนี้

"scripts": {
"start": "nodemon app.js"
},

Trick5-การติดตั้ง module สามารถทำได้ 2 วิธี
วิธีที่ 1 ติดตั้งผ่าน คำสั่ง npm install <ชื่อ module> --save
วิธีที่ 2 โดยการกำหนด module ที่ต้องการไว้ใน package.json เช่นดังนี้

"dependencies": {
"body-parser": "1.18.3",
"bootstrap": "4.0.0",
"ejs": "2.6.1",
"express": "4.16.3",
"jquery": "3.3.1",
"nodemon": "^2.0.12",
"popper.js": "1.12.9"
}

แล้วใช้คำสั่ง npm install จะเป็นการติดตั้ง module แบบรวดเดียวจากไฟล์ package.json

Trick6-การcopy โปรเจก
สามารถ copy ได้เลยทั้งโปรเจก ยกเว้นโฟลเดอร์ node_modules
ซึ่งจะมีขนาดเล็กมาก ประมาณ 20.7 kb เท่านั้น
ส่วน module ต่างไสามารถสร้างเองทีหลังได้ด้วยคำสั่ง
npm install จะติดตั้ง module ให้เองตามที่มีใน package.json

Trick7 การกำหนดเส้นทาง
การกำหนดเส้นทางที่ใช้ใน App หรือ route ทำได้ 2 วิธี
1.เรียกผ่านตัวแปรที่กำหนด เช่น
var router = require('./my_route.js')
app.use('/',router)

2. เรียกผ่าน callback function เช่น
var router = require('./my_route.js')
app.use('/', function(req, res, next) {
res.render('index.ejs');
});

Trick8 การลิงค์ทุกชนิด
การสร้าหน้าใหม่ ที่ต้องการลิ้งค์(Link) ทุกชนิด
จะต้องมีการกำหนด route ไว้แล้วเท่านั้น ....จำไว้...
เช่น
<a href="/about" >ABOUT</a>

ก็ต้องสร้าง route ไว้ใน app ไว้แล้วในส่วน server ของ app
ดังนี้
router.get('/about', (req, res)=>{
res.render('about.ejs') //ไม่เขียน .ejs ก็ได้
});

Trick9 ใน ejs สามารถกำหนดค่าตัวแปรได้
<% var test = 101; %> // variable created by ejs
<script>
var getTest = <%= test %>; //เรียกใช้
console.log(getTest); // แสดงผล
</script>