w3h5

微信Kbone-API正式上线,解决Web端和小程序的兼容问题

微信开发者有福了,昨天,微信官方宣布,为了让 Kbone 开发者可以更加顺畅的使用,微信推出了 Kbone-API 来帮开发者解决兼容问题。

以下内容来自微信开发者官方推文(侵删)。

微信Kbone-API正式上线,解决Web端和小程序的兼容问题 小程序 第1张

Kbone 推出已经有一段时间了,对于上传图片这种需求,需要进行兼容处理,Web 端使用 XMLHttpRequest,小程序使用 wx.uploadFile。

微信Kbone-API正式上线,解决Web端和小程序的兼容问题 小程序 第2张

这样处理起来,对于开发者来说比较麻烦,需要自己维护兼容的代码,比较费力。

微信 Kbone-API 是什么?

Kbone-API 是一个能同时支持小程序和 Web 端的多端 API 库。

具体特征:

1、针对基于 Kbone 的多端开发,满足在 Web 上直接使用小程序相关 API

2、不依赖 Kbone 和 Kbone-UI,一个无依赖的小程序 API 的跨端库

3、完整对齐 wx[apis]

4、同时支持 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
<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 啦~

所有 api 使用对齐小程序 api,具体内容可以参考 小程序 api

相关链接:

kbone-api | GitHub

kbone-api | Demo

Kbone官方框架交流专区 | 微信开放社区

声明:本文由w3h5原创,转载请注明出处:《微信Kbone-API正式上线,解决Web端和小程序的兼容问题》 https://www.w3h5.com/post/510.html

赞 (0)
分享到: +More |

评论 沙发

换个身份