介绍
CabloyJS
是一款收费开源的NodeJS全栈开发框架,采纳前后端拆散设计,具备开箱即用的后盾管理系统
Cabloy-SDK
是专门为Uniapp利用量身定制的前端SDK,用于便捷的拜访CabloyJS提供的所有API接口,让Uniapp前端开发再无后顾之忧
个性
各个平台的小程序后端API零碎,最简单的就是账号体系对接。CabloyJS提供了一个模块化的生态,须要开发什么平台下的小程序利用,只需装置相应的模块即可
目前Cabloy-SDK
反对以下平台小程序的开箱即用:
- 微信小程序
- 企业微信小程序
- 钉钉小程序
如何应用 - 前端
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'// 初始化cabloyconst 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 = falseApp.mpType = 'app'const app = new Vue({ ...App})app.$mount()
- 首先要初始化一个
cabloy
实例,并保留至Vue.prototype.$cabloy,便于在所有Vue组件中援用- 其次调用
cabloy.util.login
进行登录
- cabloyOptions
名称 | 阐明 |
---|---|
base.scene | 小程序场景名,默认为default |
base.locale | 前端默认应用的语言 |
api.baseURL | 后端服务的API地址 |
base.scene
:CabloyJS后端能够反对创立多个小程序,前端通过此参数设置要对接的小程序场景名,默认为default
3. API清单
插件Cabloy-SDK
次要提供了以下API组件
名称 | 阐明 |
---|---|
cabloy | 根对象 |
cabloy.util | 工具函数 |
cabloy.api | 拜访后端API接口 |
cabloy.data | 状态数据存储 |
cabloy.config | 配置参数 |
如何应用 - 后端
CabloyJS提供了一个模块化的生态,须要开发什么平台下的小程序利用,只需装置相应的模块即可
1. 微信小程序
2. 企业微信小程序
3. 钉钉小程序
相干链接
- 官网: https://cabloy.com/
- GitHub: https://github.com/zhennann/cabloy
- Cabloy-Uniapp开发文档