snext下载 - snext源码下载

snext

其他源码

1.0.0

下载

开始使用 Snext

Snext 是一个 Next.js 应用程序，可让您在 Python 中创建 API 路由。

接下来，因为它听起来像“蛇”？你知道，就像Python一样。

/! /! /! 这是一个早期的实验

从Python 开始？

嘿，如果你最终到达那里，你可能是一名 JavaScript 开发人员，而 Python 只是你的第二语言。

以下是如何设置高效的 Python 环境。

安装Python

我建议使用 Pyenv 来安装 Python。将其视为相当于 Node Version Manager 或 Volta，但适用于 Python。

这相当于在 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 编程最令人印象深刻的尝试之一。 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

待办事项

研究一下vercel CLI 可以在多大程度上解决我们的问题（请参阅 https://vercel.com/docs/cli#commands/dev）=> 完成，确实如此！
测试本地构建
测试 vercel 部署
使用Python改善开发体验，这比使用JS（虚拟环境）有点繁琐？
使用“pkg”构建
尝试使用与 package.json 更相似的“Pipfile”：https://github.com/pypa/pipfile

主要阻碍因素

1）在Python和节点的同一端口上运行2个（或更多）服务器已解决

解决方案：

使用 Vercel CLI 而不是next dev 。

Vercel CLI 命令vercel dev能够在本地模拟无服务器环境，因此您可以测试您的 API 路由。

如果将所有 API 路由放在./api/中，并使用vercel dev ，则可以同时拥有 Python 和 Node.js API 路由（当然 Next.js 前端仍然可以正常工作）。

阅读 vercel/vercel#6197

节点+Python

运行 Next 时，您希望所有内容都在localhost:3000上运行，但您将有 2 台服务器：一台用于 Node，一台用于 Python。这需要一些重写逻辑才能起作用。

可能的解决方案

检查 next.js 重写 next.config.js 是否已经允许这样做
运行处理重定向的第三个服务器

问题

Next 中 API 路由和前端是如何解决的？

蟒蛇+蟒蛇

此外，我们可能有多个 API 路由，在部署时将充当无服务器函数。但在本地，我们必须让它们成为一台服务器。

可能的解决方案

我们有 Sanic Dispatcher 的部分解决方案，请参阅“python-server.py”。它依赖于主服务器，将请求分派给 Sanic 应用程序，因此您只有一台服务器，但可以运行多个 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运行时似乎太大了。参见 vercel/community#103（评论）参见 vercel/vercel#2830

次要问题

无法将 vercel dev 作为 dev 命令

请参阅 https://github.com/vercel/vercel/blob/main/errors/now-dev-as-dev-script.md

该脚本必须命名为 smth else，例如dev:vercel否则会创建无限循环。

Python 文件夹名称中的下划线

不-在 Python 中的文件夹名称中，否则导入文件时会很麻烦...使用下划线_ 。这可能会导致 URL 混乱，因为文件夹名称与 Next 中的路由名称相关联。

可能的解决方案

自动生成可能路线的地图，或使用 URL 重写

选择什么服务器

（根据我对 Python 的有限经验）我倾向于将 Flask 或 Falcon 与 Express 进行比较：使用很多，但足够少。但 Python 的阻塞行为可能会让 JavaScript 开发人员感到非常困惑。所以我会选择 Sanic，因为它像 Node.js 一样依赖于 async/await，并且可能是最不令人困惑的。

无论如何，为一个框架收集的所有知识都应该可重用于任何其他框架。

设置托管运行时

为了简单起见，我们假设在 Vercel 上托管。我们可能需要vercel.json来告诉 Vercel 使用哪个运行时：https://vercel.com/docs/runtimes#advanced-usage/community-runtimes

由于 Vercel 开发工作正常，我们应该期望 Vercel 部署能够开箱即用。有待测试。

虚拟环境

在 Python 中，您需要一个虚拟环境来隔离应用程序之间的包，而在 JS 中， node_modules扮演着这个角色。问题是，当您开始工作时必须激活虚拟环境，因此这对开发人员来说是一个额外的步骤。更糟糕的是，激活环境的source命令不能（上次我检查过）放入package.json中，所以你每次都必须记住正确的命令。