Login & Register Menggunakan JWT: Node JS, Express, React JS, dan MySQL (Full-Stack)

[@mfikricom]

INFO PENTING!! Saya tidak lagi melanjutkan upload video terbaru di channel ini, karena channel ini telah di "demonetized". Akan tetapi saya tidak ingin mengecewakan Anda yang telah subscribe ke channel ini. Oleh sebab itu, saya memutuskan untuk membuat channel baru dan mengupload video tutorial berikualitas terbaru di channel tersebut. Silahkan cari ini channel: Coder Media Jika Anda menyukai video pada channel ini, saya yakin Anda juga menyukai video di channel saya yang baru. Bantu saya mendapatkan 1000 subscriber pertama, karena itu dapat meningkatkan semangat saya untuk membuat lebih banyak video tutorial berkualitas untuk Anda. Terima kasih atas perhatiaannya, Salam Coding.

[@jerripradana1098]

cek disini begitu di klik link nya , link nya tidak lengkap kk

[@bintangakbar5617]

@@jerripradana1098 kzbin.info/door/52Yf3uBFGSGW6Oiu597u_w

[@mfikricom]

sekarang udah bisa, maaf sebelumya.

[@DepanBelakang-yy3ds]

www.youtube.com/@CoderMediax

[@Rafiramdhani12]

bg gw udh pas waktunya tapi masih forbidden knp ya kira kira

[@garasilirik2107]

Terima kasih banyak bang, bermanfaat banget tutorialnya. Semoga rejekinya semakin lancar bang.

[@adityaprayoga7554]

Awalnya saya ngoding berdasarkan channel coder media terus nemu channel ini ternyata yg buat sama. Semoga berkah selalu kak, kepake banget ilmunya

[@097_rizkygustiantoro4]

[@ramabookstroremalang9131]

Tanpa basa-basi langsung koding dan kasih penjelasan. Dan hasilnya: Saya mengerti! Thank you!

[@allone258]

mohon untuk bisa dilanjutkan lagi mas untuk materi ini, seperti untuk multi role user, dan bagaimana join table. atau bisa buat tutor khusus express, sequelize Terimakasih

[@nandatritona1298]

Ilmu yang sangat bermanfaat... Ilmu ini sangat mahal, semoga berkah terus mengalir untuk Chanel ini Amin🤲... Mantap bosque

[@musicforsleepandwork4444]

Mantab bosquee... Request role management dong bang, susah bed kekny...

[@abzalomkyeuwkyeuw]

Sebaiknya jangan menampilkan informasi login apa yang salah. Jangan menampilkan email salah atau password salah karena itu dapat memberikan informasi tambahan bagi penyerangan.

[@mrculun1358]

Terimakasih sangat membantu sekali videonya semangat terus di channel barunya

[@miftamaps4646]

I am getting back into production after so ti and tNice tutorials makes it so easy to understand. Thank you so much for making these videos.

[@lukasranger]

Bro thank you so much! I’ve had tNice tutorials software for like a year and was super intimidated by all the bars and windows. The way you’ve

[@jokomaulana3513]

Mantap banget pak, saya cari-cari tidak ada video seperti ini di YT. ini pertama kali nya.

[@MrSayje]

yang lain kadang berlika-liku ya mas ? hehhe

[@ilmu_web]

Keren mas tutorialnya, di tunggu lanjutannya,.

[@niammuddin]

Ketika ada login yg kedua, otomatis akan mengupdate filed accessToken didatabase, sehingga login yg pertama tidak bisa diverifikasi refreshTokennya. jadinya tidak bisa multi session loginnya. Apakah seperti itu om @fikri

[@zainalmutaqin7386]

1:08:18 mayan buat pengingat dan makasih ya bang ini sangat ngebantu walau udah banyak yang berubah

[@pakunyil]

Tutorialnya sangat bermanfaat.. thankyou

[@RikiSipahelut]

Saya mengirm cookie dari API , tapi cookienya tidak tersimpan di browser, kira2 apa penyebabnya ? mohon pencerahannya

[@azhara.2143]

Terima kasih ilmunya mas, sekalian buatin tutorial yang pake mongodb

[@abangmic677]

keren mas, btw dari tahun 2019 saya sudah ikutin tutorial mas di website hehehe, terimakasih ya mas 🙏

[@massrahman6516]

boleh minta mentahan bang ?

[@spendhobbies]

Sukses terus buat mas fikri, tutorialnya mudah di pahami. Sangat bermanfaat.

[@muhammadsholahuddin1990]

Sangat bermanfaat min tutorialnya, tambahin lagi tutor user roles min

[@sbuanatomy8582]

Kak saya ingin bertanya. pada menit 1:21:02 , bagian interceptors pada parameter anonymous function (Config) isinya tidak terbaca kenapa ya kak? axiosJWT.interceptors.request.use( async (config) => {console.log("test")})

[@ulumvirgo6321]

terimakasih mas fikri, tutorialnya sangat mudah dipahami

[@26kito]

Makasih bang atas videonya, btw gw mau sedikit berbagi aja. Jadi klo ada yang ngikutin video ini step by step trus waktu sampe react, gagal renderin component karena masalah switch atau semacamnya. Jadi di versi yang terbaru (v6), sintaksnya berbeda dari yg di video ini. Yang bener kya gini:

[@26kito]

dan useHistory juga gabisa, skrg diganti useNavigate

[@massrahman6516]

saya juga masih eror di saat mau register lewat inspek ttp kaga bisa bang , tolong bang boleh minta mentahan 🙏

[@supriyono1493]

@@massrahman6516 saya juga bang, kalo dapet solusi bisa dishare bang

[@fransalwan7620]

@@supriyono1493 import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import Login from "./components/Login"; import Register from "./components/Register"; function App() { return ( ); } export default App;

[@fransalwan7620]

@@supriyono1493 backend nya di running juga mas

[@dhanitrianggara1772]

Terimakasih Ilmu yang sangat bermanfaat mas.

[@FAUZEINMULYAWARMAN]

Hatur Nuhun ilmunya Mass

[@NoNameThisChannel2024]

email address is correct. but my error is -> "message": "The email address you entered isn't connected to an account."

[@alfinohasan629]

izin mas kalau ada bagian error di bagian switch, itu harus di npm uninstall react-router-dom dan install balik ke npm install react-router-dom@5.2.0. kenapa error karena react terbaru di ada fungsi switch di react.

[@maulanaaghnii]

komentar wajib dapet pin !

[@muhammadzakiraihan5706]

sangat bermanfaat terimakash min

[@dzikrinurakbar8008]

mohon izin bertanya, kenapa refreshTokennya di simpan di database kak? bukankah di controller refreshToken cukup memeriksa refreshTokennya valid atau nggak? klo valid, update accessTokennya dengan refreshToken. Klo invalid, keluarkan (logout) CMIIW

[@ozen8499]

Makasih bang akhirnya tau juga cara pakai jwt

[@qolby_adha]

eh ini bisa dikembangin lagi series nya sih bang, kayaknya. - tambahin validasi untuk requst param yang required, sama validasi email yang udah terdaftar (untuk di sisi backendnya), - export data to pdf, excel or word, - upload file, tapi lu bagus sih bikin tutor ginian hehehe 😄😄 lanjut terus bang.. 😁😁

[@hobbymakanenak]

Kamu aja mas bikino

[@sentradata688]

terima kasih kang sukses selalu !

[@Giburozu]

Bang kenapa ya yg refresh token itu klo dites di backend bisa, tapi pas dites difront jadi pending terus

[@RudirudiRudi-zx1fv]

TANPA BASA BASI . Great

[@edwardnewgate2534]

Dah setahun gk upload lagi, apakabar bg?

[@ahmadrindhoni58]

Mau tanya bang, kenapa lebih memilihi menggunakan findAll untuk mencari 1 data kenapa tidak pakai findOne. Apa ada alasan khusus mas?

[@wahyup9]

Permisi pak, izin bertanya, untuk fungsi refreshToken kan itu setiap 15 atau 20 detik, kemudian setelah itu akan habis, untuk di backend apakah terus melakukan refresh token terus pak? terimakasih :)

[@rotocub6963]

Ketika memanggil request aja pak

[@muhammadadil8098]

20:30

[@bfmcoding4485]

sering2 bikin video yang kaya gini mas, intermediate dan beneran kepake di real world project

[@idoputra-0979]

Kren bg kesalahan sangat sedikit, penjelasan enak didengar walaupun gatau arti nya

[@aziznaufalll5600]

iya saya kurang dapet penjelasannya aja, tapi enak banget bawa materi nya

[@folksfenmin]

awesome , thanks bro!!!!

[@hendrakusuma2026]

jago banget mas,. keren dah

[@Cladecladev]

export 'default' (imported as 'jwt_decode') was not found in 'jwt-decode' (possible exports: InvalidTokenError, jwtDecode), debugging nya gimana ya ? ada yang tau ? udah cari cari masih error

[@izzatmuzaki189]

Yang awalnya: import { jwt_decode} from "jwt-decode"; Coba diganti jadi: import { jwtDecode} from "jwt-decode"; Jadi nanti manggilnya pake jwtDecode bukan jwt_decode

[@Cladecladev]

@@izzatmuzaki189 iya mas sudah tak coba, udah berhasil mas, makasih mas

[@ahmaludin9117]

TERIMA KASIH BANYAK

[@septianadil2067]

Everything works, especially free, use until it is too late!

[@MizuGoT]

hadeh kok cookie nya gak muncul ya di chrome ? tp di postman muncul, tulisannya warning gini ""in a future version of the browser, cookies marked with SameSite=None; Secure and not Partitioned will be blocked in cross-site requests" huhuhuhu susah banget ngasih Authorization untuk endpoint ..

[@asharimidana3384]

Di axiosnya tambahin { WithCredentials: true}

[@indradwimaulana684]

saya mengikuti video ini, namun saya ada kekurangan dalam di video tersebut : 1. saya sudah login ke halaman dashboard, namun ketika kembali login tanpa logout teryata BISA tampil halaman login lagi. kira - kira solusi dimana yaa bang ? terima kasih

[@agungsetiadi6834]

Ini yang agak rumit sebenernya, di bagian loginnya ga di handle pendeteksian ada tokenakses atau engga, mungkin harusnya di set di redux

[@kat802]

mas halaman login masih bisa di akses padahal udh login, solusinya gimana mas?

[@yeremiavictor7563]

Luar biasa bossku

[@jonathanuswary777]

dibagian usermodel.js, const {DataTypes}, tertulis "Property 'DataTypes' does not exist on type 'typeof Sequelize'" itu solusinya gimana ya ?

[@-bash-]

47:00 frontend

[@danangwibisono6719]

Kak, pas saya coba buat testing yang kayak di menit 29:30 itu, pas udah masukkin email sama password nya benar, malah muncul Email tidak ditemukan, tapi pas masukkin email benar password salah malah keluarny password salah..... export const Login = async(req, res) => { try { const user = await Users.findAll({ where: { email: req.body.email } }); const match = await bcrypt.compare(req.body.password, user[0].password); if (!match) return res.status(400).json({ mgs: "Password nya salah" }); const userId = user[0].id; const name = user[0].name; const email = user[0].email; const accessToken = jwt.sign({ userId, name, email }, process.env.ACCESS_TOKEN_SECRET, { expiresIn: '20s' }); const refreshToken = jwt.sign({ userId, name, email }, process.env.REFRESH_TOKEN_SECRET, { expiresIn: '1d' }); await Users.update({ refresh_token: refreshToken }, { where: { id: userId } }); res.cookie('refreshToken', refreshToken, { httpOnly: true, maxAge: 24 * 60 * 60 * 1000, //secure: true, //kalo nanti di server global ini uncomment }); res.json({ accessToken }); } catch (error) { res.status(404).json({ msg: "Email tidak ditemukan" }); } } Mungkin apa yang kurang ya??

[@cho7605]

Gimana bang, udah nemu solusinya?

[@dart9569]

mau tanya bang, kok bagian login emailnya tidak terdeteksi ya? padahal udah sama persis di tutorial bahkan di source code dari github jg sama.. mohon pencerahannya🙏

[@iqbalkurnia7238]

permisi bang d art, apakah sudah mendapatkan solusinya untuk error email tidak terdeteksi....

[@dart9569]

@@iqbalkurnia7238 belum nih bang

[@techaddict7907]

​ @iqbal kurnia @@dart9569 di menit ke berapa kalian stuck?

[@cho7605]

Apakah udah nemu solusinya bang?

[@maulanayusuf5310]

bang, kenapa di ane bulma css itu baru awal hello world doang aja di kanan ada scrollbar nya ya?

[@Fitronnurulihsan]

Bang lu bisa paham begitu caranya bagaimana atau bagaimana teknik belajarnya?

[@HiroSaurus-tc9gq]

46:00

[@ZulFikar-xu8dg]

Bang. Di terminal dia bakal run terus ya refresh tokennya? Sperti infinite loop

[@Rint0youtub3]

Mas mau nanya saya tidak bisa install react js pesan errornya npm ERR_SOCKET_TIMEOUT Solusinya gimana ya?

[@senaputra8182]

Bang ini ko saya typeError: Can't read properties of undefined (reading 'creat') kenapa ya bang?

[@yudistirabelajar750]

#ask await dapat digunakan tanpa function asycn? bukankah seharusnya tidak dapat lakukan itu???

[@nandopookey9195]

Maaf bang, mau tanya dikit. Ini history push saya tidak redirect, harus reload halamanya dulu baru bisa berpindah sendiri, itu kenapa ya bang ? mohon bantuannya bang

[@_halidigitulo]

Use navigate bro, bukan history lagi.

[@nandopookey9195]

@@_halidigitulo ok bang makasih

[@Gunduk999]

bang solusi nodemon ku setipa di install eror terus tidak bisa itu gimna ya

[@danialrasyid-pf1of]

gann mauu izin tanya kenapa saat langkah verify_token itu waktu send request bearer itu refresh_token saya berisikan null ya bang?, thank youu bangg sehat selalu 🙏

[@nalendroadil5542]

sudah jadi atau belum?

[@bluecattss]

Halo mas mau tanya, kok cookies saya kosong ya ? pdhaludah bisa login di browsernya

[@roisuladib]

kang bagaimana impor tanpa extensi (.js), sperti di react

[@IkhfanYusuf]

Saya mau tanya mas, saya kan coba pake backend yg mas fikri bikin, nah saya buat frontendnya pake reactjs. Kok pas abis login dihomenya pake useEffect request refresh tokennya dpt unauthorized. Padahal di video aman2 aja dan bisa, trus pas saya cek dicookies jg ngga ada cookies yg namanya refresh token

[@IkhfanYusuf]

solved, kalau pakai axios kasih option withCredentials: true

[@mfikricom]

Di videonya saya tambahkan withCredentials-nya secara default di file index.js.!

[@bijaktoday]

FrontEnd : NextJS tidak berhasil simpan Cookies ExpressJS >> res.cookie() >> cookie >> FrontEnd (cek di browser-nya nda berhasil terbuat)

[@ZulFikar-xu8dg]

@@mfikricom di detik berapa mas?

[@nalendroadil5542]

bisa bantu saya? saya belum jadi

[@yim_klok]

Hello dear I have some questions When I try to use req.cookies.refreshToken , in console I get underfined . Please help me🥰

[@irfinfalah2942]

me to :(

[@dityath2600]

halo bang, kalau dapatnya undefined atau object kosong mungkin ada beberapa kemungkinan. Yang pertama library cookie parser belum dipanggil pada index.js, atau kemungkinan kedua mungkin sudah dipanggil tapi belum digunakan ("app.use(cookieParser())"), atau kemungkinan ketiga urutan menambahkan library cookie parser harus sebelum dari app router

[@nalendroadil5542]

@@dityath2600 saya sudah seperti itu, tapi ttap ga bisa. kenapa ya?

[@tutorial2menit881]

Assalamu'alaikum bg, mau nanya ini kalau di buat exe pakai electron bakalan kebawa frontend dan backend nya..?

[@iwyjoni]

bang klo muncul preflight di inspect gimana cara mengatasi'nya?

[@tryn1516]

bang mau tanya, kalo udah make token jwt, apa perlu jg pake session express?

[@mochamadrizalfachrudin1472]

makasih bang tutorialnya sangat membantu, tapi saya masih stuck bang, kenapa accessToken saya pas dilogout nggak ke hapus ya? padahal saya coba pakai rest client method delete kehapus accessTokenya

[@haian_]

Ayo kembangin lagi series nya

[@xsupport5490]

kakk...kenapa pas login ga refresh halaman yang dituju ya, masih stuck halaman asli nya??

[@nalendroadil5542]

sudah jadi atau belum?

[@YtPrem-vq8xj]

Sama bg

[@qolby_adha]

MANTAP BANGGG !!!! 😀😀😀

[@bagaspratama8170]

Hallo kak ijin tanya kenapa req.body saya empty ya??

[@vexanakawai]

Bang kenapa buat lagi refresh token? knpa gak di akses tokennya aja dibuat lama expirednya

[@mfikricom]

untuk alasan security.

[@vexanakawai]

@@mfikricom Oke makasih bang. semoga berkah ilmunya. tambah rezekinya. sehat selalu... semoga ada part 2 untuk role user :)

[@satriaoffice789]

kenapa saya dapat email not found terus padhal udah bener try and catch nya

[@muhammadrahman9374]

mungkin bisa dicoba mas kirim requestnya di postman saya juga gitu klau kirim data pke extention rest client di vscode requestnya ga ada

[@mayati6629]

ketika login berhasil lalu masuk ke dashbaord tp gagal akses ke refresh token nya dengan ketereangan 401 Unauthorized...apa yang salah yah ?

[@ambiguitaskata7388]

Kak

[@ambiguitaskata7388]

Kak

[@faishalyusufbaqir766]

Error: data and salt arguments required ini bermasalah pada bcrypt, sewaktu tes POST akun baru ke database. tolong pencerahannya bang

[@user-vb9pe3ni2r]

Pake postman?

[@YtPrem-vq8xj]

Sama bg Yg muncul juga itu

[@YtPrem-vq8xj]

Sama bg

[@fernandohermanpookey4346]

Terima kasih bang

[@rubahsoft9595]

terimakasihbanyak mas

[@mrcakil2616]

Makasih bang sangat membantu

[@josefat23]

mantanpp..😎🤓😎🤓😎🤓😎🤓

[@Hikz-w3w]

sumpah keren bnget lu bang

[@Leon-vv8ru]

MIN, Gabisa buka phpmyAdmin kenapa ya kira"

[@muhammadsofyansyah9571]

Saya ikuti tutornya sdh sampe calling api token. Pas di panggil api token nya kok cookie nya g kedetek. Response nya err . Karna dianggap gk ada cookie refreshToken

[@ZulFikar-xu8dg]

"typeerror cannot read properties of undefined reading refresh token" . Ini kenapa ya mas? Saya error saat send request.rest

[@ahmaludin9117]

@@ZulFikar-xu8dg sama bang, gimana? udahsolve kah?

[@nalendroadil5542]

​@@ZulFikar-xu8dg udah solve beelum?

[@nalendroadil5542]

@@ahmaludin9117 ​ udah solve beelum?

[@aseptrisnasetiawan]

untuk tokennya di simpan saat berhasil login mas?

[@jsthlmn]

mantap

[@alfrinalditaufik7010]

bang mau tanya, kok script saya yang import express from 'express' muncul error unexpected idintifier itu kenapa ya bang?

[@mfikricom]

tambahkan "type": "module" pada file package.json !

[@eganjaya5867]

kalau API nya diakses dari mobile bisa juga ga kira kira ya atau ada settingannya lagi?

[@NuinGsChannel]

mau tanya om, kalau video ini di gabungin sama video CRUD CI4 sama react JS bisa apa engga? kalau bisa penggabungannya kek gimana yah? jadi biar lebih bagus sebelum akses CRUD ya login dulu hehe

[@NuinGsChannel]

atau CRUD React dan CI4 di video yang kzbin.info/www/bejne/ooGroWWZl7RpmpI ?

[@mfikricom]

@@NuinGsChannel bisa saja, video tersebut di sisi backend, kemudian React JS di frontend-nya!

[@NuinGsChannel]

@@mfikricom kalau login lebih baik backend atau frontend om ?

[@mfikricom]

@@NuinGsChannel Keduanya.

[@NuinGsChannel]

@@mfikricom mantap, mau nanya juga kalau CRUD tapi tipe datanya enum gimana ya om? Untuk form ya apa pake select ?

[@ardianfirman1243]

Bang, saya udah nyoba step by step seperti di video, tapi kenapa ketika testing seperti di menit 1:15:00 kok ketika akses endpoint token dapet error forbidden ya? dan saya cek cookie nya tidak tersimpan setelah saya login

[@alarisyi6230]

sama saya juga gitu

[@user-vb9pe3ni2r]

Ketemu gan solusinya?

[@dhensyafaath5877]

samaaa, ini gimana ya kira2 ?

[@candlefamily3550]

bagus banget videonya

[@attafriski5901]

46:56 fe

[@andasopansayajugasopan4555]

bang gua pas install npm ada eror itu gmna cara ngatasinnya?

[@irvancoyrik6081]

di menit 40:25 ada code yg tidak terlihat dilayar mohon di jelaskan

[@fransalwan7620]

const accessToken = jwt.sign( { userId, name, email }, process.env.ACCESS_TOKEN_SECRET ); ({ expiresIn: "15s", }); res.json({ accessToken }); }

[@aderizkirinaldi9262]

kak aq kok munculnya email tidak ditemukan terus padahal email password udah sama kaya db

[@cho7605]

Gimana bang, apakah udah ada solusinya?

[@aderizkirinaldi9262]

@@cho7605 belum

[@cloud_architector]

Great

[@kritkasilmana9302]

Great Video

[@mfikricom]

Thanks