Ngobrolin CORS

5:42kurang ya dulu-dulu ya sering banget gitu kan Apalagi dulu pas baru belajar nyebelin banget itu baru belajarya

5:49biasanya dulu so kalau saya kena ya Cross Origin habis itu pindah e masukin ke aplikasi php-nya headernya Cross

5:57Origin kasih Bintang hal semua Iya iya di Nah kalau gue dulu pengalaman pertama kali ketemu course masih belum belum ngerti ya masih baru

6:10banget belajar terus eh kan cari kan stack overflow caranya ngatasin cor Oh dikasih headernya bla bla bla Nah bentar ada

6:20plot twistnya namanya head ditambahinnya di requestnya bukan dari servernya ya udah terus aja sampai ganti presiden berapa kali mah enggak bakal

6:32bener e Iya harusnya di kalau kalau bla bla blaanya di di pas ngirim request dari client s-nya ya enggak bakal

6:39berubah Lah iya iya enggak e bahkan dulu sempat ada eh apa namanya extension Chrome extension sampai sekarang pun ada masih ya masih ya

6:51Bypass Heeh ngakalin Bypass karena biasanya kalau di server kalau servernya kita yang yang punya itu bisa nambahin jug

7:03itu nambahin header dan lain-lain itu mungkin bisa kan bisalah request sama anak backend gitu kalau kalau yang kerja

7:11ya tapi kalau misalkan terparty api Iya nanti Dar dari Death tool juga bisa yang baru ya Death tool yang baru nanti ada

7:18update-nya nanti ingetin aja kita demo-demo aja B bisa Apanya bisa e apa namanya Ee responsnya kita bisa edit di

7:28de Oh kalau buatetes nanti kita coba nice nah ini ada juga nih Yang berpengalaman kalau kena course dial aja

7:37incure content insecure content em sebenarnya course enggak bisa sih di kalau enggak bisa masalah ya Bisa Beda

7:48kan beda ya harus dari servernya iya ya servernya harus mengallow Origin udah kan definisi course tadi kan Cross

7:56Origin iya sing Nah mungkin biar lebih jelas mungkin kita akan Run through kali ya itu apa Terus gimana cara kerjanya

8:07Kenapa bisa kena dan gimana ee solusinya gimana solusinya untuk supaya ee ya enggak kejadian gitu ya y ini

8:18adalah eh dari website-nya mdn itu Cross Origin resource sharing adalah salah satu properti dari http header yang memungkinkan

8:36server to indicate any Origins Origins itu artinya berarti ini ya domain SK gitu ya Nah kalau misalnya yang masih

8:45bingung Origin itu apa kita kan dulu punya episode ya apa ngobrolin domain ya E url url Oh I ngobrolin url Nah itu

8:55kelihatannya udah kita bedah semua ya Jadi kalau ada yang belum nonton bisa dicari sendiri Iya bahkan port juga

9:03misalkan teman-teman bikin satu server itu di eh eh apa atau Klien Klien ya sesama klien kalau server aman harusnya

9:12ya klien satu Misalkan local host 3.000 gitu kan Terus e satunya lagi 3.002 terus mereka sing berkomunikasi bisa

9:20jadi kena k juga kan He karena ya Apun yang bed Origin itu ya Eh kasarannya gampang ya dicurigain lah

9:30jadi kalau misalnya originnya sama kan Ya udah pasti berasal dari satu tempat itu Udah enggak Enggak ketemu course

9:38sama sekali tapi di luar itu nah bakal ada eh semua proses itu paling ya paling gampangnya itu kalau misalnya kita dari

9:46domainnya kita tuh kita mau fetch konten tapi dari domain yang berbeda Iya e dan domain yang berbeda itu tidak

9:56mengizinkan kita untuk F content dari Browser he ya buver ini server site iya ya jadi enggak memperbolehkan kita untuk

10:06fch content itu e jadi nanti akan keluar e course warning issue Atau segala macam Datanya juga kita enggak bakal dapat

10:16gitu dalam hal ini data.json itu kita enggak bisa dapat I kalau jadi server yang menentukan dia mau

10:24mengizinkan Apakah semua Origin ya bintang itu tadi yang disebut Apakah semua boleh manggil boleh membuat request atau Origin tertentu eh bisa

10:34Diwi list di allow list atau by default kalau enggak ada enggak enggak dispesify ya udah by default same Origin tadi cuma

10:43yang originnya sama ada beberapa loh nanti ada Le Eh terus Strik segala macam itu nanti ada Heeh

10:53Ya dan same Origin always allow same Origin always allow ya ya Dan kalau tadi kita ngomong antar klien kan klien satu

11:03ee dengan klien kedua gitu kan kalau misalkan kita taruh server di tengah-tengahnya itu tetap bisa datanya tetap bisa

11:10diambil Iya servernya kan manggil ke yang berarti itu namanya middleman eh apa midleware ya proi Istilahnya ya proi

11:25bisa karena itu ee ini hanya ada di browser enggak ada diakak ada di backend i i karena e sederhananya semua

11:37data yang ada di klien itu bisa di fch kan bisa diolling kan kecuali kalau di pakai in

11:46autentikasi Dan username password dan lain-lain gitu kan Kalau datanya publ seperti ini data design gitu kalau e

11:55server mau ngambil ya bisa selama ini publ gitu kan meskipun Kalau antar klien ya enggak bisa antar browser atau antar

12:03ya Antar klien lah http pokoknya request yang berasal dari client site dari browser ke server asal atau ke klien atau manapun nah soal

12:13middleware tadi itu jadi kayak jadi landasan lah makanya jadi apa makanya banyak ada tools yang untuk mebypass eh

12:23apa isu course kan ada ada linklinknya nanti bakal kita lihat itu belakangan aja tap yang jelas emang banyak toolsnya

12:30jadi kayak misalnya tools.com dikasih query parameter eh url yang pengin kita Panggil Nah kita bikin requestnya ke tool yang untuk

12:41Bypass itu jadiin Heeh proxi buat kurs oke nah eh sebenarnya tujuannya apa sih ada kurs-ks ini kenapa harus e Kenapa kita kena

12:54error ini eh apakah ada hubungannya sama e keamanan data dan lain-lain atau ada isu lain Lebih utamanya ke arah security

13:04sih security supaya security eh pertama Data kita aman enggak kita hanya mengizinkan itu diambil oleh EE dari yang kita polisi atau kita izinkan

13:17kedua ee bisa ada ee ini kan kayak Cross scripting juga bisa terjadi kalau Oh i ya i i iya oke itu terus biar enggak di

13:31didos atau apalah biar enggak di bombardir sama request yang kita enggak tahu dari mana ya Nah ini domain ini

13:40termasuk subdomain enggak ee masuk engak ya Bisa diinclude subdomains kan ada Ada enggak sih ini ininya ada settingannya kan streigin

13:53poliisy itu bisa include subdomains bisa bisa Strik enggak iya bisa bisa diow bisa di e reject gitu ya itu

14:04kelihatannya ada itu dehroll ke bawah mana ya request Nah kalau request apa aja itu tuh Ternyata bukan cuma f

14:15atau xhr tapi termasuk e apa web font termasuk yang di dalam CSS kita kan suka kelewat dan lain-lain nah terus bawah

14:27lagi ada contohcontonya senario simple request

14:44head engak ada ya ada kayaknya Coba deh ke bawah lagi examp ke atas atas H

15:01ini ini kan bed bed Heeh beda beda enggak ada ya enggak ada di Sin stop stop stop stop

15:10tadi ada itunya tadi kita baca headernya Eh ini Origin enggak ada kasih iya kan dia waktu dia ee request dia enggak ada

15:24ngasih izin ee http course-nya kan kan he jadi by default dia same Origin Policy I nah terus terus kena reject

15:37jadinya kan ini reject ya kondisi reject ya belum belum sih dia ini kan ini request ini ini dulu request Nah ini

15:47baru responsnya itu karena access control all oh Origin di Bintang he semua boleh responsnya tetap 200 karena

15:59Datanya ada cuma si browser akan men kalau dia Iya kalau engak ada Oh browsernya yang oh iya ya baru sadar

16:08responsnya tetap 200 tapi ya E ininya enggak bisa engak BAAK bisa dibaca datanya ya Oh I ada penjelasannya

16:19tuh server return bla bla bla header with access control Origin bintang yang artinya resour ini boleh diakses boleh

16:28Origin siapapun ini yang biasanya saya taruh di engine X udah enggak usah pusing gitu itu kalau yang punya server kan Iya

16:38nah ini kalau itu kan bintang ya semua boleh kan Heeh kalau kita mau taruh Tertentu bisa seperti ini contohnya Yes

16:45hanya sat hanya hanya Oh di sini nanti bisa bintang.vu.example kali ya yes itu juga bisa bisa bisa dalam bentuk list enggak

16:55atau array jadi saya mau Bintang Kalau enggak salah pakai spasi Deh spasi ya Oke kalau enggak salah ya

17:03ada enggak di sini lupa ee bisa meodnya juga bisa di ini tuh bisa Di bisa bisa Diat

17:12jugaesif kita cuma mau men get request atau He ini tadi ada gambar di atas ini ada ininya enggak penjelasannya kita

17:23meloncat terlalu jauh ya Jadi kan kalau request dari klien minta sesuatu ke server minta layout.s minta imageak boleh gitu kan Tapi kalau kita

17:37minta image.png dari Origin yang berbeda Oh ini sama juga ya dalam kanvas di dalamnya sini domain a kalau Heeh di

17:46dalam kanvas kanvasnya image-nya dari domain B itu boleh minta ke domain B Oh itu boleh yang engak boleh kalau dari

17:55luar itu tuh webfont Oh Oke kalau webfone enggak boleh jadi kalau iframe minta ke domain B iframe-nya domain B minta ke domain B

18:05bisa Boleh kan saya Origin Oh tetapi wefone-nya yang di di domain a kan dimintanya dari luar tuh Iya dia css-nya

18:15dari domain a Minta web font ke domain B itu enggak bisa enggak boleh oke oke nah Ini ada pertanyaan bagus

18:24dari Damar kalau dari mobile app clien bisa kena juga kayaknya bisa ya W elektron mobile app webview

18:33ya mobile app enggak mesti web viw bisa yang lain eh ya enggak makud Kalau native kalau native kan mungkin

18:43pakai enggak enggak ada server kan enggak enggak ada server kan cobaak tahile enggak per enggak pernah bikin kayaknya enggak ada deh kayaknya

18:54enggak adaak enggak kena deh nah gimana kalau kan http k Hah kan ini dari brer yang nerapin oh

19:06browser ya kalau kita akses dari ee Postman atau http klien yang lain curel itu kena Enggak enggak ke Bypass

19:16engak kur kur enggak posman kur enggak poman enggak ya Postman insomnia dan teman-temannya Iya dan teman-temannya http klien kan itu Oh berarti browser

19:25aja ya spesifik ke browsernya impementasiin si eh apa si course ini Iya berarti kemungkinan besar mobile app

19:34enggak kena cuma jadi tertarik jadi mikir itu sih webview webview atau elektron atau semacamnya yang Sebetulnya pakai Engine

19:43Browser Kena enggak ya kena mungkin ya H bisa jadi bisa jadi kalau webview mungkin kena ya mungkin ya Apun yang pakai enginnya

19:54browser tapi kalau elektron kalau elektron itu kan ada backend nya dia ada node js-nya di dalamnya jadi ada kayak

20:01servernya dia proxy kali ya kayak semacam proxi heeh heeh Kayaknya gitu kalau elektron Ya tapi kalau web viiew

20:11atau react native atau D enggak tahu berarti kalau pakai ini gimana web assembly belum tahu ya Hmm lebih jauh

20:19lagi tuh apa lagi apaagi I Oke web assembly kena course gak itu itu yang harus kita cari tahu

20:28nanti ya dianggap kayak kan Eh tadi ada kan kasas tuh lag masa ehak server engak tah De coba ya

20:40WhatsApp dia kan bisa jalanin server WordPress kan backend kan e nah belum pernah pakai soalnya Iya cuma nebak-nebak aja sama belum pernah

20:54juga soalnya kena kena Oh kena n Oh ya nih ini nih ini ada dokumentasinya silakan dibaca e jadi harus ada harus di proi ya

21:12berarti ya ditambahin proin eh di bagian itu yang di bagian users itu addition each module mod is to securitycying with a

21:26web browser restri the Origin Policy tetap kena Jadi kalau dia web assembly yang dijalankan di browser dia akan kena kena eh

21:40security yang ada di kliennya maksudnya ini Oh oke karena web assembly juga bisa dijalankan di backend ya Jadi kalau yang

21:48backend kalau di backend engak masah mengikuti kliennya di mana ya kalau di browser ya Sesuai yang di

21:56browser ya terus kita bahas apa lagi nih ini ya Eh kayaknya tadi kita belum bahas preflight request ya Oh yang di

22:09sini itu pright yang dicontoh itu mana di atas eh ke bawah bawah lagi bawah bawah kan tadi udah nih

22:22dibahasah iyaah itu kadang kita kalau kalau misalnya baru belajar juga eh kali Bingung ya ngirim request sekali diklik

22:32sekali yang muncul di kalau kita buka De tools terus apaelihat Network request kan muncul pasti dua tuh sebelum po

22:39biasanya options dulu terus pernah ngalamin juga kalau pakai apa lambda functionnya verel itu kelihatannya dulu sempat ada ya isu lah jadi kalau

22:52misalnya kita cuma bikin eh kan apa sih fun handler kita bikin Handler tuh kalau pakai lambdanya versel kita bikin hand

23:03Kanah tapi e ternyata kena reject kena reject karena pas kita ngirim options gak bisa jadi kita ya tinggal bikin

23:12handler options juga engak tahu sekarang sekarang masih kayak gitu atau udah dipatch oleh vernya nah ini karena ada

23:25request yang option ya Hm unlike simple request prlighted request the browser first S nah itu jadi sebelum ngirim

23:35request beneran yang mau kita kirim browser tuh eh secara otomatis ngirim eh request yang meod-nya namanya options

23:45Nah itu ternyata tujuannya menentukan apakah requestnya Eh aman untuk diikirin Oh kayak ee ngping dulu ya mastiin B

23:56bisa engak ini ini contoh ini Ini contohnya example requestnya begini ya kan He Itu kan post kan metodya post

24:05kenyataannya nanti coba tu Scroll lagi itu dia ngirim option ada itunya balik lagi nah tuh dia ngirim options dulu

24:13terus options methodnya si server ngasih tahu oke hanya boleh Heeh yang boleh po options terus allow headernya header apa

24:26yang boleh dikirimkan juga ada nah terus responnya 204 tuh no content Karena kan dia belum ngapa-ngapain cuma

24:34mengkonfirmasi aja oke Kamu boleh bikin request begini-gini Nah baru bawahnya si post request yang beneran yang mau

24:40dikirim Nah itu di yang ketiga bar i ini biasanya kalau di kehidupan sehari-hari saya ngecek halo terus ya boleh nanya

24:53enggak gitu Oh enggak kalau kalau sekarang sekarang I huruf P aja P gitu Iya apa sih P pink pink Pak ping pu pong

25:08Balasnya apa Kalau ada yang P juga balas P lagi terusnya P lagi udah gitu aja terus nah detailnya seper Baru tahu Iya

25:23Oh berarti P itu adalah PR flight kali Oh iya juga kali ya refl terus kita bahasnya get post sama kita b sama

25:34delete 204 204 l konten Iya atau ada yang nanya gitu kan Maaf boleh tanya enggak lah itu barusan

25:48nanya jawab enggak boleh berarti kita sebeningjawab itu iya oke oh berarti terjawab ya misteri selama ini P itu adalah kepanjangan dari

26:03preflight brutal jawabnya 204 Baiklah oke lanjut ke mana Nah paling e Scroll ke bawah lagi respon headersnya kita lihat

26:18sekilas aja Kan tadi udah dibahas tuh eh access controlow Origin dan teman-temannya terpati cookiesah itu dia nih atau bintang atau Iya udah pokoknya

26:36oneeliner yang ngatasin semua masalah masalah sebenarnya Kalau dari segi keamanan mungkin ini ya belum tentu ideal Ya maksudnya mungkin ada kondisi

26:46di mana kita enggak boleh pakai itu cuma kalau lagi buru-buru dan emang cuma pengin pengin front end cepat kelar Nah

26:53itu di servernya tuh dikasih itu udah selesai semua selesai semua Sema tapi data kita bisa diakses dari

27:03browser lain I iya bukan browser dari website lain dengan tanpa persetujuan kita gitulah kira-kira ya tujuan utamanya k

27:14ini sebenarnya konsen ya konsen konsen jadi harus tahu sama tahu mau sama mau sama suka sama su suka

27:24sama suka ini Ke mana arahnya nih mengirin dan merespons data Oh ad nah cuma kalau expos headers

27:34tuh apa ya belum pernah Pak pakai koma mas R pakai koma berarti originnya kalau mau banyak bisa pakai koma pakai koma

27:41berarti subdain itu termasuk Origin atau domain aja asal enggak dimion domain domain aja misalnya example.com itu kelihatannya semua

27:52domain termasuk deh kecuali kita vo.example.com Nah itu kan subdomain khusus Ya udah kalau misalnya bar.xample.com dianggap eh bed Origin i

28:05ya i i i Oke berikutnya kita masuk ke yang sini ini juga masih penjelasan ya k itu

28:16apa ini contoh-contohnya tadi sebenarnya sudah kita bahas juga sekilas ya ini mirip sama yang tadi cuma lagi-lagi e

28:22penyakitnya mdn sih mdn itu kan lengkap dan teknis dan bagus tapi itu lebih ber guna kalau kita sudah paham kalau belum

28:30paham tuh kayak bingung nyarinya di mana Nah kalau ini kayak lebih catchy aja kayak lebih apa Ya gampang di cna ini

28:37pertanya Mas Riz tadi nih your access Yes ehh Oh iya ini ya subdain dari atas dari atas Coba dari atas dulu tuh the

28:47following table show the same or will be applied to normalwebsite.com Oh example jadi page-nya example HTML dari normal

28:56website kalau ke normal website example saja bisa example du sebeda subfolder masih bisa tapi normal website bed SK beda

29:07skim https https ya https sudah enggak bisa beda subdomain sudah enggak bisa beda domain ini sudah dianggap domain ya

29:16different domain berarti ya Iya jatuhnya ini beda domain kan Iya heeh ini juga beda domain bed beda beda Origin Ya beda

29:24Origin Iya beda Origin ini beda juga pnya I Origin Origin I Origin Internet Explorer will allow this

29:34access because I does not take account of the port number when applying the same Origin Policy Jadi kalau ini masih

29:41bisa di ie tapi Internet Explorer yang sebelum ya kalau kan udah chromium base kan he namanya bukan internet Age namanya internet AG

29:58II juga ya jadinya Ya iya oke Ini contoh-contohnya cara aksesnya terus ada ini ya xping Add ini yang tadi

30:09ya itu custom header Jadi kalau misalnya apapun apapun yang header kan ada x-nya i ya bebas bebas He preight

30:19ini ya preight request yang tadi ya dan biasanya ya kalau ada company yang kalian kalian kalian ingin apply cek aja

30:27headernya siapa tahu we are opening tuh ada di header biasanya atau di konsol di browser Iya yang sering

30:35di kalau di konsol terlalu obvious biasanya yang lebih dalam lagi di header dia taruh Oh gituing atau X hiring gitu ada lucu

30:49banget jadi yang yang tahu hanya yang ngulik ya Iya dia buka G nih buka buka Def tu gitu target audiens-nya

31:00developer H ide bagus itu Ida Bagus tuh di Bali Mas Ida Bagus itu kalau Ida [Tertawa] Bagus ini tadi udah juga kita bahas

31:17sebagian besar sama ya cuma enak aja dibacanya nih nih Kenapa butuh bisa gimana cara exploitnya itu gimana

31:26coba the real attack Attacks require access control allow credential to be said to be true to be said to True

31:34because this will allow the browser to send the credentials and read the response Oh without credentials many

31:42Attacks become irrelevant It means You cannot write on a user cookies so there is often nothing to be by making their browser issue the

31:54request rather than issuing it yourself Oh Jadi sebenarnya gak apa-apa ya kalau kasarannya tadi tuh apa low bintang itu

32:04ya relatif gak apaapa ya sebenarnya gak apaapa di luarak di luar kemungkinan kalau di kan tetap apa di bombing request yang banyak gu ya

32:15tetap bisa maksudnya tetap ada masalah security tapi bukan terkaitedenal bukan terkait kayak data-data sensitif cuma ya kayak

32:26database kita kan B down atau mungkin tagihan cloud-nya bakal bengkak Kalau misalnya dibombardir request Nah itu tadi itu bahayanya kalau apa tadi header

32:36credentials allow credentials SH to be true Nah ada head ada berarti ada header lain yang diset through jadi kayak Eh

32:46credentials-nya kayak token dan lain-lain tuh kayak bisa dibaca ya oleh server berarti user Cookie oleh browser oleh Browser

32:58user Cookie bahkan belum pernah pakai itu sih belum pernah pakai header itu sama sekali Nah kalau ini pokoknya yang di

33:07halaman ini tuh berkaitan di bagian ini berkaitan sama pertimbangan security-nya Tapi jujur belum pernah ngulik sampai security-nya

33:17sih kalau iframe kena juga berarti ya kalau beda domainnya Ken Iya beda Min Oke Jadi kalau misalkan ada iframe atau

33:32pokoknya yang request lah ya khusus yang request ke eh domain yang lain ya Origin yang lain itu harus dicek

33:43juga nah ini benar nih kata Damar konsol buat yang higher front end header buat back end betul betul betul benar benar benar

33:54make Sense Sense oh bisa pakai bypass-nya pakai regex yaem.com Oh bisa dibikin begitu bisa

34:09Advance gini ya ini apa nih the following table content special characterter list with the current compatibility Oh yang hijau cuman Safari hijau

34:21semua itu apaan yang boleh ya boleh di mana nih Bypass regex Bypass if you f domainf.com to bewi listed You should check

34:38victim.com.acker.com isel Oh ini ada ceritanya di sini kita engak baca jadi enggak dapat konteks Coba baca a pengin

34:49tahu masalah securitys soal Kenapa penting kayak tanya Mas Kenapa penting course karena tadi saya bilang kan karena bisa crosspting ya ini

35:01penjelasan baca ya kita gak akan gali lebih dalam karena sudah agak di luar konteks sedikit next ini adalah jawaban ST

35:15overflow yang cukup membantuom in Zoom inom pertanyaan Inya kenapa kenapa ada k-kan I intinya I'm trying to understand kenapa

35:34error pas pertama kali ketemu course pasti apa eh alur mikirnya dariak mikir dari sudut pandang servernya karena kita kan lagi ngerjain

35:44C side request ya kita lagi fokus di ini requestnya salah apa kok tiba-tiba gak bisa e sebelumnya di atau di bisa-bisa

35:53aja padahal ini kan sebenarnya dari sudut pandang servernya untuk pertimbangan ini nih ini tadi ada pertanyaan saya berkaitan

36:05dengan http klien yang lain selain browser itu eh tidak menggunakan s Origin atau course request made from

36:15this other http client don't have an Origin unless the po desktop emul a browser it willble to requ any URL nah

36:27ini yang sering bikin bingung kalau belum tahu soal kurs kan tadi dicoba-nya bisa Iya begitu di Kak bisa tadi di bisa

36:36Diman bisa tapi kalau di pakai javascript kok gak bisa pusing sendiri ini kenapa gitu ujung-ujung and the orig POC A Browser

36:52does notlicit trust the websitequ website karena kan Semua orang bisa bisa buka browser Eh bisa jalanin vch atau jalanin CLI request dari

37:06browser ke server manapun ke Origin manapun They don't protect the Origin S they protect the s receiving the cross

37:16Origin request this is itu si servernya resour sedikit mengenai Crosses kan misalnya gini anggap kalian punya punya

37:27situs terus ada com bo anggap ini e zaman saya kita belajar bikin form komen ya zaman itu Jadi kita gak saniti

37:40gak clean apa yang dimasukin user jadi misalnya saya masukin kode javascript ke com Bo dan saya masukin

37:49itu Anggaplah kita sayaukin benar-benar Mal code ya Mal mengambil Cookie dan mengirimkan ke server saya contohnya ya kan yang

38:01terjadi adalah begitu Ee komen saya di up tapi kan gak kelihatan apa-apa tetapi di back di background javascript saya

38:10dieexecute oleh si pengunjung bukan oleh si pemilik pengunjung kan pengunjung halaman itu semua pengunjung yang Membuka halaman itu Iya Akhirnya saya

38:22bisa ngambil cookies bisa ngambil analis analitik apa segala macam dan cross Origin mengirimkan ke Cross Origin ke

38:32situs saya tempat lain tempat lain Nah itulah maksudnya Eh yang diprotect oleh si browser kalau tidak satu Origin saya

38:41eh script apapun itu enggak Boleh request enggak boleh post ke tempat lain kalau tidak diizinkan oleh si eh pemilik

38:53Origin pemilik domain atau pemilik server pemilik resource yang menerima request itu ya betul Iya ya Oke Oke jadi

39:03itu bahayanya ya kalau kita allow semuanya gitu ya kalau kita allow Minang Ya semua kena bisa Bisa kirimkan gitu eh

39:14iya benar Oh ini hampir sama konsepnya hampir sama seperti SQL injection kali ya enggak heeh tapi di front end Iya

39:24tapi di front end beda kalau SK itu kan B kita men-submit sesuatu yang diterima server untuk dimasukin ke database dan diinject ya

39:36kan betul ini enggak jadi eh ininya karenaj kontennya tetap masuk ke database seseorang tetapi waktu dioad javascript-nya dijalankan dan

39:50mengirimkan data ke tempat lain i ya gitu oke oke benar benar oke terus eh pembahasan berikutnya masih sama

40:09tentang course juga ini artikel ya artikel yang berbeda course itu apa kita enggak usah bahas bagaimana cara kerjanya ya ini ya

40:18Nah itu juga sebenarnya kayak tadi cuma kata-katanya lebih santai aja Le ini kayak kayak ngobrol gitu ya jadi BR Heeh

40:28eh saya mau query ya Apa ini request gitu mau fetch Eh tapi apa nih but i'm supposed to

40:38block it Iya browsernya kan melindungi tadi kan eh browsernya harus memblokir unless kecuali server bilang boleh kok n

40:48Oh ini yang tadi prefet ya Ini tadi prefage ya cek dulu saya ngceek Nih servernya bolehin Enggak saya ngambil

40:55data dari kamu gitu ya Heeh eh terus si servernya bilang ee coba cek di sini request kamu ada di

41:03sini enggak ya servernya bilang pokoknya e yang boleh yang boleh bikin request tuh domaina.com method-nya boleh get

41:12post options delete validasinya durasinya 10 menit Terus browsernya Oh ya betul betul boleh lanjut Iya nah begitu boleh kita ee kirimin data

41:25sesuatu akhirnya po nah ini kalau ee berbeda kalau berbeda ee Saya mau kirimin sesuatu ke ee domain yang lain apakah boleh kalau

41:41tidak boleh Tolong dikasih tahu dikasih tahu servernya juga sama bilang Cuma boleh domainom metodnya ini ini ini

41:49validasinya begini terus browser kan ini jadi eh mekanisme yang diimplementasi oleh Brow makanya tadi kan kalau di

41:58environment lain enggak berlaku browser bilang oh jangan berarti ini ada ada sesuatu yang mencurigakan pokoknya enggak seharusnya Jalan diblokir oleh

42:08browser berarti ini murni interupsi dari browser ya Heeh dan e yang mengirim error di konsol adalah browsernya bukan

42:18servernya servernya kan belum ngesons pakai error kan enggak ngespons apa-apa kecuali e responnya cuma bilang yang Boleh request itu ini ini ini dengan ini

42:30Iya bahkan eh responsnya itu 200 kan 200 itu berhasil tapi di blok datanya gak bisa kita baca karena

42:43berbeda originnya request the all

42:58domain eh apa post ya iyaay kalau kan enggak ada optionsnya bukan bukan yang tetap ada cuma coba

43:09bacain tadi yang Man atas atas itu Not all request Trigger pref request eh oh ya get request gak Trigger tapi

43:21engak langsung post request dengan eh form URL Iya biasanya form yang di-ubmit ya form yang disubmit ya

43:33I Alasannya karena itu adalah itu dianggap sebagai simple request nah terus daftarnya nanti bisa dicek sendiri nah ini oh you can only allow one

43:46domain domain ini dari mana PSP ini contoh P di server ya tambahernya Origin Oh engak bisa langsung kayak misal di engine X gitu

44:00enggak bisa dong kalau itunya banyak ini dicek ya ini ini middleware kan semacam middleware kan dia ngecek header terus

44:07kemudian dia tampilin kan kalau ada dilup aja semua header key-nya dimasukin satu Keu kalau ada maka ini dinamis ya

44:16jadi lebih dinamis ya heeh tapi enggak bisa akses control allow Origin tik2x eh domain a.com domainb.com enggak bisa

44:24berarti oh iya ini ini lebih lebih familiar ya kali ya buat teman-teman ya javascript ini nojs ya ini nojs hampir

44:34sama ya kurang Lebi sama caranya gimana Terserah yang penting kita bikin headernya ya eh jumlah headernya jumlah

44:41header access control allow Origin sebanyak domain yang pengin kita allow Saya yakin teman-teman pasti menggunakan modul atau library yang namanya course

44:51di Express Enggak usahai beginiegini ini ini ini cara manual ya Ini cara manual ya sebenarnya eh middleware course itu

45:00ya Ini sebenarnya He tapi kita pakai cara manual jadinya ya Ee agak enggak panjang juga sih maksudnya cara kerjanya kayak gitu k

45:11kalau kan dry do not repeat yourself Ya udah pakai aja library yang udah ada yang penting kita paham I termasuk is 13

45:19is1 ya Hah itu kan is13 is1 JS Oh nm library aneh kapan-kapan kita bikin Yuk episode library penting Enggak

45:34penting berar kapan ya si NPM menerapkan ini ya dilarang upload Bukan dilarang engak penting Oh iya eh iya bukan

45:45dilarang lebih ke dikurasi ada approvalnya Oh kayak web store gitu kayak App Store gitu kan diapprove dulu dicek karena kan

45:56banyak kasus ya ya bukan hanya di NPM sih ya di Python juga pernah kejadian di ruby saya enggak tahu saya

46:05pernah dengar yang kayak faker ya Iya faker terus ada masuk-masukin apa namanya E mining ya kan banyak kan gitu

46:16ada yang memanfaatkan Taipo dulu pernah ada mongodbi Taipo Nah itu masuk ke mana ya jadi kayaknya kurang dekorasi aja

46:27gitu sayang banget Padahal kalau dekorasi pun bisa aja masih bocor gitu kan tapi ya mungkin ee ini ya apa ada bisnis modelnya lah

46:40bisnis modelnya kalau harus kurasi kan orangnya banyak ya butuh ya oh Cuma kalau NPM kan emang dia jualan private

46:48registry juga Kanang jualan Iya J Jadi kalau misalkan mau aman ya sudahudah jualan e apa organisasi Anda mengkonsumsi dari

46:56registnya sendiri kurasinya segala macam ya diserahin ke yang jalanin si organization private itu kan Ya betul Jadi bukan klien yang melindungi server

47:07tapi Browser yang melind browser melindungi klien dan server juga kan Jadi maksudnya kalau si servernya tadi enggak konsen tuh bilangak eh Saya cuma

47:17mau menerima ini ini ini ya browsernya Tahu Diri engak ngirim request lagi kan kalau emang ggak diterima

47:26nah ini ada ya WK WK WK WK WK WK webview itu apaan coba eh ini adalah webview untuk e

47:39iOS namanya wk webview kenap Nam gak tahu kepanjangannya apa itu that a web viw with Cordova or ionic Android Won give

47:51you any trouble but the new wk webw wk W iOS requ Oh yang iOS butuh yang Android

48:09tidakgalan andid another alternative is not to make request in your app and use aordova plugin request ada disedain jadi

48:22mekanisme htp request di tuh kayak ada ada proses Ada ada itunya sendiri implementasinya sendiriakin ee react native flutter dan teman-temannya juga

48:33menyediakan jadi bukan pakai fetch bukan bukan pakai browser sama aja kayak elektron tadi elektron juga di dalamnya

48:41tuh ada notjs Jadi kalau kita mau file akses segala macam itu pakai fs.open gitu-gitu jadi ada servernya lah ada

48:50servernya jadinya harusnya aman Oke Kenapa sih kasusnya belum pernah eemu F System On Chrome and Safari tap gak Firefox if you make a

49:06request to local file Firefox an webkit bas browsers like Chrome or Safari will Consider This is security

49:21and block toal oh local file kalau kita fch di Firefox aman tapi di Chrome atau Safari itu

49:36kena itu kan berarti kan beda skim harusnya ya secara secara SP Ben firefoxnya yang berbeda pendapat sendiri I ini ini kalau

49:52teman-teman penasaran kenapa Sir dan Fari eh apa base-nya sama webkit kita sudah pernah bahas ya tentang browser ya

50:01jadi itu forking forking webkit dia bikin Chrome Safari pakai webkit nah webkit bapaknya dari si E Browser Iya apa sebelumnya kde

50:18environment kde ya Iya dari dari Linux ada desktop environment namanya kde ada browser namanya k browser Kalau enggak

50:26salah namanya bukan netscape ya netscape jadi netscape dari Firefox lahir Oh netcape Firefox iya oh Firefox Iya itu

50:38satatunya masih Bert masih bertahan dengan browser engine yang berbeda untuk saat ini adalah Firefox Firefox Melawan Dunia yang lainnya udah mirip-mirip ya

50:51tapi semakin ke sini semakin berbeda ya E antara webkit heehr atau chrum sudah agak berbed I agak sedikit berbeda berbeda visi

51:03makanya saling apa mereka working kan Oke berikutnya apa lagi nih protokol http protokol ini adalah bagian dari web

51:15standar ya Heeh Ya itu kalau ada yang iseng banget Pengin lihat eh apa spesifikasinya jadi e si ini bukan

51:25maunya ya tadi walaupun banyak browser engine yang e apa semua browser engine mengimplementasikan course ini sesuai pfsir sesuai cara mereka masing-masing

51:35tapi course ini bukan punya bukan milik browser vendor manapun jadi ini spesifikasi teknis Emang bagian dari speknya

51:46sctp Iya terus nah 3.2 tuh for Protocol oke ituus tadi yang kita B tadi Iya versale fetches fch that

52:01possible with html form Element the course Protocol Exist it is layer on top of http and allow response to declare

52:08They can be shared with other originscare Finya adalah respons dari server atau resource-nya itu mendeklarasikan oke eh saya mau

52:20membagi respon dengan Origin tertentu H oke Terus kalau kita apa tadi kita masih bahas tentang ee preflight juga

52:35optimizing course technic for bypassing course preflight request to improve performance ini berarti ada kaitannya dengan performance ya n kita harus kan

52:44pasti makan waktu kan apa prev dulu terima respons terus habis itu baru kirim respons eh oh jadi yang tadinya satu kali

52:54request jadi dua Iya jadi ada dua request ya request respons walaupun sebetulnya mungkin in real world ini 0,0

53:01berapa detik sih ya kalau request kan tetap ini setiap request kita lakukan ini I setiap request kecuali get ya

53:17he kenapa itu contohnya pakai g ya tapi iya iya salah oke caranya gimana ya pertama adalah caching heehing itu adalah menyimpan

53:29data terakhir I tambahin ini ya jadi eh datanya udah e apa Di sini masih valid atau enggak Kalau masih masuk ke Eh

53:40umurnya 24 jam masih berarti masih dianggap sebagai valid jadi enggak perlu previde enggak perlu ngecek bisa langsung get nah cuma ini enek juga

53:50karena karena toh enggak di preflight dan yang bisa dik Ca get Ya masa mau diashing gak mungkin juga kan Nah jadi

54:00kita skipnya adalah e apa namanya kekurangannya adalah with one should be aare ofnya bat ada cas cas key browser Keys

54:19case by http method and url as if you are accessing control Cross Origin backend and make multiple api with

54:28variable set ofying parameters then cching will have little no on performance tetap aja dia akan request karena variabelnya itu pak

54:40stringy ya berubah berbeda terus berbeda terus jadi kalau kita siapa nih yang sering melakukan ini wah ini kok cching

54:49kok k datanyaak berah mungking kita tambahying supaya saya sampai sekarang masih begitu Itu kan cdn enggak Mesti cdn kadang-kadang kalau

55:01kita main back sama dengan S Iya mungkin kita lupa ya di Def tool itu bisa diisable ya Jadi

55:11pada saat kita buka Dev tools itu by default itu enable memang tapi kita bisa bikin itu disable di mana di sini ya ni

55:21disable Cage I iya ya bukan itu aja jadi enggak perlu pakai yang tadi ctrl shift r oh

55:31udah hafal yatrol kalau Windows ya kalau comand command shift kalau di Oh iya command shift or kalau kita buka apa E Chrome

55:44Dev tools kita pencet yang lama difresh itu dia muncul kan normal refresh pop upnya refresh sama MT

55:52refresh itu ada juga i itu juga bisa paling gampang inkognito aja betul oke nah strategi dua tuh lumayan

56:05Overkill juga sih tuh lucu banget bikin iframe iframe-nya same Origin nah terus kita bikin listener event listener untuk

56:14mendeteksi apa tuh kayak respons dari dalam ifame ini lumayan kreatif ya Heeh akal-akal mtir Ini ya ya berarti ya

56:27Heeh wah seru ini malah jadi kayak itu loh kayak kalau pakai service worker Itu loh eh Apa add Event listener eh kirim message

56:42post pakai apa method post message ya ya ya I iframe loading iframe browser overhead repot multiple request ya

56:57strategi ketiga yang paling umum dipakai ini kelihatannya ya middleman middleware ya Ada proxy Jadi kita tetap menggunakan

57:07apa namanya Origin kita Nah si server yang ini yang berurusan sama ee luar sama dunia luar ini yang

57:18paling yang paling ideal kali ya cukup eh cukup umum cukup umum yang paling ideal tapi kita butuh resource untuk ini

57:26kan maksudnya Ya enggak gede sih tapi ya tetap butuh maintenance servernya setup-nya harus update juga dan lain-lain kan atau kita bisa pakai

57:38service yang sudah ada tapi ya kita bergantung ke third party service yang gratisan juga ada tapi ya itu lagi-lagi

57:45Eh udah gratisan eh Nal service ya apa ada risikonya ada kalau dia tiba-tiba hilang kita pusing terus eh

57:57belum Kalau urusan data Sensitif atau keamanan atau apa kalau mereka kena eh security Bridge kita bisa Repot juga

58:05ikutan juga karena Iya Azure Front door or aws Cloud front gcp mana gcp apa ya GP ada kan

58:17enggak ada ya Ya enggak tahu engak tahu enggak tahu Oh enggak tahu ya I besok-besok kita tanya Kei tanya Mas I

58:25kalau mau sendiri ya Bisa Iya cuman kan udah ada cuma yang terima jadi Heeh kalau Cloud flare termasuk enggak

58:37enggak ya Cloud flare proxy juga kan dia cuma engak proxi Iya tapi dia bukan ke dia enggak bisa bukan untuk dia untuk

58:46dedos untuk gitu-gitu kan heeh Dia hanya bisa proi proi ke Origin dia gak bisa proi ke ke non Origin

58:56Oke strategi keempat refactor to simple request ini lebih mahal biasanya Nah tadi Oh kalau belum tentu bisa juga kan

59:06reftor ujung-ujungnya refor ya kan belum tentu bisa juga ini yang kita tadi kan get eh atau post tapi yang dari form

59:16yang jenis datanya apa url formc ya simple requestqu yang t

59:33html can submit simple request to any Origin so anyone wting a server must already protected against crosside request forgery

59:44csrf kalau teman-teman eh tidak mengalami atau belum mengalami ini biasanya di Framework itu sudah ditangani ya termasuk juga lain-lain ya

59:55Ada helpernya ada helpernya number oh tadi udah kita baca ya Iya tadi kita bahas tapi dari artikel Sya

1:00:11nah cuma kan itu cuma ngelink kalau pengin baca detailnya soal simple request ya itu baca di mdn Jadi kalau Pak get aja at bisa

1:00:24langsung tapi kalau misalkan enggak ya harus pakai preflight ya Heeh simple request example ini pakai get Nah kan enggak semua operasi bisa

1:00:36pakai get doang kirimin datanya gimana pakai header ya Kirimin datanya kelihatan dong Eh kalau datanya stringor kalau datanya enggak Enggak

1:00:51penting kredensial Enggak penting ya Enggak masalah kirim ya kalau enggak penting ngapain kirim ya kalau isi pos itu kan penting

1:01:04juga cuma ya emang tujuannya untuk pakai Git Nah kalau kejadian Terus eh teman-teman misalkan kena ee masalah

1:01:14cors kira-kira apa yang terjadi Hah 12 tahun 3 tahun yang lalu 12 tahun itu 12 tahun lalu profileennya itu oh iya oh

1:01:23iya wow ya 10 tahun lalu Enggak berubah ya karena ee apa spesifikasi hctp ya gitu-gitu aja sebetulnya no JS proxy Which adds course

1:01:35header to the proxy request jadi ini kita bikin server sederhana di local host ya atau di tempat lain terserah

1:01:44untuk ee membuka itu ya yang tadi ya berarti yang ini ya yang ada di tengah-tengah tadi yang middleware tadi middleware he

1:01:54iya ya ini jadi kita bikin server ini itu salah satu solusinya Jadi nyediain tapi Pak heroku Gak tahu

1:02:04masih hidup gak ya dulu pakai heroku gratis pakai sekarang pas udah B Oh masih we mantap coba harus tempor klik

1:02:17only requ kan Hero gratisan sekarang udah engak ada Oh iya dia bayar berarti kasihan tapi di bawahnya ada lagi nih

1:02:29this demo shown How to use the api kan tinggal belakangnya dikasih query aja kan e url yang pengin kita

1:02:38tuju iya misalkan apa enggak tahu apa enggak punya contoh example api example api ya Apa aja L ya get mah aman he Ya gitulah

1:02:53pokya Cara pakainya I kalau misalkan nanti mau ee apa form gitu kan ee apa submit form tapi ke Origin yang berbeda

1:03:03bisa coba pakai course Anywhere ya dh.com ada satu lagi ya ada satu lagi oh ini ini kode

1:03:15ya Iya itu dasarnya yang yang lengkap banget pokoknya segala service proxy buat eh apa itu ada Cloud flare course CL course

1:03:31anyw Baru tahu ni aja klik aja Ke mana perginya Oh ini bulan yang lalu Ah unoficial tapi iya

1:03:42iyaal jalan di ini pasti di di ed-nya cloudf kali ya Oh di workers itu deploy ke workers

1:03:52Cloud betul betul koworker workers. Dev ya oke terus ada apa lagi course Anywhere all Origins possibly

1:04:08that mungkin sudah ya itu tadi resikonya pakai layanan third party ya tiba-tiba dia bisa mati kapanpun k untuk ini untuk

1:04:18kalau beginian kan untuk development aja Oh kalau E ini Eh ini kan server site ya kalau cuma development di lokal mah

1:04:28pakai extension browser aja sih yang lebih cepat Iya benar car ajar Chrome extension Bypass course pasti banyak tuh

1:04:37yang muncul kan Tapi buat di lokal ya buat apa development kan pure development Terus kalau buat production

1:04:50Gimana caranya kalau mau misalkan nih pada saat develop kita pakai itu pada saat ke server gimana harus pakai

1:04:57service ini Iya itu tadi pakai service thir party atau bikin sendiri ya kita bikin sendiri aja middleware I berarti itu hanya untuk tes

1:05:08bahwa Eh masalahnya di situ ya memastikan Heeh Ya terus kita kan He kita cuma pengin develop UI ini pengin lihat uinya Muncul

1:05:18atau enggak misalnya Oke ini ada salah satunya ya salah satunya nah ini dulu sering saya pakai nih buat

1:05:33demo kalau kena corse pakai tunnel pakai tunel tanel itu berfungsinya kayak proxy juga ya berarti sama ya dia ada dia ada server kan

1:05:47Yes tunel itu kan buat kayak VPN Gitu kan ya tuneling dari online bisa ke lokalal betul betul bisa bisa itu kan

1:06:01jadinya server juga kan heeh berarti apapun punya Biar enggak langsung dari CLI site dari browser ke resource atau

1:06:08server yang dituju kan yang penting ada sesuatu di tengah-tengah kalau ini apa namanya ini nanti saya demoin ini nih

1:06:16kalau enggak perlu lagi pakai extension extension Langsung aja cari bisa dari cari Contohnya apa ya oh cari

1:06:27contoh II ya Oh ini enggak ah terlalu Rib CG ya entar entar example Api Lah ini e apinya Open ai lah Nah nah nah

1:06:45bisa bisa Sini coba kita contohin sama-sama yuk demo demo demo demo oke Oke yuk entire screen aja biar gampang

1:06:58hidupnya Share screen e Nih dari si eh apa namanya zoomom in jadi si Death tool itu kita bisa

1:07:13hidupin dan bisa override content sama override header contohnya di sini ya Oh bar tahu ini inspect e kalau kita lihat

1:07:25zoom in dulu zoom in zoom in zoom in enggak kelihatan kelihatan kelihatan Oke kalau kita lihat ches ada

1:07:35list.json ya kan kita bisa lihat eh respon headernya sama respons eh headernya coba kita lihat request tadi

1:07:45kita lihat eh netlify strict transport cuma gitu doang sih enggak ada Nah kita bisaalnya show override content sama

1:07:57override header kita coba override content dulu ya Nah select folder eh oke bisa ngambil dari local file ya

1:08:08nanti di local file list jsonnya itu di local file ini lihat ya saya coba ngob web Oke kita save panjang kita reload

1:08:24copy diskon setelah jadinya itu nah satu sisi lain kita juga bisa ngerubah Ee kita baca selanjutnya deh pelan-pelan

1:08:38itu untuk override content ya kan kita select foldernya nanti dia akan save file json-nya itu di foldernya file jadi

1:08:49nanti inad of jadi si Def tool itu dia ngambil dari server enggak enggak ngambil dari servera tapi nge-load yang

1:08:55di lokal dari sistem kita yang udah kita pilih terus bisa juga kita override eh respon Sher respon Sher ya yang dioverride

1:09:07bukan request-nya kan berarti Yes kalau requestnya ngapain kita bisa rubah requestya kita kalau Iya Jadi maksudnya apa kalau Tadinya enggak boleh aslinya

1:09:17enggak boleh dari server tinggal kita override jadi boleh kan jadi bisa Iya Terus Ya betul sekali ini ada banyak

1:09:25header yang bisa Cross Origin permion Policy Cross Origin ass header juga bisa kita rubah contohnya ya respon

1:09:32header-nya eh kita Klik Kanan override header Nah kan langsung bisa ditulis nih E Bisa diini nih oh iya i misalnya kita mau

1:09:47tambahin eh tadi apa allow akses Apa sih tadi gak pernah allow Origin contoh ya AC terus tapi kita bikinnya https cofy

1:10:05card c- c. google.com contohnya ya kan harusnya enggak working dong refresh error salah entar refresh harusnya error tapi kok enggak

1:10:20Error E karena ngambil datanya dari lokal iya enggak iya pak kita ee Iya juga kali ya Ee bisa jadi kita

1:10:32responsnya coba di dibalikin lagi ke semula Gimana caranya Hapus dulu ya kita hapus kita eh Lagian kalogate kelihatannya enggak ng

1:10:45bisa kan kalogate kan heeh Coba ya kita saya sudah hapus yang lokal harusnya enggak ada ngobrolin web

1:10:52nahak ya Network listnya masih dapat kan Engak bis Iya kalau get kan bisa normal harus yang pos susah bnya kalau

1:11:11pos ya entar coba sendiri pakai po lah kalau G kelihatannya enggak pernah pakai bikin aplikasi harus bikin itu Iya bikin

1:11:21form akses kontrol allow Origin https Wi Ini kan dari originnya dari si kficat.app kalau Oh maksudnya kalau ada

1:11:39script misalnya gini kalau ada script dari sini fetch ini enggak bisa Oh gitu ke google.com eh bukan ke saya ke source-nya itu tadi

1:11:55kan ke source-nya si Lis coffee itu kan coba ada gak yang pakai petik pakai petik pakai petik example api example

1:12:04api Nah swapi swapi Oh I swapi Star Wars api holder pakai tanda petik tuh jangan lupa Iya

1:12:18SW nah ini tapi itu G doang gak apa-apa itu aja swapi.dev/api/ people SL sat petik petik petik Nah itu siapa look

1:12:37Skywalker ya people yang ID S Iya kayaknya kok dia engak mau sih swap enggak mau swap https enggak dikasih iya

1:12:48tahu dia enggak ngasih enggak boleh yaak boak swapi.dd/ api/p/1 bisa bisa kan a wait await

1:13:05Enggak diwait soalnya a wait duluit F bisa kan langsung kan udah nah terus enggak ada keluar hasilnya Oh di sini

1:13:15keluarnya bisa muncul ya tapi dia ee headernya apa karena kalau Origin bentar bentar saya cobacoba Oh mau diit

1:13:28offri offri tapi hanya boleh dari google.com google.com kita coba lagi sekarang Coba lagi harusnya enggak boleh s ohoke

1:13:46oke itu cara [Tepuk tangan] kerj demonya berhasil demonya berhasil iya orang ngemo supaya bisa byp course kita supaya supaya course supaya

1:14:03cor supaya error lebih susah loh mendemokan supaya Error itu lebih susah tadinya Benar Jadi eror salah tapi kalau dipikir-pikir De tools

1:14:14tuh makin lama makin canggih ya buat recording apa eh user Interaction flow udah ada buat override eh

1:14:22apa udah ada lama-lama extension enggak laku Eh betul saya waktu belajar ini senang banget karena saya daripada bikin

1:14:31faker-fakeran segala macam saya langsung aja dari sini ngetes segala macam save terus tada spso Tes Iya benar

1:14:42juga sekian demonya dan terima kasih ye Nah kalau yang jesanp ini perlu dibahas iya ni apa nih tanggung perlu

1:14:55karena gua enggak ngerti itu apa ini kalau ada yang mau baca soal Death tool nanti bisanya tool untuk Oke Dan kalau nanti

1:15:04ada yang mau lebih bahas lebih dalam mungkin itu jadi topik io Extended saya We bisa bisa bisa bisa apa yang baru di

1:15:14Death tools gitu ya Iya nah oke Jason P nah Anda pernah tahu Jasson P bukan Jason udah pernah bahas kan sempat bahas

1:15:23sedikit di konfigurasi file kan sebenarnya kan Iya heeh kita tapi ada pern pakai Enggak ini sering saya pakai dulu

1:15:33sebelum ada k k coran saya sebelum masudnya untuk Bypass course Oh ya Jadi begini ceritanya eh Jason P itu artinya json

1:15:46With padding ee oke kalau misalnya saya ajak nih tetapi mau kayak gini contohnya Saya mau ambil dari Twitter timeline dulunya atau mau

1:15:59ambil dari list dari e third party api yang tidak mengizinkan allow Origin itu tetapi dia ngasih bisa data typya

1:16:11json dia gak ada belum ada headerheader course dia kasihapi dia memperbolehkan Jon atau aplikasi Saya sendiri dari

1:16:20domain berbeda dan Eem daripada saya pakai allow course saya pakai Jon P format cara jadinya begini Scroll nanti

1:16:33e terus terus terus terus Jason P json with padding how it works ya How does it work

1:16:40e kalau kita json biasa tuh seperti ini turun seperti ini kan first name last name kalau pakai Jason P itu ada

1:16:48callback yang akan membuat dia jadi string oh Oke e Turun lagi e ini error kalau e Turun

1:17:02lagi dia akan Nah ini dia jadi call back name e callb name itu whatever ya Apun stringnya Terserah mau ngobrolin web

1:17:16terus kurung terus baru jonnya itu nanti akan jadi window object turun ke bawah ini absurd nah ini Bypass si course karena karena

1:17:32ini adalah karena dia dia tidak termasuk dalam polisy itu konten termasuk dalam pol spesifikasi hctp header bla bla bla

1:17:43itu apa ini ini enggak masuk deteksi itu ini kan callback ya Kenapa namanya padding kir pakai spasi

1:17:53bayangin CSS atau apa padding atauud Jason kan spasi saya Kenapa namanya Kenapa namanya padding I sama kayak

1:18:02Kenapa Java dan javascript ya kayak gitulah pertanyaannya itu sama itu artinya saya enggak tahu Eh kalau javascrip ada penjelasannya kan dulu

1:18:10Java lagi ngetren jadi kayak Ya udahlah kasih aja n kasih aja nama ada javajavanya formatnya formatnya tetap

1:18:17Jason mungkin dikasih pedding Kenapa padding Iya Kenapa namanya Pading gitu k Jason C Jason with atau Jason F Jason I don't know Iya

1:18:29ini nanya ke yang bikin Sebenarnya dia akan akalan aja supaya Bypass itu sih karena jadi jadi objeknya si ini objeknya Windows script

1:18:42Jadi bukan Jason data dia Iya Yang kita permasalahkan bukan ininya yang kita permasalahkan Kenapa namanya Jason padding

1:18:51Pading adaada aja enggak ada jawabannya enggak terjawab engak ada jawabannya iya ya maklumlah e yang kasih nama kayaknya

1:19:05developer ya Jadi ya Heeh itu P itu kata Damar tuh kayak Siapaan 204 204 20 pright get option Del oh Jon pright aja

1:19:22bagus namanya j p juga tapi bukan Pading Oke Oke jadi sudah jelas e tentang course malam hari ini mudah-mudahan dapat

1:19:36pencerahan lagi ya kayaknya kayaknya semakin ke sini ya orang sudah semakin teredukasi error Jason e apa error Jason

1:19:45error course itu apa dan solusinya Seperti apa Kalau dulu kan kayak ee kita masih belum tahu misterius kan

1:19:53wah kaget langsung ini error nih Sembarang kius overflow Iya kita cobain di http klien pakai cural pakai Postman

1:20:02dan lain-lain Kok aman gitu ya kenapa ini salahnya di di kode front end kita kah atau gimana gitu kan sama kayak sama

1:20:10kayak dot def-nya Mas Diza ini pakai cural bisa 200 https http Iya httpdomain.f pakai CH bisa pakai POP bisa loh browser engak

1:20:25bisaid ke https masalahnya itu Dod kan enggak cobain domain yang lain kan jadi kita enggak tahu enggak bisa membandingkan Ya

1:20:36begitulah jadi ee solusinya sudah lumain banyak tadi ya I browser mistery browser ini adalah salah satu cara browser ee

1:20:45apa ya memproteksi ya mengamankan ee ya semua penggunanya pengguna baik dari klien dari server Iya kalau yang paling gampang

1:20:57throwin server kenapa bikin Bingung bikin bingung Iya frontend itu banyak banget ininya ya under dealnya ya perintilan-perintilan kecil yang

1:21:10eh menghalangi kita untuk getting things done tapi sebetulnya kalau udah tahu cara kerjanya kayak gini nih kalau kita

1:21:17sudah baca itu semua tadi Oh I ngertierti Tapi sebelum ke situ Kayak Eh aneh amat ini Makanya nonton ngobrolin

1:21:26nonton ngobrolin web biar menambah ini ya Cakrawala pengalaman jadi apa yang sudah kita alami kalau dicat huruf P doang jawabnya

1:21:38apa biar itu tujuannya itupat Iya Iya Iya Iya Oke kalau gitu e ada lagi sebelum udahan kita mau ada

1:21:49yang Dias itu kalau ada yang mau usul saran kalau eh usul usul topik topik saran kritik ya mau ngundang siapa Boleh

1:22:00keesana.in/ ngobrolin eh mau nanya-nanya juga boleh mau nanya-nanya juga boleh mau kalau punya ide mau bikin aplikasi

1:22:10web ya jangan aplikasi Mobile boleh juga ee nanya-nanya ke kita apa aja pokoknya boleh kita menerima walaupun belum tentu

1:22:20dijawab tapi bisa kita jadikan bahan referensi kalau kita gak ada Obrolan apa gitu yang mau diobrolin ya kita bisa

1:22:28bisa membaca pertanyaan di sini nanti kita akan jawab ini sebagai pengganti slido ya kemarin ya kalau slido itu

1:22:35kayak gak ada diskusinya Kalau ini kan kita bisa diskusi nih kayak yang ini nah ini menarik nih image to ada V ada

1:22:42macam-macam ya tadi saya cobain Yangnya kita bisa sambil ee diskusi juga di sini jadi nanti pas ee topiknya

1:22:56diangkat kita bisa ee mereferensikan apa yang teman-teman EE dan kita diskusikan di sini oke mungkin untuk malam hari ini

1:23:06segitu dulu aja ee tuh Dita udah udah mau nodong nih ya kayaknya ya Asik emang sudah ada

1:23:21tanggalnyaanggalnya i jadi Ti sudah ada Katanya tiba-tiba sudah ada ya ya biar enggak keburu diambil dibooking sama kota-kota

1:23:34lain ya Oke kita udahan dulu terima kasih banyak buat atensinya e buat obrolannya dan buat diskusinya malam

1:23:43hari ini kita ketemu lagi minggu depan di selasa malam jam malam sampai jumpa jaga kesehatan semuanya mudah-mudahan tahun barunya berjalan

1:23:55lancar ya lancar sampai jumpa bye bye