1. Home
  2. Stupidbot
  3. Tutorial Instalasi dan Pe...
  4. Tutorial Recipe Engine : Membuat Konten Resep dan Ekspor ke Firebase

Tutorial Recipe Engine : Membuat Konten Resep dan Ekspor ke Firebase

Kami disini untuk membantu

Jika ente ada kesulitan dengan panduan yang ada, jangan ragu untuk tanya2 sob. Ente bisa:

StupidBot hadir dengan 3 engine, yang pertama Recipe Engine untuk membuat konten berbasis resep masakan, dan Image Engine yang berfungsi membuat konten gambar. Hasil scraping konten nantinya bisa kita ekspor ke WordPress, blogspot atau static html hosting seperti firebase.  Berikut tahapan-tahapannya.

1. Buka browser google chrome, klik ikon untuk mengaktifkan ekstensi StupidBot

2. Pilih engine recipe (1), tentukan region yang akan dipilih (2), input keyword di kolom yang sudah disediakan (3), selanjutnya tekan start scraping (4). Tunggu hingga proses scraping selesai.

3. Proses scraping selesai

4. Pindah ke tab Create. Tentukan tanggal awal dan akhir posting (1), input nama kategori yang diinginkan (2), kemudian klik Create Posts (3).

Note: Jika anda ingin mengganti spintax title dan content maka perlu diedit terlebih dahulu di folder stupidbot/engine/recipe/create/title dan stupidbot/engine/recipe/create/content , kemudian lakukan update di menu stupidbot chrome extensions.

5. Di layar berikutnya silahkan klik Publish Posts

6. Di menu berikutnya pilih Static HTML

7. Di menu berikutnya, isikan nama site (1), dan site description (2), kemudian klik Create Static Site (3). Simpan file HTML di lokasi yang anda inginkan.

8. Login ke akun Firebase dengan menggunakan akun google, klik buka konsol setelah berhasil login

9. Langkah berikutnya silahkan tambahkan project

10. Masukkan nama project yang akan dipublish (1), Anda juga bisa mengganti nama project ID (2) yg akan menjadi url web statis anda , kemudian tekan lanjutkan (3)

11. Di tahap berikutnya silahkan klik Lanjutkan

12. Langkah berikutnya silahkan pilih default account for firebase untuk setingan google analytics (1), kemudian klik buat project (2).

13. Project berhasil dibuat, silahkan klik Lanjutkan

14. Download node.js disini , kemudian install dengan mengikuti petunjuk di instaler nya.

15. Buka Windows Explorer, pindah ke path/lokasi file HTML yang akan di deploy ke Firebase.

Berikut tampilan terminal yang sudah dibuka

16. Install Firebase CLI dengan perintah

npm install -g firebase-tools

17. Login ke firebase dengan perintah (1)

firebase login

kemudian tekan y untuk konfirmasi (2)

18. Langkah selanjutnya akan diminta untuk login ke firebase menggunakan gmail

19. Klik izinkan untuk memberikan akses firebase ke akun google

20. Berhasil login

Tampilan di cmd setelah berhasil login

21. Mulai deploy project dengan perintah (1),

firebase init

tekan y untuk melanjutkan (2)

22. Langkah berikutnya arahkan dengan tanda panah di keyboard, pilih hosting : configure and deploy firebase hosting sites (1), tekan tombol spasi di keyboard untuk memilih (2) kemudian tekan Enter (3)

23. Langkah berikutnya silahkan pilih use an existing project, kemudian tekan Enter

24. Gunakan tanda panah atas atau bawah di keyboard untuk memilih project, kemudian tekan Enter

25. Langkah berikutnya akan diminta untuk mensetting public direktori, langsung tekan Enter (1), pilih N untuk configure as single-page app (2), kemudian Enter.

26. Kembali ke windows explorer / direktori file static html. Kita akan menemukan folder public yang dibuat otomatis via cmd yang kita lakukan sebelumnya (1). Pindahkan semua file static html ke dalam folder public (2).

berikut tampilan setelah semua file html dipindah ke dalam folder public

27. Kembali ke cmd, lanjutkan dengan perintah (1)

firebase deploy

dan, berhasil deploy (2)

28. Berhasil deploy sites

Kami disini untuk membantu

Jika ente ada kesulitan dengan panduan yang ada, jangan ragu untuk tanya2 sob. Ente bisa: