检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
您可根据实际情况选择如下任一组设备进行调试: 安卓手机、数据线、Windows系统电脑。 苹果手机、数据线、Mac系统电脑。 调试步骤 选择安卓手机调试。 用数据线连接手机、电脑,手机开启USB调试模式。 在Chrome浏览器输入:chrome://inspect/#devices,手机打开需要调试的页面停留
调试工具 调试工具包括: 安卓手机 Windows系统电脑 USB数据线 父主题: 常用调试方法
状态码 常用状态码请参见表1。 表1 请求状态返回码 状态码 描述 说明 200 OK 服务器已成功处理了请求。 400 Bad Request 非法请求。 建议直接修改该请求,不要重试该请求。 403 Forbidden 请求被拒绝访问。 返回该状态码,表明请求能够到达服务端,
调试方法 调试工具 手机或平板 微信开发者工具 调试步骤 登录微信开发者工具。 单击“真机调试”,弹出“真机调试”窗口。 您可根据实际需求进行操作。 在“Console”页签查看日志信息。 在“Network”页签查看网络请求发送情况。 在“Sources”页签进行断点调试。 图1
isual Studio。 准备iOS环境,安装Xcode。 准备Android环境,安装Android Studio。 如果您需要在华为手机上使用SDK,请咨询华为云专业服务团队。 父主题: HTSDK使用手册
事件管理 事件管理使用到的接口如表1所示。 表1 事件管理接口列表 接口 描述 参数名 参数类型 参数说明 返回值 dispatchEvent 事件派发。 strId string 侦听事件id。 void data { [key: string]: DataType } 携带的数据。
准备工作 开发技能要求 具备TypeScript/JavaScript开发基础。 熟悉Web移动端开发。 熟悉Three.js、LayaAir等渲染库,可实现基于WebGL的3D渲染。 下载SDK 请下载WebARSDK软件包和软件包的完整性校验文件,并解压软件包、核对文件目录。
准备工作 开发技能要求 具备TypeScript/JavaScript开发基础。 熟悉XRFrame的XR/3D应用解决方案。 下载并解压XRLightSDK 请下载XRLightSDK软件包和软件包的完整性校验文件,并解压软件包。 SDK软件包中的目录结构: workers文件夹:工程引用的worker。
注意事项 视频流无法正常获取原因排查 如果您无法获取视频流,建议您排查以下问题: 检查是否存在浏览器多个标签页同时申请获取视频流的情况,建议您关闭其他标签页。 检查浏览器是否支持WebRTC,如不支持,建议您更换浏览器。 检查应用相机权限是否打开。 检查移动设备后置摄像头是否能正常拍摄画面。
快速开始 使用微信开发者工具创建小程序工程,导入SDK。 本文档使用的微信开发者工具版本为Nightly 1.06.2411282。 使用微信号登录微信开发者工具。 新建微信小程序工程。 单击“新建项目”,进入“创建小程序”页面。 图1 创建小程序 在“项目名称”文本框中填写项目名称。
快速开始 创建Unity项目。 新建一个Unity Project,“Template”选择“3D”。 导入ARFoundation包,并配置ARCore XR Plugin和ARKit XR Plugin。 打开工程里自动创建的Packages文件夹目录下的manifest.json文件,在manifest
定位失败,请左右移动手机重新定位 。 连续定位失败,请尝试更换场景。 str string 需要侦听回调,回调函数会接收到一个参数:event: { data: Object } event.data.str表示提示信息的内容。 ORIENTATION_NORMAL 手机俯仰角是否正常。视觉定位时需要竖屏正向手持设备。
setIsSaveLog(true) 设置日志存储为“true”,打印日志的同时会写入日志文件到手机(仅Android支持,iOS暂不支持)。 设置日志存储为“false”,不写入日志文件到手机。 设置日志打印级别 XRClient.setLogOutputLevel(1) 日志级别包括:0(不输出)、1
\{product name} \ini Android:/sdcard/android/data/{pakagename}/files/ini iOS:手机连接Mac操作系统电脑,连接后在电脑的“iPhone > 文件”里面找到导入的应用名,应用名下有ini文件夹,请把配置了如下命令的ini文件拖入ini文件夹即可。
], "lazyCodeLoading": "requiredComponents" } 单击“真机调试”,小程序会开启AR相机,在手机上可看到相机拍摄到的现实环境画面。 图3 开启AR相机 接入视觉定位。 在工具的资源管理器,单击右键,选择“新建文件夹”,命名为“utils”。
开发指导 开发流程 图1 AR导航启动流程 开发过程 开启AR会话。 选定终点位置。 通过POI智能搜索(hwar.searchPoi)选定终点坐标。 // POI智能搜索 hwar.searchPoi({ "floor": "1F", "address": "xxx"
不涉及。 requestType 否 Integer 参数解释: 请求的设备类型 。 约束限制: 选取特定参数 。 取值范围: 0:安卓手机。 1:IOS手机。 2:安卓web端。 3:IOS web端。 4:AR眼镜 。 默认取值: 0。 image 是 String 参数解释: base64编码的图片信息
总体开发思路 使用WebARSDK开发移动端应用的工作流程如图1所示。 图1 工作流程 准备工作。 下载WebARSDK、收集AK/SK信息、开通关联服务。 创建H5移动端工程。 使用原生或者流行框架(如Vue、React)创建H5移动端工程。 引入WebARSDK文件。 下载、
视觉定位 接口列表 视觉定位需要使用的接口如表1所示。 表1 视觉定位接口列表 接口 描述 参数名 参数类型 参数说明 返回值 getToken 向服务器请求签名。 - - - Promise<any> setAKSK 验证租户身份信息。 requestParams { AK: string;