Perjalanan Membuat Grabber Produk Shopee

Disaat masih kuliah saya sudah pernah melakukan dropship dimana istilah dropship masih belum banyak didengar oleh orang dimasa itu. Marketplace saat itu masih belum menjamur seperti sekarang. Dulu jualan paling ramai ya Kaskus FJB. Cuman sekaran sudah sangat sepi karena adanya marketplace bermunculan.

Karena saya memiliki toko iseng yang sudah pernah saya buat beberapa tahun lalu. Saya ingin mencoba menghidupkan lagi toko tersebut dan ingin melihat perkembangan dunia dropshipper sekarang ini bagaimana?

Ternyata sudah tidak seperti dulu lagi. Perlu skill untuk berjualan dengan teknik dropshipper.

Problem saya temukan saat ingin mengambil gambar dari salah satu marketplace. Kebetulan saat itu saya ingin mengambil data dari shopee. Ternyata cukup susah juga untuk menyimpan gambar-gambar produk yang ada dishopee.

Akhirnya terlintaslah untuk membuat sebuah web app sederhana untuk mengambil data dengan hanya menginputkan URL product saja. Ingat URL product ya, bukan URL toko. Berikut rekapan aktivitas dan problem yang saya alami selama membuat web app tersebut.

1. Persiapan Virtual Host, GIT Repository, dan .env
   Tidak ada yang istimewa pada bagian ini. Hanya mempersiapkan virutal host, git, laravel, dsb.
2. Pembuatan Unit Testing Shopee Grabber
   Pembuatan class ShopeeGrabber untuk mengambil data Shopee dari sebuah URL
3. Problem installasi guzzlehttp/guzzle
   Terjadi problem installasi guzzlehttp/guzzle yang dikarenakan composer yang belum diupdate
4. Update composer untuk solusi problem installasi guzzlehttp/guzzle
5. Sukses grab data produk
6. Gambar gagal ditampilkan
   Gambar gagal ditampilkan dikarenakan adanya if-none-match- yang perlu dipassing
7. Debugging menggunakan Postman
8. Gambar gagal ditampilkan karena if-none-match- belum diisi
   Saat itu pengiisian if-none-match jika diisi dengan string random masih bisa, tetapi tidak lama sudah tidak bisa. Sepertinya pihak shopee sudah memperbaiki bugnya.
9. Membuat tampilan frontendnya
   Pembuatan UI/UX untuk kebutuhan input user
10. Persiapan installasi VueJS 3
11. Persiapan API
    Pembuatan API untuk digunakan pada VueJS. API ini akan diproses oleh backend seperti class yang sudah dibuat pada tahap 2.
12. Implementasi API dengan VueJS dan Axios
    Menggunakan bantuan Axios untuk melakukan AJAX Request
13. Ternyata “if-none-match-” harus diisi dengan hash yang tepat, karena BUG nya sudah diperbaiki oleh shopee
14. Mencoba mencari perhitungan hash “if-none-match-“
15. Gagal mencari perhitungan hash “if-none-match-“. Akhirnya menambahkan field “if-none-match-” supaya bisa diisi manual