どのようにUnippの中でCabloyJS後端API管理システムにアクセスしますか?

紹介するCabloyJSは無料オープンソースのNodeJS全スタック開発フレームであり、前後端分離設計を採用し、開梱即用のバックグラウンド管理システムを備えています.Cabloy-SDKはUnippアプリケーションのためにカスタマイズされたフロントエンドSDKであり、CabloyJSに提供されるすべてのAPIインターフェースに便利なアクセスを提供し、Unippフロントエンドの開発を 無しにする.
特性
各プラットフォームの小さなプログラムバックエンドAPIシステムは、最も複雑なのがアカウントシステムのドッキングです.CabloyJSはモジュール化された生態を提供しています.どのプラットフォームの下にある小さなアプリケーションを開発する必要がありますか?モジュールをインストールすればいいです.
現在Cabloy-SDKは以下のプラットフォームウィジェットの開梱をサポートしています.

WeChatアプレット

企業WeChatアプレット

釘付けプログラム

先端の使い方
1.プラグインの導入
Unippプラグインページに進み、ボタン HBuilderX をクリックして、Cabloy-SDKプラグインをUnipp項目に導入する.
強い意見 プラグインの基本的な使い方を確認する
2.mail.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()

は、まずcabloy例を初期化し、Vue.prototypeに保存します.cabloyは、すべてのVueコンポーネントに

を参照するのに便利です.

は次にcabloy.util.loginを呼び出して

を登録する.

cabloyOptions

名前
説明
base.scene
ウィジェットのシーン名は、デフォルトはdefaultです.
base.locale
フロントエンドのデフォルトの言語
appi.baseURL
バックエンドサービスのAPIアドレスbase.scene:CabloyJSバックエンドは、複数のウィジェットの作成をサポートできます.フロントエンドは、このパラメータによってドッキングするウィジェットのシーン名を設定し、デフォルトではdefault3.APIリスト
プラグインCabloy-SDKは主に以下のAPIコンポーネントを提供している.
名前
説明
cabloy
ルートオブジェクト
cabloy.util
ツール関数
cabloy.api
アクセスバックエンドAPIインターフェース
cabloy.data
状態データ格納
cabloy.com fig
設定パラメータ
バックエンドの使い方
CabloyJSはモジュール化された生態を提供しています.どのプラットフォームの下にある小さなアプリケーションを開発する必要がありますか?モジュールをインストールすればいいです.
1.WeChatアプレット
2.企業WeChatアプレット
3.釘付けプログラム
関連リンク

公式サイト:https://cabloy.com/

GitHub:https://github.com/zhennann/cabloy

Cabloy-Unipp開発ドキュメント