สร้างเว็บด้วย Django ตอนที่ 1

บทความนี้จะเป็นการแนะนำพร้อมปฎิบัติ ในการสร้างเว็บด้วยภาษา Python ตลอดทั้ง Application โดยใช้ Django framework

Django คือ อะไร? (อ่านว่า แจงโก่ นะคับ ตัว “D” เป็น silent letter ไม่ต้องออกเสียง)

Django คือ free opensource framework ที่เขียนด้วยภาษาไพธอน ที่ช่วยสร้าง component ให้เร็วและดูดี ซึ่ง Django สามารถทำงานได้อย่างสมบูรณ์รวมถึง dashboard และรองรับฐานข้อมูลต่างๆเช่น SQLite, PostgresSQL, MySQL ซึ่งบริษัทชั้นนำต่างๆในโลกที่ใช้กัน เช่น
Disqus, Instragram, Spotify, YouTube, The Washington Post, BitBucket, DropBox, Eventbrite, Mozilla, Pinterest เป็นต้น

เอาล่ะ พูดไปเยอะแล้ว เรามาลงมาทำ workshop ง่ายๆ กันเลยดีกว่า

1. เปิด cmd ขึ้นมาและเรียกใช้ pip list เลยครับเพื่อดูว่ามี package อะไรบ้าง
   (ถ้า pip เป็น version เก่า ให้ทำการ upgrade ด้วยคำสั่ง

"python -m pip install --upgrade pip" หรือ
"python -m pip install -U pip"

2. ลง package virtualenv ด้วยคำสั่ง “ pip install virtualenv ” (documentation) เราลงตัวนี้เพื่อใช้สร้าง Environment สำหรับ Python ขึ้นมาใหม่นะครับ

3. การสร้างเว็บก็เหมือนมันคือ Project หนึ่ง ให้เราทำเหมือนเป็น Object หนึ่งนะครับ ต่อไปให้สร้าง Folder ขึ้นมา ชื่อว่า “Django Project” ที่ไหนก็ได้ และเข้าไปที่ cmd ของ folder “Django Project” นะคับ

4. พิมพ์ใน cmd ของ path “Django Project” นะคับ ด้วยคำสั่ง
“virtualenv -p python myweb_16Sep19” หรือ ถ้าเครื่องเรามี Python หลาย version และเราต้องการระบุ path ของ python ไปเลย ให้พิมพ์แบบนี้นะครับ
“virtualenv -p C:\Python37\python.exe myweb_16Sep19”

จะเป็นการสร้าง Virtual env แบบ isolated python environment ขึ้นมาใน folder “myweb_15Sep19” หรือ “python3 -m virtualenv venv” ก้อได้

5. ต่อไปเราจะลง package Django พระเอกของเรากันแล้วนะคับ ด้วยคำสั่ง “pip install django” แต่เดี๋ยวก่อนๆๆๆ ถ้าเราลงด้วยวิธีนี้ เท่ากับว่า เรากำลังลง django ไปที่ python หลักในเครื่องของเรานะคับ แต่เราต้องการจะทำบน virtualenv ฉะนั้นเราจะเข้าไปลงในนั้น โดยเข้าไปใน Folder project ก่อน

จริงๆ เราสามารถ cd เข้าไปที่ Folder Scripts/activate.bat ก็ได้นะครับ แต่เวลาเขียน code จะต้องถอยออกมาเขียนที่ Folder หลักที่ไม่ใช่่ใน Script ถ้าต้องการออกจาก virtual ให้พิมพ์คำว่า “deactivate” เพื่อออกมาได้เลย

# สำหรับ Linux ให้ใช้คำสั่ง “source ./bin/activate” แทนนะคับ ในการ activate เพื่อเข้าไปที่ virtualenv

6. คราวนี้ลงของจริงล่ะคับ ให้ลอง pip list หรือ pip freeze ก็ได้นะ และ pip install django ใน virtual env เลยคับ

django จะค่อนข้างใช้เวลาหน่อยนะ ใหญ่นิดนึง

7. ต่อไปเรามาลองใช้ django กันเลย โดยพิมพ์ “django-admin” เพื่อดูว่าเขามี function อะไรบ้างให้ใช้ได้

8. เราจะใช้คำสั่ง “startproject” นะคับ จากวงกลมสีเขียวข้างบน โดยพิมพ์
- “django-admin startproject store .” (store คือ ชื่อ project ที่เราคิดขึ้นมาใหม่).
- หลังจากนั้นจะมี manage.py และ folder store สร้างเพิ่มขึ้นมา.
- ทดลอง run server ด้วยคำสั่ง python manage.py runserver.
- นำ url ที่ได้ไปวางบน browser.

ถ้าเราไม่ใส่จุดหลัง store ก็ได้นะ แต่ระบบจะสร้าง folder store ขึ้นมาซ้อนกัน 2 อันแค่นั้นเอง และ manage.py จะอยู่ด้านใน store อีกที

อันนี้เสริมทีหลังนะคับว่า ถ้าให้ดีเราควรแยกระหว่าง folder project และ folder venv ออกจากกันเลยนะคับ ลักษณะแบบนี้

project “firstweb” แยกออกจาก “venv”

9. นำ url “http://127.0.0.1:8000/ ไปวางบน Browser
(localhost:8000 แบบนี้ก็ได้นะ)

เรียบร้อยแล้วนะ คราวนี้เราก้อได้หน้า Homepage ของ Django ล่ะ

อ่อ…ลืมบอก ถ้าเราไม่ต้องการจะสร้างบน virtual environment นะคับ ก็ให้ pip install django ใน path หลักของ os เราได้เลยนะคับ (nothing special).

ไว้เจอกันตอนต่อคับ