unduh snext - unduh kode sumber snext

snext

Kode sumber lainnya

1.0.0

Unduh

Memulai dengan Snext

Snext adalah aplikasi Next.js yang memungkinkan Anda membuat rute API dengan Python.

Selanjutnya, karena terdengar seperti "ular"?. Anda tahu, seperti Python.

/! /! /! Ini adalah eksperimen awal

Mulai dengan Python?

Hei, jika Anda sampai di sana, Anda mungkin seorang pengembang JavaScript dan Python hanyalah bahasa kedua Anda.

Berikut adalah cara menyiapkan lingkungan Python yang efisien.

Instal Python

Saya sarankan menggunakan Pyenv untuk menginstal Python. Anggap saja setara dengan Node Version Manager atau Volta tetapi untuk Python.

Ini setara dengan menggunakan Volta atau NVM di ekosistem Node.

Jalankan pertama kali: siapkan lingkungan virtual.

Python tidak memiliki folder node_modules . Itu mungkin yang terbaik, namun hal ini membuatnya cukup sulit untuk menangani ketergantungan ketika Anda memiliki banyak proyek di mesin Anda.

Lingkungan virtual agak mirip: ia akan memberitahu Python untuk menginstal paket secara lokal ke proyek Anda saat ini, dan bukan secara global.

Bedanya dengan Node adalah Anda harus mengaktifkannya secara sistematis.

Siapkan lingkungan Virtual dan instal paket Python:

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

Berjalan selanjutnya

Anda perlu mengaktifkan virtual env saat Anda mulai bekerja:

 source ./venv/bin/activate

Sayangnya, perintah ini tidak berfungsi di skrip NPM. Anda harus mengetiknya setiap saat.

Mulailah

Berbagai sumber dan inspirasi

Diskusi di Vercel Github: vercel/vercel#4023
Plotly Dash: salah satu upaya paling mengesankan dalam pemrograman web isomorfik. Dash memungkinkan Anda menggunakan komponen React dengan Python untuk membuat dasbor interaktif https://plotly.com/dash/
Dokumen resmi tentang Python di Vercel: 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

Selidiki seberapa banyak vercel CLI dapat menyelesaikan masalah kami (lihat https://vercel.com/docs/cli#commands/dev) => selesai, berhasil!
Uji bangunan lokal
Uji penerapan vercel
Tingkatkan pengalaman pengembang dengan Python, mana yang sedikit lebih membosankan daripada menggunakan JS (virtual env)?
Bangun dengan "pkg"
Coba gunakan "Pipfile" yang lebih mirip dengan package.json: https://github.com/pypa/pipfile

Pemblokir utama

1) Menjalankan 2 (atau lebih) server pada port yang sama untuk Python dan Node SOLVED

Larutan:

Gunakan Vercel CLI alih-alih next dev .

Perintah Vercel CLI vercel dev dapat mensimulasikan lingkungan tanpa server secara lokal, sehingga Anda dapat menguji rute API Anda.

Jika Anda memasukkan semua rute API ke dalam ./api/ , dan menggunakan vercel dev , Anda dapat memiliki rute API Python dan Node.js (dan tentu saja frontend Next.js masih berfungsi dengan baik).

Baca vercel/vercel#6197

Simpul + Python

Saat menjalankan Next, Anda ingin semuanya berjalan di localhost:3000 , tetapi Anda akan memiliki 2 server: satu untuk Node, satu untuk Python. Ini memerlukan beberapa logika penulisan ulang agar berfungsi.

Solusi yang mungkin

Periksa apakah penulisan ulang Next.js di next.config.js sudah mengizinkan ini
Jalankan server ke-3 yang menangani pengalihan

Pertanyaan

Bagaimana cara mengatasinya di Berikutnya untuk rute API dan frontend?

Piton + Piton

Selain itu, kami mungkin memiliki beberapa rute API, yang akan bertindak sebagai fungsi tanpa server saat diterapkan. Tapi secara lokal, kita harus menjadikan mereka satu server.

Solusi yang mungkin

Kami memiliki solusi parsial dengan Sanic Dispatcher, lihat "python-server.py". Itu bergantung pada server utama, yang mengirimkan permintaan ke aplikasi Sanic, sehingga Anda hanya memiliki satu server namun dapat menjalankan beberapa rute API
Kami masih perlu mengotomatiskan impor rute yang relevan. Menggunakan semacam sihir seperti Webpack, tetapi dengan 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/
Operator untuk Sanic: https://github.com/ashleysommer/sanic-dispatcher/blob/master/sanic_dispatcher/extension.py#L131

2) Mendapatkan data statis

Pola yang disarankan untuk mendapatkan data statis dari rute API Anda di Berikutnya adalah dengan menggunakan kembali logika inti rute secara langsung di getStaticProps . Namun hal ini hanya mungkin karena keduanya menggunakan JS. Dengan Python, kita perlu membangun rute API terlebih dahulu, menjalankannya, dan kemudian hanya membangun frontendnya saja.

Perlu diuji dengan Vercel CLI.

3) Kegagalan waktu proses

Kami mengalami kesalahan ini https://github.com/vercel/community/discussions/103 di versi terbaru, waktu proses Python tampaknya terlalu besar. Lihat vercel/community#103 (komentar) Lihat vercel/vercel#2830

Masalah sekunder

Tidak dapat menjadikan vercel dev sebagai perintah dev

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

Skrip harus diberi nama lain misalnya dev:vercel jika tidak maka akan menghasilkan loop tak terbatas.

Garis bawahi pada nama folder Python

Tidak ada - dalam nama folder dengan Python, atau Anda akan kesulitan mengimpor file... Gunakan garis bawah _ . Hal ini dapat menyebabkan URL berantakan karena nama folder terkait dengan nama rute di Berikutnya.

Solusi yang mungkin

Buat peta kemungkinan rute secara otomatis, atau gunakan penulisan ulang URL

Server apa yang harus dipilih

(Dari pengalaman saya yang terbatas dengan Python) Saya cenderung membandingkan Flask atau Falcon dengan Express: sering digunakan, cukup minimal. Namun perilaku pemblokiran Python bisa sangat membingungkan pengembang JavaScript. Jadi saya akan memilih Sanic, karena ini bergantung pada async/await seperti Node.js dan mungkin yang paling tidak membingungkan.

Bagaimanapun, semua pengetahuan yang dikumpulkan untuk satu kerangka kerja harus dapat digunakan kembali untuk kerangka kerja lainnya.

Atur Runtime untuk hosting

Untuk penyederhanaan, misalkan hosting di Vercel. Kami mungkin memerlukan vercel.json untuk memberi tahu Vercel runtime mana yang akan digunakan: https://vercel.com/docs/runtimes#advanced-usage/community-runtimes

Karena Vercel dev berfungsi, kami berharap penerapan Vercel dapat langsung berfungsi. Untuk diuji.

Lingkungan Virtual

Di Python, Anda memerlukan Lingkungan Virtual untuk mengisolasi paket antar aplikasi, sedangkan di JS node_modules memainkan peran ini. Masalahnya adalah lingkungan virtual harus diaktifkan saat Anda mulai bekerja, jadi itu merupakan langkah tambahan bagi pengembang. Lebih buruknya lagi, perintah source yang mengaktifkan lingkungan tidak dapat (terakhir kali saya periksa) dimasukkan ke dalam package.json , jadi Anda harus mengingat perintah yang benar setiap saat.