Webアプリが正しく動かず、Webブラウザに表示されません。

「実践力を身につけるPythonの教科書」を参考に
Webアプリを作っているのですが、文字化けしWebブラウザに表示されません。
原因がわかりません。ご教授願います。

###該当のソースコード

###試したこと
以下の手順で作成しました。
(1)「Web」フォルダ直下に「cgi-bin」というフォルダをつくり、
この「cgi-bin」フォルダに、「kakugen.py」(上記コード)を作成
(2)ターミナルで以下を実行。Webサーバを起動
$ python3 -m http.server --cgi 8080
(3)プログラムの実行権限を与えるため、新規のターミナルウインドウを表示させ、
chmod +x Web/cgi-bin/kakugen.py
と入力して［enter］キーをおします
(4)Google Chromeのアドレス欄に「http://localhost:8080/Web/cgi-bin/kakugen.py」と入力して［enter］キーを押下
(5)上記文字化け画面が表示される

◆試したこと・確認したこと
・文字コードをUTF-8に統一
→環境変数はターミナルで「nano ~/.bashrc」を実行して以下の1行をつけ加えました。
export PYTHONIOENCODING='utf-8'
・実行権限については「$ chmod +x〜」の他に「$ chmod a+x〜」なども試しましたが、結果は変わらずでした
・ポート番号は8080以外にも8081、8082、8083などいろいろ試しましたが結果は変わらずでした。

言語：Python3.6
PC:Mac(macOS High Sierra バージョン10.13)

行動規範の内容に同意します

回答2件

ベストアンサー

問題の現象は該当のファイルがcgiとしてhttp.serverに認識されず、pythonファイル(.py)が直接ブラウザに表示されている状態です。

(2)ターミナルで以下を実行。Webサーバを起動

python3 -m http.server --cgi 8080

/Web
├── cgi-bin
│   └── kakugen.py
└── この位置でpython3 -m http.server --cgi 8080 のコマンドを実行する。

少し変更したソースコードを記載しておきます

Python
1#!/usr/bin/env python3
2# -*- coding: utf-8 -*-
3print("Content-Type: text/html\n")
4
5print('<!DOCTYPE html><html lang="ja"><head><title></title></head><body>')
6print("聞くことに速く語ることに遅くあるべき")
7print('</body></html>')