Skip to main content

Custom API Helper

Badaso menyediakan utilitas berbasis axios untuk pemanggilan api. Bedanya resource sudah menyisipkan header seperti authorization dan content-type. Berikut ini contoh pemanggilan api tersebut.

import Vue from "vue";
Vue.prototype.$resource.get(url); /** equal axios.get(url) **/

Badaso juga mendukung untuk kustomisasi API helper. Blok di bawah ini adalah struktur direktori untuk menambahkan API helper baru.

Add an API Helper#

  • Untuk menambahkan API helper, tambahkan ke direktori modules di direktori api.
๐Ÿ“ฆ Your Projectโ”ฃ ๐Ÿ“‚ resourcesโ”ƒ โ”ฃ ๐Ÿ“‚ jsโ”ƒ โ”ƒ โ”ฃ ๐Ÿ“‚ badasoโ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“‚ apiโ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”— ๐Ÿ“œ example-api.js
  • Di bawah ini adalah contoh HTTP request method yang dapat Anda gunakan.
example(data = {}) {  let ep = '/example';  let qs = QueryString(data);  let url = ep + qs;  return Vue.prototype.$resource.get(url);},
example(data) {  return Vue.prototype.$resource.post('/example', data);},
example(data) {  return Vue.prototype.$resource.put('/example', data);},
example(data) {  return Vue.prototype.$resource.patch('/example', data);},
example(data) {  let paramData = {    data: data,  };  return Vue.prototype.$resource.delete('/example', paramData);},
  • Berikut adalah contoh penggunaan custom API helper.
$api.exampleApi.example(data)
this.$api.exampleApi.example(data)