Skip to content

快速上手

  • 通过我们的在线示例快速体验KAPI 功能示例

  • 或使用KAPI创建应用,这里需要三个部分构成,HTML、CSS、JavaScript.

声明一个容器

首先声明一个DOM,并设置id值(可以自定义设置),作为初始化KAPI的容器。

html
<div id='kapi-container'></div>

设置容器样式

给容器设置一个样式。

css
#kapi-container {
  width: 500px; 
  height: 300px;
}

引入 KAPI

html
<script src="https://unpkg.com/@ibrucekong/kapi"></script>

初始化 KAPI

javascript
// 授权码
const kapi = await KAPI.build('Your Auth Token')
// 加载云流场景服务
const scene = new kapi.Scene('kapi-container', { server: 'Your Service URL' } )
// 等待场景加载好
const readyState = await scene.ready()
// 打印状态
console.log(readyState)

注意

  • Your Auth Token 是需要授权的授权码,点击访问授权页面
  • Your Service URL 是您的云渲染服务地址
快速上手 has loaded