Python

Python FlaskのWebアプリをWordPressと併用する

私はエックスサーバーでインストールしたWord Pressでホームページを作成しています。
今回、Pythonのワークフレームのひとつである「Flask」を勉強していくうちに、

「Word Pressと並列してFlaskのWebアプリを公開したい」

と思いました。

それまでネットワークの構造などについてあまり勉強する機会がなく、いろいろ試行錯誤することになりました。
備忘録としてその道程を記載していきたいと思います。

WordPressをFlaskのWebアプリの併設する手順
  • 1. エックスサーバーにSSHアクセスできるようにする
  • 2. エックスサーバーにFTP接続できるようにする
  • 3. Anacondaをエックスサーバー上にインストールする
  • 4. エックスサーバー上でFlaskの動作を確認
  • 5. ワードプレスと同じドメインにFlaskフォルダを配置する

ここでは簡単に流れを説明し、詳しくはそれぞれのページで記載します。

オンラインコース

Python and Flask Bootcamp: Create Websites using Flask!

Udemyの中で最も人気のFlaskコース。Python, HTML, CSS(Bootstrap)の必須部分のみの講義あり。英語だが系統だっておりわかりやすい。テキストエディタはAtom使用。

1.エックスサーバーにSSH接続できるようにする

 Flaskを動かすには Python, FlaskといったソフトをPCにインストールする必要があります。
これらソフトをサーバーPC上にインストールするためにはSSH設定を行い、サーバーのPCに自分のPCを接続してリモートで操作する必要があります。

エックスサーバーにSSH接続できるようにするサーバー側にアクセスします。 詳細は エックスサーバーのSSH設定のサイト に説明があります。 大きな手順としては ...

 

2.エックスサーバーにFTP接続できるようにする

Flaskのフレームワークは複数のフォルダから構成されます。
通常は

  1. 自身のPCでファイルを作成
  2. Webアプリが動作するか検証
  3. サーバーへアップロード

という流れをとります。

このサーバーへアップロードの部分でファイルのやりとりをするのがFTP接続です。

エックスサーバーにFTP接続するファイルをアップロードしたり、ダウンロードするためにはエックスサーバーにFTP接続する必要があります。 FTP接続に関しては ...

 

3.Anacondaをエックスサーバー上にインストール

Flaskのインストールを最も簡単に行えるのはpipです。
pipはもとからサーバーPCで使用することはできないため、

  1. Anacondaをインストール
  2. pipをインストール
  3. 必要なモジュールをインストール

という手順をとります。

Anacondaをエックスサーバー上にインストールするエックスサーバー上ではpipがインストールされていない状況です。 そのためまずはAnacondaをインストールします。 Anac...

 

4.エックスサーバー上でFlaskの動作を確認する

作成したFlaskのWebアプリケーションかサーバー上で起動するかを確認します。
自分のPCのローカルサーバー上とは環境が違うため、思いがけない部分でエラーがでることがあります。

いきなりいままで自分が使用していたドメイン上にアップすると、エラーが起きた時に

  • Flaskがうまく動いていない場合
  • フォルダの併存がうまくいっていない場合

のどちらが原因かわからなくなってしまいます。
そのため、まっさらな状態のサーバーPCを使用して動作確認を行うとわかりやすいです。
無料試用期間などを利用する手もあります。

エックスサーバー上でFlaskを動かすワードプレスとFlaskのWebアプリを併用したいと思っても、いきなり併用しようとすると不具合がおきた場合に、どこで動いていないか確認す...

 

5.ワードプレスと同じドメインにFlaskを配置する

サーバーPCでFlaskが動作することが確認できたら、つぎはワードプレスを置いているドメイン上にFlaskのフォルダを配置します。
ワードプレスはインストールをした際に、ドメインに来たアクセスをすべてワードプレスのページに向かうよう設定されているため、Flaskフォルダの接続を迂回させる処理を「.htaccessファイル」の設定によって行います。

ワードプレスと同じドメインにFlaskを配置するWeb上でFlaskが動くことを確認したら、最終的にワードプレスが動いているドメインにFlaskのフォルダをアップロードします。 ...