snextダウンロード - snextソースコードのダウンロード

snext

その他のソースコード

1.0.0

ダウンロード

Snext を始める

Snext は、Python で API ルートを作成できる Next.js アプリケーションです。

次は、「ヘビ」に聞こえるから?パイソンのようなものです。

/! /! /! これは初期の実験です

Python から始めますか?

もしここにたどり着いたとしたら、あなたはおそらく JavaScript 開発者であり、Python は第二言語にすぎません。

ここでは、効率的な Python 環境をセットアップする方法を説明します。

Pythonをインストールする

Python をインストールするには Pyenv を使用することをお勧めします。これは、Python を除いて Node Version Manager または Volta と同等であると考えてください。

これは、Node エコシステムで Volta または NVM を使用するのと同じです。

最初の実行: 仮想環境をセットアップします。

Python には、 node_modulesフォルダーがありません。これはおそらく最良の方法ですが、マシン上に多数のプロジェクトがある場合、依存関係を処理するのが非常に困難になります。

仮想環境も少し似ています。仮想環境は、パッケージをグローバルではなく現在のプロジェクトにローカルにインストールするように Python に指示します。

Node との違いは、それらを体系的に有効にする必要があることです。

仮想環境をセットアップし、Python パッケージをインストールします。

python3 -m venv ./venv
source ./venv/bin/activate
pip install -r requirements.txt

後続の実行

作業を開始するときに、仮想環境をアクティブ化する必要があります。

 source ./venv/bin/activate

残念ながら、このコマンドは NPM スクリプトでは機能しません。毎回入力する必要があります。

始めましょう

さまざまなリソースとインスピレーション

Vercel Github でのディスカッション: vercel/vercel#4023
Plotly Dash: 同型 Web プログラミングにおける最も印象的な試みの 1 つ。 Dash を使用すると、Python で React コンポーネントを使用してインタラクティブなダッシュボードを作成できます https://plotly.com/dash/
Vercel の Python に関する公式ドキュメント: https://vercel.com/docs/runtimes#official-runtimes/python
https://stackoverflow.com/questions/63190114/call-a-python-script-from-react-with-next-routing-and-a-node-js-server
https://medium.com/swlh/build-a-twitter-login-component-using-nextjs-and-python-flask-44c17f057096
vercel/next.js#15846

TODO

vercel CLI が問題をどの程度解決できるかを調査してください (https://vercel.com/docs/cli#commands/dev を参照) => 完了、解決しました。
ローカルビルドをテストする
Vercel の展開をテストする
Python を使用して開発エクスペリエンスを向上させます。Python は、JS (仮想環境) を使用するよりも少し面倒ですか?
「pkg」でビルドする
package.json に似た「Pipfile」を使用してみてください: https://github.com/pypa/pipfile

主なブロッカー

1) Python とノードの同じポート上で 2 つ (またはそれ以上) のサーバーを実行する解決済み

解決：

next devの代わりに Vercel CLI を使用します。

Vercel CLI コマンドvercel devサーバーレス環境をローカルでシミュレートできるため、API ルートをテストできます。

すべての API ルートを./api/に配置し、 vercel dev使用すると、Python と Node.js の両方の API ルートを持つことができます (もちろん Next.js フロントエンドは引き続き正常に動作します)。

vercel/vercel#6197 を読む

ノード + Python

Next を実行するときは、すべてをlocalhost:3000で実行する必要がありますが、サーバーは 2 つあります。1 つは Node 用、もう 1 つは Python 用です。これには、いくつかの書き換えロジックが機能する必要があります。

考えられる解決策

next.config.js の Next.js の書き換えですでにこれが許可されているかどうかを確認してください
リダイレクトを処理する 3 番目のサーバーを実行します。

質問

Next では API ルートとフロントエンドについてどのように解決されますか?

パイソン + パイソン

また、デプロイ時にサーバーレス関数として機能する複数の API ルートがある場合もあります。ただし、ローカルでは、それらを 1 つのサーバーにする必要があります。

考えられる解決策

Sanic Dispatcher を使用した部分的な解決策があります。「python-server.py」を参照してください。リクエストを Sanic アプリにディスパッチするメインサーバーに依存しているため、サーバーは 1 つだけですが、複数の API ルートを実行できます。
関連するルートのインポートを自動化する必要があります。 Webpack のようなマジックを使用しますが、Python を使用します。
https://peterhaas-me.medium.com/how-to-run-multiple-flask-applications-from-the-same-server-9ca2c0ad7bb3
https://werkzeug.palletsprojects.com/en/1.0.x/middleware/dispatcher/
Sanic のディスパッチャー: https://github.com/ashleysommer/sanic-dispatcher/blob/master/sanic_dispatcher/extension.py#L131

2) 静的データの取得

Next で API ルートから静的データを取得する推奨パターンは、ルートのコアロジックをgetStaticPropsで直接再利用することです。ただし、これは両方とも JS を使用している場合にのみ可能です。 Python の場合、最初に API ルートを構築して実行し、その後フロントエンドのみを構築する必要があります。

Vercel CLI でテストする必要があります。

3) 実行時の失敗

最新バージョンではhttps://github.com/vercel/community/discussions/103というエラーが発生します。Python ランタイムが大きすぎるようです。 vercel/community#103 を参照 (コメント) vercel/vercel#2830 を参照

二次的な問題

vercel dev を dev コマンドとして使用することはできません

https://github.com/vercel/vercel/blob/main/errors/now-dev-as-dev-script.md を参照してください。

スクリプトの名前は smth にする必要がありますdev:vercelそうでない場合は、無限ループが作成されます。

Python フォルダー名のアンダースコア

いいえ、Python のフォルダー名には-使用しないと、ファイルのインポートに失敗することになります...アンダースコア_を使用してください。これにより、フォルダー名が Next のルート名に関連付けられるため、URL が乱雑になる可能性があります。

考えられる解決策

可能なルートのマップを自動生成するか、URL 書き換えを使用します

どのサーバーを選択するか

(Python に関する私の限られた経験から) 私は、Flask または Falcon を Express と比較する傾向があります。頻繁に使用されますが、最小限で十分です。しかし、Python のブロック動作は JavaScript 開発者にとって非常に混乱する可能性があります。そこで、Node.js と同様に async/await に依存しており、最も混乱が少ない可能性があるため、Sanic を選択します。

とにかく、あるフレームワークのために収集されたすべての知識は、他のフレームワークでも再利用できる必要があります。

ホスティング用のランタイムをセットアップする

簡単にするために、Vercel でのホスティングを想定します。どのランタイムを使用するかを Vercel に指示するには、 vercel.jsonが必要になる場合があります: https://vercel.com/docs/runtimes#advanced-usage/community-runtimes

Vercel dev は機能するため、Vercel のデプロイメントはそのままで機能することが期待できます。テストされること。

仮想環境

Python では、アプリ間でパッケージを分離するために仮想環境が必要ですが、JS では、 node_modulesこの役割を果たします。問題は、作業を開始するときに仮想環境をアクティブ化する必要があるため、開発者にとっては追加の手順が必要になることです。さらに悪いことに、環境をアクティブにするsourceコマンドを (最後に確認したところ) package.jsonに入れることができないため、毎回正しいコマンドを覚えておく必要があります。