iot-ui-vue/src/views/Northbound/DuerOS/Detail/doc.vue

102 lines
3.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="doc">
<div class="url">
小度智能家居开放平台
<a
href="https://dueros.baidu.com/dbp/bot/index#/iotopenplatform"
target="_blank"
rel="noopener noreferrer"
>
https://dueros.baidu.com/dbp/bot/index#/iotopenplatform
</a>
</div>
<h1>1. 概述</h1>
<div>
DuerOS支持家居场景下的云端控制该页面主要将平台的产品与DuerOS支持语音控制的产品进行映射以到达小度平台控制本平台设备的目的
</div>
<h1>2. 操作步骤</h1>
<div>
<h2>1在百度小度技能平台创建技能并授权完成物联网平台与DuerOS的关联</h2>
<div class="image">
<j-image width="100%" :src="getImage('/cloud/dueros-doc.jpg')" />
</div>
<h1>授权地址</h1>
<div>物联网平台的登录地址注意需要为https</div>
<div>请复制并填写: https://{location.host}/#/user/login</div>
<h1>Client_Id</h1>
<div>请填写系统管理-应用管理中的clientId</div>
<div class="image">
<j-image width="100%" :src="getImage('/cloud/dueros-doc1.png')" />
</div>
<h1>回调地址</h1>
<div>请复制DuerOS平台中的值填写到系统管理-应用管理中-redirectUrl中</div>
<div class="image">
<j-image width="100%" :src="getImage('/cloud/dueros-doc2.png')" />
</div>
<h1>Token地址</h1>
<div>请复制并填写HTTPS://{location.host}/api/v1/token</div>
<h1>ClientSecret</h1>
<div>请复制系统管理-应用管理中的secureKey填写到DuerOS平台</div>
<div class="image">
<j-image width="100%" :src="getImage('/cloud/dueros-doc3.png')" />
</div>
<div></div>
<h1>WebService</h1>
<div>请复制并填写/dueros/product/_query</div>
<h2>2登录物联网平台进行平台内产品与DuerOS产品的数据映射</h2>
<h2>
3智能家居用户通过物联网平台中的用户登录小度APP获取平台内当前用户的所属设备获取后即可进行语音控制
</h2>
</div>
<h1>3. 配置说明</h1>
<div>
<h2>
1设备类型为DuerOS平台拟定的标准规范设备类型将决定动作映射动作的下拉选项以及属性映射Dueros属性的下拉选项
</h2>
</div>
</div>
</template>
<script lang="ts" setup>
import { getImage } from '@/utils/comm';
</script>
<style lang="less" scoped>
.doc {
height: 100%;
padding: 24px;
overflow-y: auto;
color: rgba(#000, 0.8);
font-size: 14px;
background-color: #fafafa;
.url {
padding: 8px 16px;
color: #2f54eb;
background-color: rgba(#a7bdf7, 0.2);
word-wrap: break-word;
}
h1 {
margin: 16px 0;
color: rgba(#000, 0.85);
font-weight: bold;
font-size: 14px;
&:first-child {
margin-top: 0;
}
}
h2 {
margin: 6px 0;
color: rgba(0, 0, 0, 0.8);
font-size: 14px;
}
.image {
margin: 16px 0;
}
}
</style>