微信邦

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

返回列表 发新帖
查看: 6814|回复: 0

久等啦,你要的 Kbone-API 来了

[复制链接]
发表于 2020-4-22 15:03:55 | 显示全部楼层 |阅读模式
生活圈制作
Kbone 推出已经有一段时间啦,使用 Kbone 的你是否有这样的烦恼?
对于上传图片这种需求,需要进行兼容处理,Web 端使用 XMLHttpRequest,小程序使用 wx.uploadFile。

久等啦,你要的 Kbone-API 来了

久等啦,你要的 Kbone-API 来了
这样处理起来,对于开发者来说比较麻烦,需要自己维护兼容的代码,比较费力。
为了让 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.jsimport Vue from 'vue'
Vue.use(kboneAPI)
# logic code<script>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 || "零度的田"                  })              })      }  }}</script>

到这里,你已经学会 Kbone-API 啦~

如果你对 Kbone-API 感兴趣
欢迎在
Github 提出 Issue 和 PR !
关于 Kbone-API 你有什么使用问题或建议欢迎访问 #Kbone官方框架 社区发帖交流

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

微信邦网联系QQ|Archiver|手机版|小黑屋|鲁公网安备 37082802000167号|微信邦 ( 鲁ICP备19043418号-5

GMT+8, 2020-8-15 00:31 , Processed in 0.327317 second(s), 25 queries .

Powered by Discuz! X3.2

© 2001-2013 Wxuse Inc. | Style by ytl QQ:1400069288

快速回复 返回顶部 返回列表