前端

1. 导入插件

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

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

2. 修改main.js

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

  1. 1import Vue from 'vue'
  2. 2import App from './App'
  3. 3
  4. 4import Cabloy from './js_sdk/cabloy-sdk/main.js'
  5. 5
  6. 6// 初始化cabloy
  7. 7const cabloyOptions = {
  8. 8  base: {
  9. 9	providerScene: 'default',
  10. 10	locale: 'en-us',
  11. 11  },
  12. 12  api: {
  13. 13	baseURL: 'https://yourdomain.com',
  14. 14  },
  15. 15}
  16. 16
  17. 17Vue.prototype.$cabloy = Cabloy(Vue, cabloyOptions)
  18. 18
  19. 19// 登录
  20. 20Vue.prototype.$cabloy.util.login().then(res => {
  21. 21  // 由于 login 是网络请求，可能会在 Page.onLoad 之后才返回
  22. 22  // 所以此处加入 callback 以防止这种情况
  23. 23  if (Vue.prototype.$cabloy.__loginReadyCallback) {
  24. 24    Vue.prototype.$cabloy.__loginReadyCallback(res);
  25. 25  }
  26. 26}).catch(err => {
  27. 27  console.log(err)
  28. 28})
  29. 29
  30. 30Vue.config.productionTip = false
  31. 31
  32. 32App.mpType = 'app'
  33. 33
  34. 34const app = new Vue({
  35. 35    ...App
  36. 36})
  37. 37app.$mount()
  1. 首先要初始化一个cabloy实例，并保存至Vue.prototype.$cabloy，便于在所有Vue组件中引用
  2. 其次调用cabloy.util.login进行登录
  • cabloyOptions
名称 说明
base.providerScene 小程序场景名，默认为default
base.locale 前端默认使用的语言
api.baseURL 后端服务的API地址

base.providerScene：CabloyJS后端可以支持创建多个小程序，前端通过此参数设置要对接的小程序场景名，默认为default

后端

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

1. 微信小程序

2. 企业微信小程序

3. 钉钉小程序