Djangoを使って簡単なwebアプリケーションを作成する

Djangoとは

Pythonで実装されたwebアプリケーションのフレームワーク
オープンソースのフレームワークで、コンテンツの管理システム,wiki,SNSなどのwebアプリケーションで扱われている

環境構築

今回は windows上のVScodeターミナル(powershell)で構築を行った
venvを使用した仮想環境上でDjangoを追加する

1. pythonの導入
   今回はDjangoがメインとなるためpythonの導入方法は省略する
   自身が使用した環境は Python 3.12.5
2. powershellの実行ポリシーを一時的に変更する

   Set-ExecutionPolicy RemoteSigned -Scope Process
   

   これを行わないとvenvのアクティブに失敗する
   
3. pythonのvenv機能で仮想環境を作成する
   1. ディレクトリを作成
   2. venvで仮想環境を作成
   3. venvのアクティベートを行う

   D:\> mkdir webapp
   D:\> cd webapp
   D:\webapp> python -m venv webapp
   D:\webapp> .\webapp\Scripts\activate
   

4. Djangoをインストール

   D:\webapp> pip install django
   

5. プロジェクトの作成

   D:\webapp> django-admin startproject webproj
   

   プロジェクトのフォルダとmanage.pyファイルが作成されていることを確認する
   manage.pyはプロジェクトの管理を行うときに使用するファイル
   サーバーを立ち上げたり管理情報を編集します。
   
6. サーバーを開始する

   D:\webapp> python webproj/manage.py runserver
   

   サーバー開始後 http://127.0.0.1:8000/ にアクセスし、起動していることを確認する
   
   Ctrl + C でサーバーを停止できる

※サーバー起動時に以下の警告が出てきたら記載通りにマイグレーションを実施する

D:\webapp> python webproj/manage.py migrate

webアプリを作成する

作成した環境にwebアプリケーションを作成する

1. webアプリケーションの作成
   webprojディレクトリに入り、アプリケーションを作成する

   D:\webapp> cd .\webproj\
   D:\webapp\webproj> python manage.py startapp sample
   

   以下の構成で作成されていることを確認する
   
2. viewの作成を行う
   views.pyをvscodeなどで開いて以下を入力

   from django.http import HttpResponse
   
   def index(request):
       return HttpResponse("Hello, world.")
   

3. アプリのURLの設定を行う
   url設定ファイルを作成する

   D:\webapp\webproj\sample> code urls.py
   

   from django.urls import path
   
   from . import views
   
   urlpatterns = [
       path("", views.index, name="index"),
   ]
   

4. プロジェクトのurl設定を行う

   D:\webapp\webproj\sample> cd ..\webproj\
   

   ディレクトリ構成
   
   urls.pyを編集する

   from django.contrib import admin
   from django.urls import include, path
   
   urlpatterns = [
       path("sample/", include("sample.urls")),
       path('admin/', admin.site.urls),
   ]
   

5. サーバーを起動する

   D:\webapp\webproj> python manage.py runserver
   

   http://127.0.0.1:8000/sample/ にアクセスして以下のページが出力されればOK
   

参考ページ