更新时间:2025-01-10 GMT+08:00
分享

快速开始

使用微信开发者工具创建小程序工程,导入SDK。

本文档使用的微信开发者工具版本为Nightly 1.06.2411282。

  1. 使用微信号登录微信开发者工具。
  2. 新建微信小程序工程。

    1. 单击“新建项目”,进入“创建小程序”页面。
      图1 创建小程序
      • 在“项目名称”文本框中填写项目名称。
      • “目录”选择项目存放的路径。
      • “AppID”选择“测试号”。
      • “后端服务”选择“不使用云服务”。
      • “开发模式”选择“小程序”。
      • “模选择”选“不使用模”。
    1. 单击“创建”,完成小程序工程创建。创建完成后,工程目录如图2
      图2 目录名称

  3. 新建文件并导入SDK。

    1. 在工具的资源管理器,单击右键,选择“新建文件”,新建文件“app.json”,并在app.json中配置页面(pages),代码如下:
      {
        "pages": [
          "pages/index/index"
        ]
      }
    2. 单击右键,选择“新建文件”,新建文件“app.js”。
    3. 按Ctrl+S组合键,保存并编译,工具会自动生成pages文件夹及文件夹下的文件。
    4. 下载并解压CyberverseXRLightSDK软件包
    5. 打开工程目录,将解压后得到的build文件夹复制到pages同级目录。
    图3 导入SDK后目录

  4. 调用SDK,获取版本号。

    1. 在“index.js”文件的第一行导入XRClient。
      import { XRClient } from "../../build/XRClient";
    2. 在“index.js”文件的onLoad方法里打印SDK版本号。
        onLoad(options) {
          console.log(XRClient.getVersion())
        },

  5. 真机调试,验证结果。

    自动调试前,确保移动端设备的微信在前台运行,且与开发者工具登录的是同一个账号。

    1. 在微信开发者工具中,单击“真机调试”。
    2. 根据移动端设备情况选择“启动 Android 端自动真机调试”或 “启动 iOS 端自动真机调试”。

      XRLightSDK是基于XRFrame方案的AR应用,不支持PC端调试。

    3. 单击“编译并自动调试”,弹出“真机调试”窗口。
      图4 真机调试
    1. 在“Console”页签下,查看输出的内容,如果打印了SDK版本号信息,说明引入SDK成功。
      图5 查看SDK版本信息

相关文档