Reflexをサーバーにインストールする

Reflexとは？

Reflexとは、PythonでWebウェブアプリケーションを構築するためのオープンソースのフレームワークです。フロントエンドもバックエンドもPythonだけでアプリケーションを作成、そしてデプロイすることが可能です。

以前は Pynecone という名称だったようですが、変更になったようです。

新しいフレームワークなのでしょうか？、Reflex と Pynecone で検索しても、あまり詳しい情報を見つけることはできませんでした。

見つけることができたのは、求人情報でした。

歓迎スキルとして、React・JavaScript・HTMLとCSSと記載がありました。

(Nice to have)Strong knowledge of frontend web technologies such as React, JavaScript, HTML, and CSS.

Reactは勉強しておいたほうがよいし、Javascriptはどこにいっても必要なのだな〜という感じです。

フレームワークの開発とは、どんな感じなのでしょうか？？　面白そうです。

Serverにインストールする

公式のホームページでインストール方法を確認します。

Pythonは3.8以上のバージョンが必要なため、Pythonのバージョンを確認します。

python -V

pythonのバージョンが古いならば、pythonのバージョンを更新します。

後は、公式のインストール手順の通りに、venvで仮想環境を作成してから、Reflexのインストールを行います。

mkdir my_app_name
cd my_app_name

python3 -m venv .venv
source .venv/bin/activate

エラー時の対応方法も記載されているので、とても困ったときでも安心です。

pip install reflex

インストールできたかどうかを確認します。

reflex -v

バージョンが確認できたならば、Reflex のインストールは完了です。

プロジェクトを作成する

インストールの次は、Hello World 的な感じでプロジェクトを作成します。

reflex init

ここでエラーが発生しました。公式にも記載がないエラーです。

Warning: The detected bun version (Invalid version: '/home/xxxxx/.local/share/reflex/bun/bin/bun: /lib64/libc.so.6: version `GLIBC_2.18' not found (required by 
/home/xxxxx/.local/share/reflex/bun/bin/bun)
/home/xxxxx/.local/share/reflex/bun/bin/bun: /lib64/libc.so.6: version `GLIBC_2.24' not found (required by /home/xxxxx/.local/share/reflex/bun/bin/bun)
/home/xxxxx/.local/share/reflex/bun/bin/bun: /lib64/libc.so.6: version `GLIBC_2.25' not found (required by /home/xxxxx/.local/share/reflex/bun/bin/bun)
') is not valid. Defaulting to None.

/lib64/libc.so.6のバージョンが古いようです。

バージョンを上げたらよいのですが、使用しているサーバーはレンタルサーバーなので上げられるかどうか不明です。別途調査＆確認したいと思います。

Chromebookにインストールする

インストール手順は、Serverで行った手順と同じです。

venvで仮想環境を作成し、Reflexをインストールする。そして、プロジェクトを作成する。

エラーが発生することなく、公式の通りにメッセージが出力されました！

Initializing the web directory.

Get started with a template:
(0) blank (https://blank-template.reflex.run) - A minimal template
(1) dashboard (https://dashboard.reflex.run) - A dashboard with tables and graphs
(2) chat (https://chat.reflex.run) - A ChatGPT clone
(3) sidebar (https://sidebar-template.reflex.run) - A template with a sidebar to navigate pages
Which template would you like to use? (0):

そして、起動します。