Penilaian Editor: Penilaian Pengguna:[Jumlah: 0 Purata: 0] @media(lebar min: 500px) { } @media(lebar min: 800px) { }
SuperTokens ialah alternatif sumber terbuka kepada Firebase Auth, AuthO, AWS Cognito, dll. Ia sepenuhnya percuma untuk digunakan, selama-lamanya, tanpa had pada bilangan pengguna.
SuperTokens menawarkan penyelesaian pengesahan selamat yang menambahkan log masuk dan pengurusan sesi pada aplikasi tanpa membuat sebarang konsesi terhadap pengalaman pengguna dan pembangun. Seni bina dioptimumkan dengan 3 blok binaan: SDK bahagian hadapan yang mengurus token sesi dan memaparkan widget UI log masuk, SDK bahagian belakang dan perkhidmatan HTTP.
Terdapat SuperTokens Teras di peringkat atas iaitu perkhidmatan HTTP untuk mengendalikan logik pengesahan teras. Ia juga bertanggungjawab untuk melaksanakan operasi pangkalan data asas. Pada asasnya, ia menyediakan penyelesaian hujung ke hujung dengan log masuk, pendaftaran, pengurusan pengguna dan pengurusan sesi, tanpa berurusan dengan kerumitan protokol OAuth. Ia disertakan dengan borang log masuk dan pendaftaran terbina dalam yang boleh dilaksanakan di tapak web anda. Bukan itu sahaja tetapi ia juga menawarkan pelbagai jenis borang pengesahan.
Buat masa ini, ia menyokong jenis sistem log masuk dan templat (aka resipi).
Log Masuk Sosial Tanpa Kata Laluan E-mel Kata Laluan Telefon Log Masuk Log Masuk Kata Laluan Tanpa Kata Laluan + E-mel Log Masuk Sosial Kata Laluan + Log Masuk Sosial
Bahasa pengaturcaraan utama SuperTokens ialah Java tetapi SDK untuk bahasa pengaturcaraan lain dan rangka kerja bahagian hadapan tersedia. Lihat senarai di bawah.
Backend:
NodeJS GoLang Python
Frontend:
ReactJS Vanilla JS React Native iOS Android Flutter
Rangka kerja lain:
Untuk rangka kerja bahagian hadapan yang lain, seseorang boleh membina UI tersuai yang berkomunikasi dengan API terdedah daripada SDK. Bagi rangka kerja bahagian belakang yang lain, anda boleh membina API anda sendiri menggunakan Teras SuperTokens.
Ciri Utama SuperTokens dan Mengapa Anda Perlu Menggunakannya?
Ia menjadikan penciptaan sistem log masuk berfungsi sepenuhnya hanya dalam masa beberapa minit memandangkan segala-galanya telah siap. Anda boleh menyalin templat, mengubah suai tetapan apl dan pangkalan data dan menggunakan. Ia mengendalikan bahagian keras itu sendiri. Contohnya, ia mempunyai penghala terbina dalam yang mengendalikan acara pendaftaran dan log masuk. Anda tidak perlu menulis semula laluan dalam kod anda. Bersepadu dengan baik dengan berbilang bahagian belakang pangkalan data seperti GraphQL, Supabase, Netlify, AWS Lambda, Vercel, Capacitor, dll. Mengintegrasikan log masuk sosial adalah kurang menyakitkan. Seperti yang telah disebutkan di atas bahawa ia menguruskan bahagian yang sukar dengan sendirinya, anda hanya perlu menambah ID dan Rahsia Pelanggan Google anda untuk melaksanakan log masuk melalui borang Google. Mengendalikan sesi pengguna sendiri untuk semua pengguna. Mengendalikan tugas dalam lapisan middleware dengan mantap. Ia mempunyai sistem penangkapan ralat terbina dalam yang akan mengendalikan kebanyakan ralat yang disebabkan semasa memanggil API. Ini akan memudahkan penyahpepijatan. Jika anda ingin menyertakan pengesahan SMS, maka itu mudah serta terdapat templat yang tersedia yang boleh anda buat dan ubah suai. Juga datang sebagai imej Docker yang boleh anda gunakan untuk penggunaan di premis untuk mengawal 100% data pengguna anda.
Bagaimana untuk menggunakan SuperTokens untuk Mencipta Sistem Log Masuk untuk Tapak Web atau Aplikasi Web?
Pada ketika ini, anda sudah mempunyai idea apakah SuperTokens, apa yang ditawarkannya dan bagaimana ia berfungsi. Sekarang, mari cuba gunakannya dalam apl web. Di sini saya akan menggunakan cara membuat sistem log masuk dalam React menggunakan SuperTokens. Sebelum itu, anda mesti memahami aliran log masuk. Lihat sahaja rajah ini daripada halaman dokumentasi SuperTokens.
Andaikan anda tahu React, jadi, saya melangkau pemasangan atau persediaannya. Mulakan dengan apl demo React. yang kelihatan seperti ini.
Di sini saya akan menggunakan SuperTokens dalam React dengan apl Helper Express di bahagian belakang untuk memproses log masuk dengan Google dan log masuk kata laluan e-mel.
Jadi, pasang SDK SuperTokens untuk Node dan kemudian teruskan.
npm i-s supertokens-auth-react
Panggil fungsi init(). Laman web ini memberikan anda penjana kod untuk itu, anda hanya perlu memasukkan butiran aplikasi dan widget sosial yang anda ingin gunakan. Secara lalai, ia menambah GitHub, Facebook seperti pembekal dalam kod tetapi anda boleh mengalih keluarnya secara manual.
Pergi ke laluan/auth dan kemudian anda kini akan melihat log masuk dari sana.
Perkara seterusnya yang kini anda perlu lakukan ialah mengkonfigurasi bahagian belakang. Tetapi mula-mula pasang enjin bahagian belakang dengan menjalankan ini.
npm i-s supertokens-node
Sekarang, mulakan bahagian belakang SuperTokens. Sekali lagi, halaman dokumentasi menyediakan penjana kod seperti halaman hadapan. Ia mengingati butiran apl, jadi, anda hanya menyalin kod.
Di bahagian belakang, anda kini perlu memulakan pembekal log masuk, seperti GitHub, Google, dll. Sekali lagi, kod itu sudah ada, anda hanya perlu copy-paste sahaja. Abaikan pembekal daripada kod ini yang anda tidak perlukan.
Tambahkan kod persediaan API & CORS dan kod pengendalian ralat. Kod sudah ada, cuma salin-tampal sekali lagi.
Konfigurasikan Teras SuperTokens menggunakan Docker. Perintah untuk menjalankan imej SuperTokens Docker ialah:
docker run-p 3567:3567-d registry.supertokens.io/supertokens/supertokens-mysql:5.0
Kini tiba masanya untuk mengkonfigurasi blok terakhir dalam rajah alir yang saya paparkan pada permulaan bahagian ini, iaitu pangkalan data. Ia menyokong persediaan MySQL dan PostgreSQL, dan anda boleh mempelajari tentang konfigurasi awal dalam dokumen.
Pada ketika ini, jika anda menjalankan apl anda sekarang, maka anda akan memenuhi sistem log masuk berikut. Ia berfungsi dan, dengan cara ini, SuperTokens boleh digunakan dalam mana-mana apl web dan tapak web.
Sila ambil perhatian bahawa, langkah yang saya nyatakan di atas hanya akan dapat memaparkan borang log masuk yang berfungsi. Anda kemudiannya perlu mengkonfigurasi fungsi lain seperti logik log keluar dan fungsi set semula kata laluan. Anda boleh melihat video di bawah untuk aliran kerja yang lengkap. Atau anda boleh mengikuti dokumentasi yang lain untuk perkara yang sama.
Ini telah menyediakan SuperTokens dengan React dan Express. Tetapi anda boleh mengikuti panduan yang sama untuk SDK dan rangka kerja lain seperti Python-Flask.
Ringkasnya:
SuperTokens ialah penyelesaian pengesahan selamat yang menawarkan alternatif sumber terbuka percuma kepada pembekal log masuk proprietari. Seni bina dioptimumkan dengan tiga blok binaan, dan ia menyediakan penyelesaian hujung ke hujung dengan pengurusan pengguna dan sesi tanpa kerumitan OAuth. Sesiapa sahaja boleh menyumbang untuk menjadikan SuperTokens lebih baik, dan ia membenarkan kawalan penuh terhadap data pengguna. Tapak web memaparkan ciri yang tersedia dan SuperTokens boleh digunakan untuk log masuk, pengurusan sesi atau kedua-duanya.
