久等啦,你要的 Kbone-API 来了
Kbone 推出已经有一段时间啦,使用 Kbone 的你是否有这样的烦恼? 对于上传图片这种需求,需要进行兼容处理,Web 端使用 XMLHttpRequest,小程序使用 wx.uploadFile。 [图片] 这样处理起来,对于开发者来说比较麻烦,需要自己维护兼容的代码,比较费力。 为了让 Kbone 开发者可以更加顺畅的使用,我们推出了 Kbone-API 来帮开发者解决兼容问题。 你一定想知道 Kbone-API 是什么?简单来说—— Kbone-API 是一个能同时支持小程序和 Web 端的多端 API 库。 特征 针对基于 Kbone 的多端开发,满足在 Web 上直接使用小程序相关 API不依赖 Kbone 和 Kbone-UI,一个无依赖的小程序 API 的跨端库完整对齐 wx[apis]同时支持 promise 化和 callback 调用快速上手 Kbone-API 上手十分简单,只需要两步 第一步:下载 npm install kbone-api
第二步:使用 通过模块的方式直接导出模块并使用: // 引用
import kboneAPI from 'kbone-api'
// 直接使用
kboneAPI.request()
kboneAPI.showToast()
kboneAPI.showModal()
为了方便 Vue 开发,可以直接使用 Vue.use(kboneAPI) 来设置全局对象。 # main.js
import Vue from 'vue'
Vue.use(kboneAPI)
# logic code
export default {
name: "LoginComponents",
methods: {
gotologin() {
return this.$api.login().then(() => {
this.$api.showToast({
title: "登录成功",
})
})
},
getSetting() {
// 获取用户设置
return this.$api.getSetting()
.then(res => {
this.$api.showToast({
title: res.nickName || "零度的田"
})
})
}
}
}
到这里,你已经学会 Kbone-API 啦~