前端
1. 导入插件
进入Uniapp插件页面,点击按钮使用HBuilderX导入插件
,将Cabloy-SDK
插件导入Uniapp项目中
强烈建议
下载示例项目
查看插件的基本用法
2. 修改main.js
在main.js
文件中添加如下代码:
- 1import Vue from 'vue'
- 2import App from './App'
- 3
- 4import Cabloy from './js_sdk/cabloy-sdk/main.js'
- 5
- 6// 初始化cabloy
- 7const cabloyOptions = {
- 8 base: {
- 9 providerScene: 'default',
- 10 locale: 'en-us',
- 11 },
- 12 api: {
- 13 baseURL: 'https://yourdomain.com',
- 14 },
- 15}
- 16
- 17Vue.prototype.$cabloy = Cabloy(Vue, cabloyOptions)
- 18
- 19// 登录
- 20Vue.prototype.$cabloy.util.login().then(res => {
- 21 // 由于 login 是网络请求,可能会在 Page.onLoad 之后才返回
- 22 // 所以此处加入 callback 以防止这种情况
- 23 if (Vue.prototype.$cabloy.__loginReadyCallback) {
- 24 Vue.prototype.$cabloy.__loginReadyCallback(res);
- 25 }
- 26}).catch(err => {
- 27 console.log(err)
- 28})
- 29
- 30Vue.config.productionTip = false
- 31
- 32App.mpType = 'app'
- 33
- 34const app = new Vue({
- 35 ...App
- 36})
- 37app.$mount()
- 首先要初始化一个
cabloy
实例,并保存至Vue.prototype.$cabloy,便于在所有Vue组件中引用- 其次调用
cabloy.util.login
进行登录
- cabloyOptions
名称 | 说明 |
---|---|
base.providerScene | 小程序场景名,默认为default |
base.locale | 前端默认使用的语言 |
api.baseURL | 后端服务的API地址 |
base.providerScene
:CabloyJS后端可以支持创建多个小程序,前端通过此参数设置要对接的小程序场景名,默认为default
后端
CabloyJS提供了一个模块化的生态,需要开发什么平台下的小程序应用,只需安装相应的模块即可
评论: