ThingJS 物联网 3D 可视化平台部署及更新文档 2018 年 09 月 07 日

Size: px

Start display at page:

Download "ThingJS 物联网 3D 可视化平台部署及更新文档 2018 年 09 月 07 日"

土奠巴
4 years ago
Views:

1 ThingJS 物联网 3D 可视化平台部署及更新文档 2018 年 09 月 07 日

2 目录 1 说明模型库部署初次部署部署条件部署流程模型资源更新更新条件更新流程 CAD 导入服务部署部署条件 CAD 导入服务部署资源包 Jdk 工具部署流程 JS 调试环境部署部署条件 JS 调试环境部署包 http-server 部署流程 D 场景搭建工具部署部署条件部署流程... 16

3 1 说明为实现阿里物联网云平台部署优锘科技 ( 3D 可视化应用, 完成阿里物联网云平台的物联网应用与 ThingJS 3D 可视化应用整合, 特编写本文档, 以说明 ThingJS 部署的相关步骤此次 ThingJS 3D 可视化部署包含以下方面 : ThingJS 模型库部署 : 这是 ThingJS 3D 场景搭建工具 CampusBuilder 所用云端模型库, 也是 ThingJS 调试环境引用模型的来源 ; ThingJS CAD 导入服务部署 ;CampusBuilder 所用 CAD 导入功能云端服务器 ; ThingJS 在线开发调试环境部署 :3D 可视化应用脚本开发在线调试环境在阿里云完成以上部署后, 阿里物联网云用户就可完成从 3D 场景搭建上传物联网注册设备关联 3D 可视化应用开发在线部署整个过程服务部署架构如图 1 所示 : 图 1 服务部署架构图 1

4 2 模型库部署 2.1 初次部署部署条件服务器模型库部署前需准备能联网的服务器, 最低参数如下 : 数量 :1 台操作系统 :Windows 2008 R2 及以上内存 : 8G 模型库资源包从优锘科技获取模型库资源包, 模型库资源包内包括 4 类文件, 分别是 models( 模型文件 ) textures( 模型贴图 ) 5566.conf( 配置文件 ) 以及 BundleLib.json ( 索引文件 ) 图 2 模型库资源包内容 nginx 安装包模型库部署前需下载 nginx 安装包, 版本不低于 Windows , 下载链接为 : 2

5 图 3nginx 安装包下载页面部署流程 1) 在准备好的服务器硬盘下新建名称为 BundleLib 的文件夹, 该文件夹不能存储在中文名称目录下 ; 2) 将准备好的模型库资源包解压到新建的 BundleLib 的文件夹目录下 ; 3) 将准备好的 nginx 安装包, 解压在与 BundleLib 同级的目录下 ; 4) 打开解压后的 nginx 安装包, 配置 nginx 服务, 详细配置步骤如下 : a) 步骤一 : 打开 nginx\conf\nginx.conf 配置文件, 配置跨域访问模型库, 在 http{} 中添加以下代码段 : add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers X-Requested-With; add_header Access-Control-Allow-Methods GET,POST,OPTIONS; 详情如图 4 所示 : 3

$nginx\conf\nginx.$ conf 文件进行编辑,

6 图 4 配置跨域 b) 步骤二 : 打开 nginx\conf\nginx.conf 文件进行编辑, 在文档末尾最后一个大括号之前增加语句 include vhost/*.conf;, 并保存该文件, 如图 5 所示 : 4

7 图 5 配置 nginx 服务 c) 步骤三 : 在 nginx\conf\ 目录下新建名称为 vhost 的文件夹, 如图 6 所示 : 5

8 图 6 新建 vhost 文件夹 d) 步骤四 : 将模型库资源包下的配置文件 5566.conf 剪切到 vhost 目录下, 如图 7 所示 : 图 7 剪切配置文件 e) 步骤五 : 打开 vhost 目录下配置文件 5566.conf 进行编辑, 配置文件的内容如图 8 所示 : 6

9 i. 端口号 : 默认 5566 图 8 配置文件界面图 9 端口号配置界面 ii. 域名 :IP 地址 ( 如部署再本机上, 请输入 localhost) 7

10 图 10 域名配置界面 iii. 模型库 models 文件夹路径 ( 注意 : 此处的 alias 不能被删除 ; 路径中的斜杠应为 / 而非 \ ; 末尾处必须有封号 ; ) 8

11 图 11models 文件夹路径配置 iv. 模型库 textures 文件夹路径 ( 注意 : 此处的 alias 不能被删除 ; 路径中的斜杠应为 / 而非 \ ; 末尾处必须有封号 ; ) 图 12textures 文件夹路径配置 9

12 v. 模型库索引文件位置 ( 注意 : 此处的 alias 不能被删除 ; 路径中的斜杠应为 / 而非 \ ; 末尾处必须有封号 ; ) 图 13 索引文件路径配置 5) 双击 nginx 文件夹下的 nginx.exe 程序, 启动 nginx 服务, 如启动失败请返回检查 ; 6) 在浏览器中输入地址 : (IP 及端口如和本文档设置不同, 则修改成对应 IP 及端口号 ), 如能正确显示索引目录即部署成功, 索引目录如下图 14 所示 : 10

13 图 14 访问模型库索引表 7) 打开 BundleLib 目录下的索引文件 BundleLib.json 进入编辑状态, 修改配置 model_url 和 texture_url 路径为该服务器的相对路径, 可使 CampusBulider 客户端的模型列表加载本次部署的模型库 8) 完成模型库的初次部署图 15 编辑索引文件 11

14 2.2 模型资源更新更新条件在更新模型库资源包前, 需要确保模型库资源包首次部署成功, 预更新的模型库资源包格式同首次部署的模型库资源包一致, 预更新的模型库资源包由优锘科技提供更新流程更新模型库资源包前, 请备份原模型库资源包更新流程如下 : 1) 替换 models 文件夹将准备替换的 models 文件复制到 BundleLib 目录下, 替换原 models 文件 2) 替换 textures 文件夹将准备替换的 textures 文件复制到 BundleLib 目录下, 替换原 textures 文件 3) 替换 BundleLib.json 配置文件将准备替换的 BundleLib.json 文件复制到 BundleLib 目录下, 替换原 BundleLib.json 文件 12

15 3 CAD 导入服务部署 3.1 部署条件 CAD 导入服务部署资源包获取 CAD 导入服务部署资源包 blackmirror.cad snapshot, 该服务部署资源包由优锘科技提供, 资源包中的文件内容如下 : 图 16CAD 导入服务部署包内容 Jdk 工具安装 jdk,jdk 版本不低于 V1.7,jdk 的下载地址如下 : html 3.2 部署流程 1) 解压 CAD 部署服务中的 blackmirror.cad snapshot.zip; 2) 修改 /bin/start_console.sh 配置文件中 JAVA_HOME 变量值为 jdk 路径 ; 13

16 3) 修改 /conf/blackmirror-cad.properties 配置文件中的端口号 jetty.serverconnector.port, 默认值为 58082; 4) 运行 /bin/start.sh 程序, 启动 CAD 后台服务 ; 5) 启动成功后, 可页面访问路径例如 : 14

17 4 JS 调试环境部署 4.1 部署条件 JS 调试环境部署包获取 JS 调试环境部署包, 该部署包由优锘科技提供 http-server 调试环境需要 http-server 支持 4.2 部署流程 1) 将 JS 调试环境部署包解压 ; 2) 将解压后的 dist 和 guide 文件夹和 edit.html 文件, 分别拷贝到 httpserver 部署目录下或者 OSS 目录下 ( 拷贝前需确保该目录下无同名目录 ); 3) 输入 OSS 域名或启动 http-server 服务, 浏览器访问 edit.html, 如能正常打开即部署成功 15

18 5 3D 场景搭建工具部署 5.1 部署条件获取 3D 场景搭建工具 CampusBuilder 安装包, 该安装包由优锘科技提供 5.2 部署流程将 3D 场景搭建工具 CampusBuilder 安装包部署在云端, 生成下载链接, 普通用户可通过该链接下载 3D 场景搭建工具 CampusBuilder 3D 场景搭建工具 CampusBuilder 使用方法另见 CampusBuilder 用户手册详细说明 16

Microsoft Word - 發布版---規範_全文_.doc

Microsoft Word - 發布版---規範_全文_.doc 建築物無障礙設施設計規範內政部 97 年 4 年 10 日台內營字第 0970802190 號令訂定, 自 97 年 7 月 1 日生效內政部 97 年 12 年 19 日台內營字第 0970809360 號令修正內政部 101 年 11 年 16 日台內營字第 1010810415 號令修正目錄第一

ThingJS 物联网 3D 可视化平台 部署及更新文档 2018 年 09 月 07 日

ThingJS 物联网 3D 可视化平台部署及更新文档 2018 年 09 月 07 日