在 Electron 开发的桌面应用接入

在主进程和渲染进程中都需要引入,主进程设置登录信息、接入方客户端和容器信息、加载资源包,渲染进程注册路由。

主进程引入

const { Miniapp } = require('@21cnfe/onekit-sdk-pc')

设置全局默认值

登录信息

Miniapp.defaults.userInfo = {
accessToken: '',
eAccessToken: '',
phoneNumber: ''
}
名称 类型 是否必须 说明
accessToken string 接入方业务 token
eAccessToken string 天翼账号 token
phoneNumber string 手机号

接入方客户端和容器信息

Miniapp.defaults.hostAppInfo = {
appPackage: '',
clientVersion: '',
clientId: '',
clientName: '',
clientSecret: ''
}
名称 类型 是否必须 说明
appPackage string 客户端包名或者 BundleID
clientVersion string 客户端版本号
clientId string 客户端标识
clientName string 客户端名称
clientSecret string 加密后的容器秘钥

自定义拓展方法

// 在小程序中通过ok[clientId][方法名]调用
MiniappSimulator.defaults.extFunction = {
extFunction1: (appId, options, success, fail) => {
success({
string1: 'a',
string2: 'b'
})
}
}
名称 类型 是否必须 说明
appId string - 小程序 ID
options object - 在小程序中调用时的传参
success function - 成功回调
fail function - 失败回调

小程序窗口地址

// 注意区分开发和生产版本地址
Miniapp.defaults.baseUrl = 'http://localhost:8080'

创建实例

new Miniapp(appId, versionType)
名称 类型 是否必须 说明
appId string 小程序 ID
versionType number 版本类型(1-开发版,2-体验版,3-正式版),默认值为3

渲染进程引入

注册插件

import { Miniapp } from '@21cnfe/onekit-sdk-pc'
Vue.use(Miniapp, { router })
名称 类型 是否必须 说明
router object 当前项目vue-router实例
  1. 1. 在 Electron 开发的桌面应用接入
    1. 1.1. 主进程引入
      1. 1.1.1. 设置全局默认值
        1. 1.1.1.1. 登录信息
        2. 1.1.1.2. 接入方客户端和容器信息
        3. 1.1.1.3. 自定义拓展方法
        4. 1.1.1.4. 小程序窗口地址
      2. 1.1.2. 创建实例
    2. 1.2. 渲染进程引入
      1. 1.2.1. 注册插件