更新时间:2025-01-10 GMT+08:00
快速开始
使用微信开发者工具创建小程序工程,导入SDK。
本文档使用的微信开发者工具版本为Nightly 1.06.2411282。
- 使用微信号登录微信开发者工具。
- 新建微信小程序工程。
- 单击“新建项目”,进入“创建小程序”页面。
图1 创建小程序
- 在“项目名称”文本框中填写项目名称。
- “目录”选择项目存放的路径。
- “AppID”选择“测试号”。
- “后端服务”选择“不使用云服务”。
- “开发模式”选择“小程序”。
- “模板选择”选“不使用模板”。
- 单击“创建”,完成小程序工程创建。创建完成后,工程目录如图2。
- 单击“新建项目”,进入“创建小程序”页面。
- 新建文件并导入SDK。
- 在工具的资源管理器,单击右键,选择“新建文件”,新建文件“app.json”,并在app.json中配置页面(pages),代码如下:
{ "pages": [ "pages/index/index" ] }
- 单击右键,选择“新建文件”,新建文件“app.js”。
- 按Ctrl+S组合键,保存并编译,工具会自动生成pages文件夹及文件夹下的文件。
- 下载并解压CyberverseXRLightSDK软件包。
- 打开工程目录,将解压后得到的build文件夹复制到pages同级目录。
图3 导入SDK后目录
- 在工具的资源管理器,单击右键,选择“新建文件”,新建文件“app.json”,并在app.json中配置页面(pages),代码如下:
- 调用SDK,获取版本号。
- 在“index.js”文件的第一行导入XRClient。
import { XRClient } from "../../build/XRClient";
- 在“index.js”文件的onLoad方法里打印SDK版本号。
onLoad(options) { console.log(XRClient.getVersion()) },
- 在“index.js”文件的第一行导入XRClient。
- 真机调试,验证结果。
自动调试前,确保移动端设备的微信在前台运行,且与开发者工具登录的是同一个账号。
- 在微信开发者工具中,单击“真机调试”。
- 根据移动端设备情况选择“启动 Android 端自动真机调试”或 “启动 iOS 端自动真机调试”。
- 单击“编译并自动调试”,弹出“真机调试”窗口。
图4 真机调试
- 在“Console”页签下,查看输出的内容,如果打印了SDK版本号信息,说明引入SDK成功。
图5 查看SDK版本信息
父主题: XRLightSDK使用手册