TUTORIAL PAYMENT GATEWAY MIDTRANS | JAVASCRIPT

Поділитися
Вставка
  • Опубліковано 11 лип 2024
  • Tutorial integrasi payment gateway ( website pembayaran online ) Midtrans menggunakan framework javascript Next JS.
    free source code template:
    github.com/deaaprizal/next-js...
    Daftar akun midtrans:
    dashboard.midtrans.com/register
    Dokumentasi lengkap:
    docs.midtrans.com/docs
    Tools pembantu (port forwarding):
    ngrok.com/download
    timestamps:
    00:00 Payment Gateway
    04:10 Setup Projek
    12:30 Snap popup seamless
    30:20 Payment Link API
    44:30 Payment Link Dashboard
    46:30 kesimpulan
    Transfer DONASI: saweria.co/deaafrizal
    Join this channel to get access to perks:
    / @deaafrizal
    #programming #tutorial #coding
    Istagram: / dea.afrizal
    =================
    💌 Email (for business) 💌
    dealabs@icloud.com
    ==================
    🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
    For More Update
    🔺🔺🔺LONCENGNYA 🔺🔺🔺

КОМЕНТАРІ • 280

  • @deaafrizal
    @deaafrizal  7 місяців тому +30

    Gimana buat yang belum coba, sulit atau enggak kira2? oh ya, buat yang mau main di production, jangan lupa cek best practice dari dokumentasi resmi payment gatewaynya ya, selalu pastikan hal tersebut okeee! 🌟 semangat semua!

    • @aigaming1674
      @aigaming1674 7 місяців тому +1

      puh request boleh?, cara buat quiz pilihan ganda soalnya sama jawabannya di ambil dari db sql
      request ke 2😁, cara buat side bar yang terpisah sama contentnya, misal sidebar.html
      dashboard.html
      data.html
      semoga di notis😁

    • @scenandocom
      @scenandocom 7 місяців тому +1

      Kalau misalkan bg, virtual account-nya itu kek di Tokopedia , shopee yang dimana virtual account-nya itu statik gak berubah ubah, itu gimna caranya bg,

    • @scenandocom
      @scenandocom 7 місяців тому +1

      Nah pertanyaannya kedua, kenapa virtual account milik Tokopedia sama shopee dan e-commerce lainnya itu biaya transaksi nya murah, sedangkan payment gateway itu sampai 4000 - 5000 an,

    • @movieplus_cinema
      @movieplus_cinema 7 місяців тому

      Sekalian coba selain midtrans seperti Tripay & Xendit bro?

    • @rickytv7877
      @rickytv7877 7 місяців тому

      Terima kasih banyak bang.
      Tolong next coba payment gateway yg affordable seperti flip atau xendit krn midtrans rada mehong 😂.

  • @asiqulhakim5559
    @asiqulhakim5559 7 місяців тому

    Mantap sih, bermanfaat bgt sih ini, bisa jadi referensi buat nambah fitur project bootcampnya 🎉

  • @andri21
    @andri21 7 місяців тому +1

    Mantap pak, makin lama kelasnya makin intermediate. Jangan sampai ketinggalan teman-teman.

  • @dimdevs
    @dimdevs 2 місяці тому

    betul bang rekomded buat tutorial kaya gini lagi bang yang mengarah pada integrasi, makasih bang dea hihi

  • @BuddyHartono
    @BuddyHartono 7 місяців тому +1

    Makasih banyak bang Dea tutorialnya sangat bermanfaat 👍👍👍👍👍😊😊😊😊😊

  • @don_zikii69
    @don_zikii69 7 місяців тому

    thank you dosen online ogut paling yongkrut.... 🎉🎉, rendang banget ini bang

  • @kanade___chan
    @kanade___chan 7 місяців тому +1

    ya alloh, lagi nyari ingfo ginian.. eh kebetulan banget si bang jaog aplod

  • @programmerid3396
    @programmerid3396 7 місяців тому

    thanks sepuhh,, jadi gak ribet bikin CRUD payment sendiri 😅

  • @recode8453
    @recode8453 7 місяців тому +1

    midtrans oke bgt bang udah pake dari taun kemarin gaada kendala. integrasinya mudah dan panduan di midtransnya super lengkap+gampang dipahami dari pemasangan, urusan callback dan segala macemnya 😁

  • @japanesequizdojo
    @japanesequizdojo 7 місяців тому

    akhirnya ada tutornya ... makasi bang ... gw lagi butuh

  • @WakeUpDev_091
    @WakeUpDev_091 7 місяців тому +5

    pernah nanya ke temen , tapi gak di kasih tau materinya , karna katanya dia ikut botcamp dll dan itu mahal bayarnya ,.
    dan akhirnya ada yang bikin materi ini gratis , cukurukukkkk

    • @deaafrizal
      @deaafrizal  7 місяців тому +1

      tai lu, bilangin ke temennya 🤣

    • @movieplus_cinema
      @movieplus_cinema 7 місяців тому

      ​@@deaafrizalsekalian tutorial yg pke Tripay sama Xendit bro.

  • @farizalumam23
    @farizalumam23 7 місяців тому

    ini yg ditunggu dr dulu bang

  • @vycery7873
    @vycery7873 7 місяців тому +1

    Mantep bang, lagi cari" juga saya

  • @firmanalmadhani6068
    @firmanalmadhani6068 7 місяців тому

    Anjir ini video yg gw cari², akhirnya ada yg buat videonya.. thanks bang

  • @didikurniawan2487
    @didikurniawan2487 7 місяців тому +2

    Nah ini bang yang ane tunggu online payment gateway

  • @shortsportzone
    @shortsportzone 7 місяців тому

    Sikeeeeeeeeeeee 🔥🔥🔥🔥🔥 yang gw cari tutornya muncullll

  • @Hao-ez4rl
    @Hao-ez4rl 7 місяців тому

    Makasih bg penjelasan nya, kepake banget buat tugas akhir wkwk

  • @AdamerzChannel
    @AdamerzChannel 7 місяців тому +1

    Tah iyeuuu nu di teangan teh... Nuhun kang Dea😆

  • @mochammadrevaldi1790
    @mochammadrevaldi1790 7 місяців тому +1

    bener-bener ngikutin tutorial cuy univeristi dari awal sampe akhir bikin tangan kebas cuy.. atau kolesterol naik karena materinya daging! nuhun kang dea

    • @deaafrizal
      @deaafrizal  7 місяців тому +1

      sami-sami bre 👌🔥

  • @adiansyahputra774
    @adiansyahputra774 7 місяців тому +1

    Nah ini yg ditunggu tunggu 😁

  • @rf5119
    @rf5119 4 місяці тому

    nice bang dea baru nyoba error tapi sekarang sudah solved

  • @BimaMahendra-vm1vv
    @BimaMahendra-vm1vv 7 місяців тому

    Ahirnya terimakasih puh... Sepuh...

  • @luckyindraefendi3114
    @luckyindraefendi3114 7 місяців тому +2

    bisa pas banget mau buat website ecomerce pake midtrans, btw makasih banyak bang tutorialnya. semoga berkah selalu 🙏

  • @LaluIbnuHidayatullah
    @LaluIbnuHidayatullah 7 місяців тому +2

    bang sekali-kali tutor payment gateway lainnya seperti stripe dong

  • @heruuu6114
    @heruuu6114 7 місяців тому +1

    mantap!

  • @aldiansyah9576
    @aldiansyah9576 7 місяців тому

    Baru ada tutor nya setelah projek ku jadi bang 😢 tapi dengan video nya abang bisa menjadi inspari

  • @sipalingmancung9895
    @sipalingmancung9895 7 місяців тому +2

    Telat njir keburu selesai skripsi gua, tapi ty buat tutorialnya bang

  • @budySr1611
    @budySr1611 7 місяців тому +1

    Pengen kali jadi programmer seperti abang😊

  • @RudQa
    @RudQa 7 місяців тому +1

    Mantap bg👍👍

  • @satryawiguna8806
    @satryawiguna8806 Місяць тому

    Tutorialnya bagus bang... sangat bermanfaat.. anw bang, bisa dijelasin juga gimana caranya handle callback payment notification statusnya dari midtrans ke system clientnya, thx....

  • @dedsking
    @dedsking 7 місяців тому +1

    nuhun kaang !!!!!!! 👍

  • @powerkuy4716
    @powerkuy4716 6 місяців тому

    keren.. sayangnya aku masih pemula

  • @mannn9058
    @mannn9058 7 місяців тому +1

    Akhirnya yang ditunggu-tunggu 🎉

  • @Zhafiri19
    @Zhafiri19 7 місяців тому +2

    ini yang di tunggu payment gateway

  • @brionz
    @brionz 6 місяців тому +1

    mang dea ooooh mang dea... kirain topes khong guan itu bukanya di puter-puter, ternyata di cokel yah. begitulah rasanya setelah lihat video ini. nuhun maaaaaaaang

    • @deaafrizal
      @deaafrizal  6 місяців тому

      jangan lupa di ambil isi khong guan nya bro enak

  • @dirtycow413
    @dirtycow413 7 місяців тому +1

    bisa pas gini, lg mikir nyari2 reff payment gateway eh muncul notif bang dea 😅

  • @zarlireal
    @zarlireal 7 місяців тому

    Om tolong bahas Turnstile cloudflare dong cara penerapannya yg benar di atur untuk keamanaan saat checkout. belum ada yang buat tutorialnya

  • @inifrhnn
    @inifrhnn 7 місяців тому +3

    fyi bang, di vscode ada fitur baru yang namanya forwarded ports, kurang lebih fitur nya sama kyk kt pke ngrok jd port localhost kt bisa di akses di internet, saya udh coba buat payment gateway dan harusnya sih dgn fitur ini kt udh gk perlu pke ngrok lg bg 👌

    • @deaafrizal
      @deaafrizal  7 місяців тому +1

      betul pisan, recommended 👌

  • @01_ahmadahsinsyamil10
    @01_ahmadahsinsyamil10 7 місяців тому +2

    sekedar info, di vscode sudah ada fitur port forwarding jadi ga perlu pake ngrok 👌

  • @cikibey
    @cikibey 7 місяців тому

    nuhun kasepp :)

  • @diookfiary4852
    @diookfiary4852 7 місяців тому +1

    Kenapa bisa pas banget ya, kemarin itu mau mulai ngulik next js pas banget lagi ngonten Next js ,sekarang lagi coba coba Payment gateway pas banget ngonten nya ,emang the best lah

    • @deaafrizal
      @deaafrizal  7 місяців тому

      dinamakan jodoh bro 👌

  • @jimzkuy
    @jimzkuy 7 місяців тому

    Payment gateway midtrans ini harus bgt daftarin 1 rekening buat nerima uangnya ya? Kira-kira bisa gk kalo rekening penerimanya dinamis? Sorry masi awam sm sistem payment

  • @syahrulsafitrarahul1699
    @syahrulsafitrarahul1699 7 місяців тому +1

    mantapp bggg

  • @syalomvenindaruntuwene5099
    @syalomvenindaruntuwene5099 5 місяців тому

    Hai kak, saya sdh nonton videonya. Terimakasih atas ilmunya. Saya ingin bertanya lebih lanjut mengenai midtrans, apakah midtrans bisa digunakan untuk pembayaran marketplace yang menahan uang pembeli untuk diserahkan ke penjual sebelum pembeli menyelesaikan pesanan (mekanisme escrow)?
    Terima kasih sebelumnya! :)

  • @galihsukmamukti1375
    @galihsukmamukti1375 7 місяців тому

    mantap bangg

  • @cantika517
    @cantika517 7 місяців тому +1

    makasih bang iklannya g ku skip

  • @Lionel_R21
    @Lionel_R21 7 місяців тому +1

    ini dia yg ditunggu tunggu bang deaaa

  • @aliif
    @aliif 7 місяців тому +1

    tq bang

  • @hellodyonz42
    @hellodyonz42 7 місяців тому +1

    Next tutor payment gateway Xendit dong bang

  • @radityoprakoso380
    @radityoprakoso380 5 місяців тому

    bisa bikin tutorial payment gateway midtrans buat expo-react-native untuk selanjutnya bang, atau intro untuk make sdknya

  • @cacalion6494
    @cacalion6494 7 місяців тому +1

    Mantep bang 👍🏼

  • @BaaaIT..
    @BaaaIT.. 7 місяців тому +1

    bang next vidio tambahin cara gabungin sama jnt dan kawan2

  • @masbro1508
    @masbro1508 7 місяців тому

    Mau nanya di 20:39 kalo request dari midtrans dan be beda bagaimana mana ya?
    Kalo di be request nya array of objek tapi kalo di midtrans hanya objek saja

  • @fedrianarahman5666
    @fedrianarahman5666 7 місяців тому +1

    bang apakah data yang ada di dashboard mode sandbox bisa kita hit ke projek kita di lokal ?

  • @dultengmax
    @dultengmax 7 місяців тому +1

    daging yeuh

  • @pushonly5019
    @pushonly5019 7 місяців тому

    thx

  • @nunungalimaulana3727
    @nunungalimaulana3727 7 місяців тому +1

    Nah ini yang ane masih bingung, gasskeun nonton

  • @voterind9930
    @voterind9930 Місяць тому +1

    bang klo uda terlanjur native bisa pake framework? dan make shared hosting jga

  • @NeoFlazz
    @NeoFlazz 6 місяців тому

    Buatkan tutorial di laravel juga dong bang

  • @voterind9930
    @voterind9930 Місяць тому +2

    request bang
    integrasi midtrans dengan PHP tanpa framework

  • @kogemiartour
    @kogemiartour 3 місяці тому

    Bang google maps API connect ke midtrans biar langsung jadi satu pembayaran?

  • @muhammadreza1508
    @muhammadreza1508 7 місяців тому

    bang klau misal customernya sudah melakukan pembayaran itu langsung masuk notifnya ke seller kah atw masuk ke dashboard doang?

  • @azharmaulanadzakki8551
    @azharmaulanadzakki8551 7 місяців тому +2

    request pake laravel dong bang

  • @Herdian_weh
    @Herdian_weh 7 місяців тому +2

    Ternyata ngoding itu gampang nya kang 😊

    • @deaafrizal
      @deaafrizal  7 місяців тому +1

      gampang pisan parah pokona mah 🤢

    • @Herdian_weh
      @Herdian_weh 7 місяців тому +1

      Angot lamun eweuh nu barereum 😅

  • @pokemoon4012
    @pokemoon4012 7 місяців тому

    Ingfokan cara nampilin detail transaksi (order history) di front end, apa bisa pake API?

  • @fraamadhan
    @fraamadhan Місяць тому

    bang buat window.snap.pay pake tsx muncul error Property 'snap' does not exist on type 'Window & typeof globalThis'. Kenapa ya bang? apa mesti bikin type sendiri?

  • @fajarkurniawan1869
    @fajarkurniawan1869 7 місяців тому

    Bang next semester cuy university boleh ga req buat system cashier.?

  • @lazarkkertia2876
    @lazarkkertia2876 6 місяців тому

    bang kalo popupnya dah muncul tapi va numbernya ga muncul tu kenapa bangg ? sebelumnya bisa terus coba ganti akun dan udah diganti juga key nya

  • @jenkinzsz
    @jenkinzsz 7 місяців тому +1

    uhuy ntar gabung tutornya kang dhea abis kuliah...😅

  • @nurmayunita9191
    @nurmayunita9191 Місяць тому

    Bg Makai ini bisa di hosting kan? Apakah rekening kita yg masuk itu jg didaftarkan ya?

  • @tungau8893
    @tungau8893 2 місяці тому +1

    Cuy, Midtransnya lu pake di production buat real project ga nih? soalnya ada yg bocor tuh client key di menit 8:17

  • @NovaMaulani-nj4wh
    @NovaMaulani-nj4wh 4 місяці тому

    Request pakai CORE API sekalian notifikasi kalau pembayaran berhasi bisa?

  • @muhammaddanihaikal3559
    @muhammaddanihaikal3559 17 днів тому +1

    bang, kalo profit sharing/berbagi pendapatan gimana?

  • @faridnugraha1266
    @faridnugraha1266 7 місяців тому

    Bang request tutor unit test dong

  • @arsharsene
    @arsharsene Місяць тому +1

    bang bikin tutorial midtrans integrasi ke flutter dong

  • @yoriichii1921
    @yoriichii1921 10 днів тому

    Kalau pake firebase gimanaa bang dea? gausah bikin route js ya?

  • @rifansetiadi9411
    @rifansetiadi9411 3 місяці тому

    bang saya kok coba daftarin bisnis saya review nya lama banget ya? soalnya mau pake yg versi production nya

  • @ahmadiofficial4398
    @ahmadiofficial4398 7 місяців тому +1

    gw pernah integrasiin PG Midtrans dan Tripay, pengen nyobain Xendit dan Duitku

  • @raihananhar6949
    @raihananhar6949 7 місяців тому +1

    makasi bang mumpung lagi butuh nih metode hahahaha, tapi lebih enak kalo real project sih bang biar ga terlalu pusing utuk backend pemulaa

    • @deaafrizal
      @deaafrizal  7 місяців тому

      yang real projek gakan bisa 1 jam videonya 🤣

    • @raihananhar6949
      @raihananhar6949 7 місяців тому

      siap nonton part part part wkwkkwkw
      @@deaafrizal

  • @user-lv6hb3rn6l
    @user-lv6hb3rn6l 7 місяців тому

    kalau di react native pake web view kah?

  • @bilqimlb
    @bilqimlb 7 місяців тому +1

    bang request bahas redux

  • @narpatiYT
    @narpatiYT 7 місяців тому +1

    bang buat tutor web top up game dong bg...

  • @IgnatiusMadeElvriyanto
    @IgnatiusMadeElvriyanto 7 місяців тому

    oh my posh nya sama euy bang

  • @zyn_id
    @zyn_id 7 місяців тому

    Bang, Review Midtrans di Google Maps buruk banget, itu kenapa ya ?, jadi takut.

  • @josephsimarmata5839
    @josephsimarmata5839 7 місяців тому

    bang, tutor custom theme vs codenya doang bang 😆

  • @ESANETID
    @ESANETID 4 дні тому

    bang coba bikin menggunakan xendit dong untuk payment gateway

  • @Mindset_foryou
    @Mindset_foryou 7 місяців тому +1

    Buat toko online aja pak dea😅

  • @steksacoid
    @steksacoid 3 місяці тому

    Keyboard aing teas mang 😮

  • @mhmmdfrdsa
    @mhmmdfrdsa 7 місяців тому

    Kemaren juga bikin nih tapi bedanya ku taro di discord bot pake javascript juga ( Djs ) karena gk bisa bikin web jadinya diaplikasikan ke discord bot 😅

  • @user-le6bq7nl9s
    @user-le6bq7nl9s 7 місяців тому

    Bikin tutorial deploy nya dong pliss

  • @deeOva
    @deeOva 7 місяців тому

    bang buat tutor deploy next app router di cpanel node js bang

  • @yusrilahmad8105
    @yusrilahmad8105 7 місяців тому

    Midtrans ini masih belum bisa pakai TypeScript ya

  • @pierreadamas99
    @pierreadamas99 7 місяців тому

    Bang, cara custom terminal biar kayak gitu gimana?

  • @old_story506
    @old_story506 7 місяців тому +1

    Pas butuh eh malah nongol😂, sip lah

    • @deaafrizal
      @deaafrizal  7 місяців тому

      dinamakan jodoh bro 👌

  • @ashabusuffah1033
    @ashabusuffah1033 7 місяців тому

    mang cara semangat ngoding di,android gimana ?

  • @nugrahatech7183
    @nugrahatech7183 5 місяців тому

    Payment redirect nya ngga bisa dirubah cuys, mohon di cek

  • @msafianwaranas5701
    @msafianwaranas5701 5 місяців тому

    info marketplace payment suhu

  • @yosefprasetyo5862
    @yosefprasetyo5862 7 місяців тому

    tutorial yg qris dong bang

  • @user-yo9tv3lj5n
    @user-yo9tv3lj5n 7 місяців тому +1

    Bang bisa bantu aku ngga bang akun googleku kena retas sama orang tidak di kenal dan semuanya udah di ganti bang😢 sedih rasanya😔

  • @xann7588
    @xann7588 7 місяців тому +1

    kang gas buat versi php