dcloud-js-sdk 提供 设计云 授权登陆 功能。Example

引入

NPM 包

npm install dcloud-js-sdk

import Dcloud from 'dcloud-js-sdk'
const dcloudLogin = new Dcloud.Login(config)

CDN 链接

https://echo.cdn-go.cn/dcloud-jssdk/latest/dcloud-js-sdk.umd.js

JSSDK使用步骤

const dcloudLogin = new DCloud.Login({
  modal: 1,
  width: 600,
  height: 480
})
dcloudLogin.show()

dcloudLogin.on('ready', (e) => {
  console.log("设计云页面加载完成")
})

dcloudLogin.on('dcloudToken', (token) => {
  // string
  console.log('用户授权token:', token)
})

dcloudLogin.on('isLogin', data => {
  // true or false
  console.log('设计云是否登陆:', data)
})

dcloudLogin.on('error', err => {
  console.log('出错啦:', err)
})

Config 参数：

| 参数名 | 类型 | 描述 | 默认值 | | --- | --- | --- | --- | | width | Number | 宽 | 600 | | height | Number | 高 | 480 | | modal | Number | 显示模式: 1 默认登陆 / 2 授权登录 / 3 无界面（暂不支持） | 1 | | domain | String | 服务域名： https://design.tencent.com / 测试用域名等 | https://design.tencent.com | | app | String | 第三方应用标识（需提前与 设计云 沟通标识名称与请求 origin），如：codesign | |

API

show

显示登陆组件

参数：parent 父容器

destory

销毁实例

on

监听组件事件

参数：

| 参数名 | 类型 | 描述 | | --- | --- | --- | | event | Event | 事件名 | | handler | Function | 监听函数 |

off

移除事件监听

事件

ready

页面加载完成

error

错误信息