关于uni-app:如何在Uniapp中访问CabloyJS后端API管理系统

介绍

CabloyJS是一款收费开源的 NodeJS 全栈开发框架，采纳前后端拆散设计，具备开箱即用的后盾管理系统

Cabloy-SDK是专门为 Uniapp 利用量身定制的前端 SDK，用于便捷的拜访 CabloyJS 提供的所有 API 接口，让 Uniapp 前端开发再无 后顾之忧

个性

各个平台的小程序后端 API 零碎，最简单的就是账号体系对接。CabloyJS 提供了一个模块化的生态，须要开发什么平台下的小程序利用，只需装置相应的模块即可

目前 Cabloy-SDK 反对以下平台小程序的开箱即用：

1. 微信小程序
2. 企业微信小程序
3. 钉钉小程序

如何应用 – 前端

1. 导入插件

进入 Uniapp 插件页面，点击按钮 应用 HBuilderX 导入插件 ，将Cabloy-SDK 插件导入 Uniapp 我的项目中

强烈建议 下载示例我的项目 查看插件的根本用法

2. 批改 main.js

在 main.js 文件中增加如下代码：

import Vue from 'vue'
import App from './App'

import Cabloy from './js_sdk/cabloy-sdk/main.js'

// 初始化 cabloy
const cabloyOptions = {
  base: {
    scene: 'default',
    locale: 'en-us',
  },
  api: {baseURL: 'https://yourdomain.com',},
}

Vue.prototype.$cabloy = Cabloy(Vue, cabloyOptions)

// 登录
Vue.prototype.$cabloy.util.login().then(res => {
  // 因为 login 是网络申请，可能会在 Page.onLoad 之后才返回
  // 所以此处退出 callback 以避免这种状况
  if (Vue.prototype.$cabloy.__loginReadyCallback) {Vue.prototype.$cabloy.__loginReadyCallback(res);
  }
}).catch(err => {console.log(err)
})

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({...App})
app.$mount()

1. 首先要初始化一个 cabloy 实例，并保留至 Vue.prototype.$cabloy，便于在所有 Vue 组件中援用
2. 其次调用 cabloy.util.login 进行登录

• cabloyOptions

base.scene：CabloyJS 后端能够反对创立多个小程序，前端通过此参数设置要对接的小程序场景名，默认为default

3. API 清单

插件 Cabloy-SDK 次要提供了以下 API 组件

如何应用 – 后端

CabloyJS 提供了一个模块化的生态，须要开发什么平台下的小程序利用，只需装置相应的模块即可

1. 微信小程序

2. 企业微信小程序

3. 钉钉小程序

相干链接

• 官网: https://cabloy.com/
• GitHub: https://github.com/zhennann/cabloy
• Cabloy-Uniapp 开发文档