Windows上のWeb開発のためのPythonの使用

ブドウと出発の街からオリジナル技術チームでこの記事

ソースを記入してください：グレープ市の公式サイト、ブドウ市は、開発者を有効にする開発者は、ソリューション、サービス、のための専門的な開発ツールを提供します。

 

私たちは、私たちがどのようにWeb開発のためのPythonを使用するためにステップガイドWindowsサブシステム（WSL）でステップを見て一緒にこのブログのエントリを見て、Windowsの10でのPythonの開発を導く初心者に導入されました。

開発環境のセットアップ

あなたはWebアプリケーションをビルドするとき私たちは、WSLでPythonをインストールすることをお勧めします。 多くのPythonのWeb開発のチュートリアルと命令は、LinuxユーザーとLinuxベースのパッケージとインストールツールのために書かれています。 ほとんどのWebアプリケーションでは、Linux上で展開され、これは開発環境と本番環境間の整合性を確保します。

あなたがWeb開発以外のものを使用している場合は、次に我々は、Windows 10に直接インストールされたMicrosoftストアのPythonを使用することをお勧めします。 WSLは（等pygameのダウンロード、ノーム、KDEなど）GUIデスクトップまたはアプリケーションをサポートしていません。 これらのケースでは、Windows上のPythonをインストールして使用してください。 あなたは、Pythonに精通していない場合、次のガイドラインを参照してください。Windows上のPython入門。 ご興味のある方は、オペレーティング・システム上の一般的なタスクを自動化し、次のガイドラインを参照してください。Windows上のPythonスクリプトと自動で開始します。 特定の高度なシナリオについて、あなたはpython.orgは直接のPythonの特定のバージョンをダウンロードし、またはそのようなアナコンダ、Jythonの、PyPy、WinPython、などの代替項目、インストールを検討検討する必要があります IronPythonのようにしています。あなたは、より高度なPythonプログラマがある場合にのみ、場合にのみ、この方法で、代替実装を選択するための具体的な理由を使用することをお勧めします。

Linux用のWindowsサブシステムを有効にします

WSLすることで、あなたは直接Windows上で変更を行い、（ほとんどのコマンドラインツール、ユーティリティ、およびアプリケーションを含む）GNU / Linux環境を実行することができ、かつ完全に、Windowsのファイルシステムと（例えばVisual Studioのコードのような）一般的なツールと統合されています。 WSLを有効にする前に、あなたは最新のWindows 10バージョンを持っているかどうかを確認してください。

お使いのコンピュータにWSLを有効にするには、次のものが必要です。

1. タイプ「オープンまたはWindows機能を閉じて」、「スタート」メニュー（ウィンドウアイコンの左下）に移動し、「コントロールパネル」ポップアップメニューの「窓が特徴」開くようにするためのリンクを選択します。 リスト内の「Linux用のWindowsサブシステム」を見つけて、機能を有効にする]チェックボックスをオンにします。

2. プロンプトが表示されたら、コンピュータを再起動します。

Linuxディストリビューションのインストール

多くのLinuxディストリビューションは、WSL上で実行することができますがあります。 あなたは、マイクロソフトストアでお気に入りを見つけてインストールすることができます。 開始18.04 LTSからUbuntuのアドバイス、それは最新の、最も人気のある国民の支持があるからです。

1. Ubuntuの18.04 LTSオープンマイクロソフトストアを開き、[選択するには、このリンク「を得ます。」 （これはかなり大きく、ダウンロードされ、インストールに時間がかかる場合があります。）

2. ダウンロードは、「スタート」メニュー、タイプ「UBUNTU 18.04 LTS」、ストアまたはMicrosoft「スタート」から、完了したら、「スタート」を選択します。

3. あなたが最初のディストリビューションを実行すると、アカウント名とパスワードを作成するように求められます。 その後、デフォルトでは、自動的にこのユーザーとしてログインします。 あなたは、任意のユーザー名とパスワードを選択することができます。 彼らはあなたのWindowsユーザー名には影響しません。

現在、以下のように入力して使用するLinuxディストリビューションを確認することができます  lsb_release -d。 Ubuntuディストリビューションを更新するには、使用sudo apt update && sudo apt upgrade： それはあなたが最新のパッケージを持っていることを確認するために定期的に更新することをお勧めします。 Windowsが自動的にこの更新プログラムを処理しません。 追加のLinuxディストリビューションリンクはマイクロソフトストア、代替インストール方法、またはトラブルシューティングに適用されるために、Linuxのインストール・ガイド10のサブシステムのWindowsのWindowsのドキュメントを参照してください。

Visual Studioのコードを設定します

VSコードを使用することにより、インテリセンス、リンティング、デバッグサポート、およびスニペットユニットテストを活用します。 VSコード内蔵の端末がコードエディタとコマンドラインの間のシームレスなワークフローを確立し提供するLinuxとWindowsのサブシステムのシームレスな統合は、また、UIコマンドに直接組み込まれ、汎用のgit Gitのバージョンコントロールの使用をサポートしています（プル、プッシュ、コミット、追加）。

1. ダウンロードして、WindowsのVSのコードのためにインストールします。 VSコードは、Linuxに適用されますが、Linux用のWindowsサブシステムは、GUIアプリケーションをサポートしていませんので、我々は、Windows上でそれをインストールする必要があります。 心配しないで、あなたはまだ、リモート-WSL拡大とLinuxのコマンドラインツールとの統合を使用することができます。

2. WSLは、コードVS延長線上に搭載されています。 これは、WSLは、統合開発環境として使用することができることができます、そしてあなたのためのプロセスの互換性とパス。 詳しくはこちらをご覧ください。

重要

VSコードがインストールされている場合は、リリースされたバージョン1.35以降では、リモートWSLの拡張機能をインストールすることを確認する必要があります。 オートコンプリート、デバッグ、毛羽立ちなどのサポートの損失ので、使用中の拡張VSコードWSL WSLでの使用は推奨しません。楽しい事実：は$ HOME / .vscodeサーバ/拡張にインストールされ、このWSL拡張 。

 

新しいプロジェクトを作成します

そして、私たちはLinuxアプリケーションやツールに対処するためにVSのコードを使用する、のは、Linux（Ubuntuの）ファイルシステム上に新しいプロジェクトディレクトリを作成してみましょう。

1. 「スタート」メニュー（ウィンドウアイコンの左下）に移動し、閉じて、VSコードのUbuntu 18.04（WSLコマンド・ライン）を開くには、次のように入力します。「のUbuntu 18.04」。

2. Ubuntuのコマンドラインでは、あなたがアイテムを配置し、ディレクトリを作成したい場所に移動します  mkdir HelloWorld。

 プロンプト

Linux用のWindowsサブシステム（WSL）を使用する場合は、覚えておくべき重要なことは、あなたが今、二つの異なるファイルシステム間で機能していることである：1）Windowsのファイルシステム（WSL）は、Linuxのファイルシステムであり、 （）は、Ubuntuの一例です。 設置場所のパッケージとストアファイルことに注意してください。 あなたは、Windowsのファイルシステム内のツールやパッケージのバージョンをインストールして、Linuxファイルシステムの異なるバージョンをインストールすることができます。 Linuxファイルシステムの更新、Windowsのファイルシステムツールを無効ツール、およびその逆になります。 コンピュータ上のWSL固定ドライブは、Linuxのリリースを/ mnt /フォルダの中にロードされます。 たとえば、WindowsのCは：下にマウントされたドライブ/mnt/c/。 Windowsは、Ubuntuの端末からファイルにアクセスすることができ、そしてこれらのファイルは、Linuxアプリケーションやツール、およびその逆を使用します。 もともとLinuxのほとんどのWebツールのために書かれ、そして本番環境でのLinuxの展開として、PythonのWeb開発に適しており、Linuxのファイルシステムで動作するようにお勧めします。 また、ハイブリッドファイルシステムのセマンティクス（Windowsなどのファイル名には大文字と小文字を区別しません）回避します。 つまり、今の間WSLジャンプは、LinuxとWindowsのファイルシステムをサポートしていますので、あなたは、システムの一つでホストされている提出でき。 詳しくはこちらをご覧ください。 また、共有して喜んでいるWindowsの今後のWSL2を  、そしていくつかの重要な改善を提供します。 あなたは今18917プレビューを作成し、Windowsの経験に試すことができます。

パイソン、ピップとvenvをインストールします。

Ubuntuの18.04 LTSは、Python 3.6が付属していますが、他のPythonインストールで取得したいかもしれないいくつかのモジュールが付属していません。 我々はまだ光の仮想環境を作成し、管理するための標準モジュールであるPythonの標準パッケージマネージャとvenv、のために、ピップをインストールする必要があります。

1. Ubuntuの端末とタイプを開きます  python3 --version、のpython3のインストールを確認してください。 これは、Pythonのバージョン番号を返す必要があります。 あなたは、Pythonのバージョンを更新する必要がある場合は、最初に入力します。  sudo apt update && sudo apt upgradeその後、使用sudo apt upgrade python3のUbuntuを更新するためのPythonの最新バージョンを。

2. 次のように入力して来sudo apt install python3-pipPIPをインストールします。 ピップは、インストールや他のPythonの標準ライブラリに属していないパッケージを管理することができます。

3. 次のインストールVenvを入力します  sudo apt install python3-venv：

仮想環境を作成します。

Pythonの開発プロジェクトのためには、仮想環境を使用することをお勧めします。 仮想環境を作成することにより、分離およびツール他のプロジェクトとバージョンの競合を避けるために、ツールを投影することができます。たとえば、あなたが必要なDjangoの古いウェブ1.2 Webプロジェクトの枠組みを維持するが、その後、エキサイティングな新しいプロジェクトを取得しますDjangoの2.2を使用する必要があります。 仮想環境外でグローバル更新Djangoの場合、将来はいくつかのバージョン管理の問題が発生することがあります。 仮想環境外でのバージョン管理の偶然の衝突を防止することに加えて、あなたが管理者権限なしでパッケージをインストールし、管理することができます。

1. ターミナルを開いて、HelloWorldのは、プロジェクトフォルダで次のコマンドを使用して、指定された仮想環境を作成します。python3 -m venv .venvVenv： 。 

2. 仮想環境をアクティブにするには、入力しますsource .venv/bin/activate： それが動作する場合は、コマンドプロンプトの前に（。Venv）を参照してくださいする必要があります。 さて、あなたは、スタンドアロンのインストールパッケージと環境のためのコードを記述する必要があります。 仮想環境を完了した後、それを無効にするには、以下のコマンドを入力します  deactivate。

   

 プロンプト

それは、プロジェクトのディレクトリに仮想環境を作成することをお勧めします。 各プロジェクトは、独自の個別のディレクトリを持っているはずなので、その各プロジェクトは、独自の仮想環境なので、ノー固有の名前を持っています。 私たちは、Pythonの規則に従うことをお勧めしますvenv。 プロジェクトディレクトリにインストールした場合、（例えばpipenvなど）いくつかのツールも、この名前にデフォルト設定します。 私たちは、環境変数定義ファイルとENVの競合を使用する必要はありません。 何が存在しないので、一般的に非ポイントリーダーの名前をお勧めしませんlsディレクトリが存在していることを思い出させる持続。 また、お勧めします。Venv .gitignoreファイルに追加されます。 （以下は、に適用されるデフォルトのテンプレートをPythonのGitHubの.gitignore参考のために。）VSコードでの仮想環境の使用の詳細については、VSのコードでPython環境を使用します。

リモートウィンドウオープンWSL-

（インストール前）、リモートWSL拡張子を使用して、VSのコードは、リモートのLinuxサーバのサブシステムとして扱われます。 これは、統合開発環境としてWSLを使用することができます。 詳しくはこちらをご覧ください。

1. コードVS Ubuntuのプロジェクトフォルダ端子からオープン、次のように入力します  code . （「」現在のフォルダを開くためにVSのコードを教えてください。）。

2. Windows Defenderは、セキュリティ警告をポップアップ表示し、選択されます「アクセスを許可します。」 Ubuntuの-18.04：あなたが知っているので、VSのコードを開いた後、あなたはWSL上で編集、左下隅にあるリモートホストの接続インジケータが表示されるはずです。

   

3. Ubuntuのターミナルを閉じます。 WSLの統合VSコードを使用して、端末の前方への移動。

4. （アポストロフィ文字がトランス使用）」Ctrlキー+を押すか、コードVS WSL端子を開くには、 『表示>ターミナル』を選択します。 これは、bashの（WSL）、コマンドライン、フォルダパスにUbuntuのターミナルで作成したプロジェクトファイルを開くには、このコマンドラインを開きます。

   

マイクロソフトPython拡張をインストールします。

あなたは、WSLの規範VS任意の拡張機能をインストールする必要があります。 コードはVS拡張でローカルにインストールされている自動的に使用されることはありません。 詳しくはこちらをご覧ください。

1. 入力して、Ctrlキー+ + Xオープン「VSコード拡張を」シフトウィンドウ（または使用したメニューナビゲーション「ビュー>」「拡張子」）。

2. 「マーケットプレーストップの検索の拡張機能の」ボックスで、入力します：Pythonのを。

3. マイクロソフトによって拡張のpython（ミリ秒のpythonのpython）を見つけ、ボタンを「緑のインストール」を選択します。

4. 拡張インストールが完了したら、あなたはボタンを「あなたはリロードする必要があります」を選択する必要があります。 これは、VSコードと表示WSLをオーバーライドします：「VSコード拡張子」ウィンドウ「UBUNTU-18.04-インストール」セクションには、インストールされたPythonの拡張機能を表示します。

运行简单的 Python 程序

Python 是一种解释型语言, 支持不同类型的 interpretors (Python2、Anaconda、PyPy 等)。 VS Code 应默认为与项目关联的解释器。如果有理由更改它, 请选择 "VS Code" 窗口底部蓝色栏中当前显示的解释器, 或打开命令面板(Ctrl + Shift + P), 然后输入以下命令 :选择解释器。 这会显示当前已安装的 Python 解释器列表。 详细了解如何配置 Python 环境。

让我们创建并运行一个简单的 Python 程序作为测试, 并确保已选择正确的 Python 解释器。

1. 通过输入Ctrl + Shift + E打开 "VS Code 文件资源管理器" 窗口 (或使用菜单导航到 "视图 > 资源管理器")。

2. 如果它尚未打开, 请按Ctrl + Shift + ' 打开集成的 WSL 终端, 并确保已选中HelloWorld python 项目文件夹。

3. 通过输入以下内容创建 python 文件touch test.py:。 你应看到刚才创建的文件显示在你的 "资源管理器" 窗口中的 venv 和. vscode 文件夹下的项目目录中。

4. 选择刚在 "资源管理器" 窗口中创建的test.py文件, 在 VS Code 中打开它。 由于文件名中的 py 告诉 VS Code 这是一个 Python 文件, 因此你之前加载的 Python 扩展会自动选择并加载一个 Python 解释器, 该解释器将显示在 VS Code 窗口的底部。

   

5. 将此 Python 代码粘贴到你的 test.py 文件中, 然后保存该文件 (Ctrl + S):

   print("Hello World")

6. 若要运行我们刚刚创建的 Python "Hello World" 程序, 请在 "VS Code 资源管理器" 窗口中选择test.py文件, 然后右键单击该文件以显示选项的菜单。 选择 "在终端中运行 Python 文件" 。 或者, 在集成的 WSL 终端窗口中, 输入python test.py : 运行 "Hello World" 程序。 Python 解释器会在终端窗口中打印 "Hello World"。

恭喜. 一切都已设置为创建和运行 Python 程序! 现在, 让我们尝试使用两个最受欢迎的 Python web 框架创建 Hello World 应用:Flask 和 Django。

Flask Hello World 教程

Flask是适用于 Python 的 web 应用程序框架。 在此 brief 教程中, 你将使用 VS Code 和 WSL 创建一个小型的 "Hello World" Flask 应用。

1. 转到 "开始" 菜单 (左下方的窗口图标), 然后键入以下内容, 打开 Ubuntu 18.04 (你的 WSL 命令行):"Ubuntu 18.04"。

2. 为项目创建目录: mkdir HelloWorld-Flask, 然后cd HelloWorld-Flask输入目录。

3. 创建虚拟环境以安装项目工具:python3 -m venv .venv

4. 输入以下命令, 在 VS Code 中打开HelloWorld Flask项目:code .

5. 在 VS Code 中, 通过输入Ctrl + Shift + ' (您的HelloWorld-Flask项目文件夹应已选中) 打开集成 WSL 终端 (也称为 Bash)。 关闭 Ubuntu 命令行, 因为我们将在与 VS Code 前进的 WSL 终端中进行工作。

6. 使用 VS Code 中的 Bash 终端激活在步骤 #3 中创建的虚拟环境: source .venv/bin/activate。 如果它有效, 你应该在命令提示符之前看到 (. venv)。

7. 输入以下内容, 在虚拟环境中安装python3 -m pip install flaskFlask:。 通过输入以下内容来验证它是否python3 -m flask --version已安装:。

8. 为 Python 代码创建新文件:touch app.py

9. 在 VS Code 的文件资源管理器 (Ctrl+Shift+E, 然后选择 app.py 文件) 中打开 app.py 文件。 这会激活 Python 扩展以选择解释器。 它应默认为Python 3.6.8 64 位 (venv): venv) 。 请注意, 它还检测到你的虚拟环境。

   

10. 在app.py中, 添加代码以导入 Flask 并创建 Flask 对象的实例:

from flask import Flask
app = Flask(__name__)

　　11. 同样, 在app.py中, 添加一个返回内容的函数, 在本例中为简单字符串。 使用 Flask 的应用程序。路由修饰器将 URL 路由 "/" 映射到该函数:

 

@app.route("/")
def home():
    return "Hello World! I'm using Flask."

　　12. 保存app.py文件 (Ctrl + S)。

　　13. 在终端中, 输入以下命令运行应用:

python3 -m flask run

　　

这将运行 Flask 开发服务器。 默认情况下, 开发服务器将查找app.py 。 运行 Flask 时, 应会看到类似于下面的输出:

 

(env) user@USER:/mnt/c/Projects/HelloWorld$ python3 -m flask run
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

　　打开默认 web 浏览器到呈现的页面, 然后在终端中 http://127.0.0.1:5000/ 按Ctrl 并单击该 URL。 你应在浏览器中看到以下消息:

　　

　　请注意, 在访问类似于 "/" 的 URL 时, 调试终端中会出现一条消息, 其中显示了 HTTP 请求:

　　127.0.0.1 - - [19/Jun/2019 13:36:56] "GET / HTTP/1.1" 200 -

　　在终端中使用Ctrl + C停止应用。

 

恭喜, 你已使用 Visual Studio Code 和适用于 Linux 的 Windows 子系统创建了 Flask web 应用程序! 有关使用 VS Code 和 Flask 的更深入教程, 请参阅Visual Studio Code 中的 Flask 教程。

Django Hello World 教程

Django是适用于 Python 的 web 应用程序框架。 在此 brief 教程中, 你将使用 VS Code 和 WSL 创建一个小型的 "Hello World" Django 应用。

1. 转到 "开始" 菜单 (左下方的窗口图标), 然后键入以下内容, 打开 Ubuntu 18.04 (你的 WSL 命令行):"Ubuntu 18.04"。

2. 为项目创建目录: mkdir HelloWorld-Django, 然后cd HelloWorld-Django输入目录。

3. 创建虚拟环境以安装项目工具:python3 -m venv .venv

4. 输入以下命令, 在 VS Code 中打开HelloWorld DJango项目:code .

5. 在 VS Code 中, 通过输入Ctrl + Shift + ' (您的HelloWorld-Django项目文件夹应已选中) 打开集成 WSL 终端 (也称为 Bash)。 关闭 Ubuntu 命令行, 因为我们将在与 VS Code 前进的 WSL 终端中进行工作。

6. 使用 VS Code 中的 Bash 终端激活在步骤 #3 中创建的虚拟环境: source .venv/bin/activate。 如果它有效, 你应该在命令提示符之前看到 (. venv)。

7. 在虚拟环境中安装 Django 命令: python3 -m pip install django。 通过输入以下内容来验证它是否python3 -m django --version已安装:。

8. 接下来, 运行以下命令以创建 Django 项目:

   django-admin startproject web_project .

   该startproject命令假定.当前文件夹是项目文件夹, 并在该文件夹中创建以下内容:

   • manage.py：项目的 Django 命令行管理实用工具。 使用python manage.py <command> [options]为项目运行管理命令。

   • 名为web_project的子文件夹, 其中包含以下文件:

     • __init__.py: 指示 Python 的空文件此文件夹是一个 Python 包。
     • wsgi.py: 用于 WSGI 的 web 服务器的入口点, 用于为你的项目提供服务。 通常将此文件保留原样, 因为它提供了用于生产 web 服务器的挂钩。
     • settings.py: 包含 Django 项目的设置, 你可以在开发 web 应用过程中修改这些设置。
     • urls.py: 包含 Django 项目的目录, 你还可以在开发过程中对其进行修改。

9. 若要验证 Django 项目, 请使用命令python3 manage.py runserver启动 Django 的开发服务器。 服务器在默认端口8000上运行, 你应该会在终端窗口中看到类似于以下输出的输出:

   Performing system checks...
   
   System check identified no issues (0 silenced).
   
   June 20, 2019 - 22:57:59
   Django version 2.2.2, using settings 'web_project.settings'
   Starting development server at http://127.0.0.1:8000/
   Quit the server with CONTROL-C.

   首次运行服务器时, 它会在文件db.sqlite3中创建一个默认的 SQLite 数据库, 该数据库用于开发目的, 但可用于在生产中用于低容量 web 应用。 此外, Django 的内置 web 服务器仅用于本地开发目的。 但是, 当你部署到 web 主机时, Django 将改用主机的 web 服务器。 Django wsgi.py项目中的模块负责挂钩到生产服务器。

   如果要使用不同于默认8000的端口, 请在命令行中指定端口号, 例如python3 manage.py runserver 5000。

10. Ctrl+click" http://127.0.0.1:8000/终端输出" 窗口中的 URL, 用于将默认浏览器打开到该地址。 如果 Django 安装正确且项目有效, 你将看到默认页面。 "VS Code 终端输出" 窗口还显示服务器日志。

11. 完成后, 请关闭浏览器窗口, 并使用Ctrl+C中所述的在 VS Code 中停止服务器。

12. 现在, 若要创建 Django 应用, 请在项目文件夹 ( startapp其中manage.py驻留) 中运行管理实用工具的命令:

    python3 manage.py startapp hello

    命令创建一个名hello为的文件夹, 该文件夹包含多个代码文件和一个子文件夹。 在这些情况下, 经常使用views.py (包含用于定义 web 应用中的页的函数) 和models.py (包含定义数据对象的类)。 此migrations文件夹由 Django 的管理实用工具用来管理数据库版本, 如本教程后面部分所述。 此外, 还提供了apps.py文件 (应用配置admin.py ) (用于创建管理界面) 和tests.py (适用于测试), 此处未介绍这些文件。

13. 修改hello/views.py以匹配以下代码, 这将为应用的主页创建单个视图:

    from django.http import HttpResponse
    
    def home(request):
        return HttpResponse("Hello, Django!")
    

    　　

14. 使用以下内容创建hello/urls.py文件。 在urls.py文件中指定模式, 将不同的 url 路由到相应的视图。 下面的代码包含一个路由, 用于将应用程序的根 URL""() 映射views.home到刚刚添加到hello/views.py的函数:

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

15. 该web_project文件夹还包含一个urls.py文件, 该文件是 URL 路由的实际处理方式。 打开web_project/urls.py并对其进行修改以匹配以下代码 (如果需要, 可以保留指导注释)。 此代码会在应用程序hello/urls.py django.urls.include中拉入应用程序, 使应用程序中包含应用程序的路由。 当项目包含多个应用时, 此隔离非常有用。

    from django.contrib import admin
    from django.urls import include, path
    
    urlpatterns = [
        path("", include("hello.urls")),
    ]
    

    　　

16. 保存所有已修改的文件。

17. 在 VS Code 终端中, 使用python manage.py runserver运行开发服务器, 并打开浏览器以http://127.0.0.1:8000/查看呈现 "Hello, Django" 的页面。

おめでとう、あなたは、Linux用のVSのコードを使用していると、Windowsのサブシステムは、DjangoのWebアプリケーションを作成します！  コードとDjango VSより詳細なチュートリアルの使用について、参照DjangoのチュートリアルのVisual Studioのコードを。