0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Flask ブラウザ上に表示

Posted at

Flaskの環境構築はこちらを参照してください。
https://qiita.com/akhr0711/items/2f3e2c371106ddb5421b
今日はその続きでブラウザ上に表示されるようにしたいと思います!

vscodeを立ち上げ前回作成したmyprojectに
app.pyというファイルを作成します。

https://flask.palletsprojects.com/en/3.0.x/
公式ドキュメント内にある
Quickstartの
A Minimal Applicationスクリーンショット 2024-09-03 220248.png
ここをapp.pyにコピペします。

環境変数の設定

続いてブラウザ上に表示させるための設定を行います。
vscode上部にあるターミナルから新しいターミナルを実行します。
パワーシェルやコマンドプロントなど選べますので
今回はコマンドプロントを使用します。

仮想環境の有効化を行うために

 .venv\Scripts\activate

と入れます。
するとディレクトリの前に(venv)と表示されます。

続いて環境の設定を行います。

set FLASK_APP=app

次に開発環境の設定

set FLASK_ENV=development

この2つを入れたあとに

flask run

と入れます。
ターミナル上に

スクリーンショット 2024-09-03 234955.png

と表示されます。
http: //127.0.0.1:5000
ここを[ctrl]を押しながらクリックすると
Hell,World!
と表示されます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?