snext 다운로드 - snext 소스 코드 다운로드

snext

기타 소스코드

1.0.0

다운로드

Snnext 시작하기

Snext는 Python에서 API 경로를 생성할 수 있는 Next.js 애플리케이션입니다.

다음으로, "뱀"처럼 들리기 때문이죠?. 아시다시피, 파이썬처럼 말이죠.

/! /! /! 이는 초기 실험입니다.

파이썬으로 시작하시겠습니까?

만약 당신이 거기까지 간다면 당신은 아마도 JavaScript 개발자이고 Python은 당신의 두 번째 언어일 뿐입니다.

효율적인 Python 환경을 설정하는 방법은 다음과 같습니다.

파이썬 설치

Python을 설치하려면 Pyenv를 사용하는 것이 좋습니다. 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: 동형 웹 프로그래밍에 대한 가장 인상적인 시도 중 하나입니다. 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-comComponent-using-nextjs-and-python-flask-44c17f057096
vercel/next.js#15846

TODO

vercel CLI가 우리 문제를 얼마나 해결할 수 있는지 조사해 보세요(https://vercel.com/docs/cli#commands/dev 참조) => 완료되었습니다!
로컬 빌드 테스트
테스트 버전 배포
JS(가상 환경)를 사용하는 것보다 조금 더 지루한 Python으로 개발 경험을 개선하시겠습니까?
"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 읽기

노드 + 파이썬

Next를 실행할 때 모든 것이 localhost:3000 에서 실행되기를 원하지만 서버는 2개입니다. 하나는 Node용이고 다른 하나는 Python용입니다. 이를 위해서는 일부 재작성 논리가 필요합니다.

가능한 해결책

Next.js가 next.config.js를 다시 작성하여 이미 이를 허용하는지 확인하세요.
리디렉션을 처리하는 세 번째 서버를 실행합니다.

질문

API 경로 및 프런트엔드에 대해 Next에서 어떻게 해결됩니까?

파이썬 + 파이썬

또한 배포 시 서버리스 기능으로 작동하는 여러 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 오류가 있습니다. Python 런타임이 너무 큰 것 같습니다. vercel/community#103(댓글) 참조 vercel/vercel#2830 참조

2차적인 문제

dev 명령으로 vercel dev를 사용할 수 없습니다.

https://github.com/vercel/vercel/blob/main/errors/now-dev-as-dev-script.md를 참조하세요.

스크립트 이름은 smth else로 지정해야 합니다(예 dev:vercel . 그렇지 않으면 무한 루프가 생성됩니다.

Python 폴더 이름의 밑줄

Python에는 폴더 이름 - 없습니다. 그렇지 않으면 파일을 가져오는 데 어려움을 겪게 됩니다... 밑줄 _ 사용하세요. 폴더 이름이 Next의 경로 이름과 연결되어 있기 때문에 이로 인해 URL이 지저분해질 수 있습니다.

가능한 해결책

가능한 경로의 지도를 자동 생성하거나 URL 재작성을 사용하세요.

어떤 서버를 선택할 것인가

(Python에 대한 제한된 경험으로 볼 때) 저는 Flask나 Falcon을 Express와 비교하는 경향이 있습니다. 많이 사용하고 충분히 최소화했습니다. 그러나 Python의 차단 동작은 JavaScript 개발자에게 매우 혼란스러울 수 있습니다. 그래서 Sanic을 선택하겠습니다. 왜냐하면 Node.js처럼 async/await에 의존하고 혼란이 가장 적기 때문입니다.

어쨌든, 한 프레임워크에 대해 수집된 모든 지식은 다른 프레임워크에서 재사용 가능해야 합니다.

호스팅을 위한 런타임 설정

단순화를 위해 Vercel에서 호스팅한다고 가정하겠습니다. Vercel에게 사용할 런타임을 알려주려면 vercel.json 이 필요할 수 있습니다. https://vercel.com/docs/runtimes#advanced-usage/community-runtimes

Vercel 개발이 작동하므로 Vercel 배포가 즉시 작동할 것으로 예상해야 합니다. 테스트를 받습니다.

가상 환경

Python에서는 앱 간에 패키지를 격리하려면 가상 환경이 필요하지만 JS에서는 node_modules 이 역할을 합니다. 문제는 작업을 시작할 때 가상 환경을 활성화해야 하기 때문에 개발자에게는 추가적인 단계가 필요하다는 점입니다. 설상가상으로 환경을 활성화하는 source 명령은 (마지막 확인했을 때) package.json 에 포함될 수 없으므로 매번 올바른 명령을 기억해야 합니다.