FastBee文档 FastBee文档
  • 系统运行
  • 系统部署
  • Docker部署
  • 硬件设备接入
  • 视频设备接入
  • 硬件SDK说明
  • 小程序和App
  • 使用说明
  • 操作手册

    • 快速入门
    • 通用物模型
    • 产品管理
    • 设备管理
    • 场景联动
    • 视频监控
    • 固件开发
  • 其它

    • 平台主题
    • 物模型格式
    • 告警和场景格式
    • 消息流转
    • 使用TDengine
    • 常见问题
    • 相关文档
  • 物联网开发板
  • 智慧农业
  • 智能开关
  • 相关硬件

    • 硬件和开发板
商用授权
在线演示 (opens new window)
返回官网 (opens new window)
  • 系统运行
  • 系统部署
  • Docker部署
  • 硬件设备接入
  • 视频设备接入
  • 硬件SDK说明
  • 小程序和App
  • 使用说明
  • 操作手册

    • 快速入门
    • 通用物模型
    • 产品管理
    • 设备管理
    • 场景联动
    • 视频监控
    • 固件开发
  • 其它

    • 平台主题
    • 物模型格式
    • 告警和场景格式
    • 消息流转
    • 使用TDengine
    • 常见问题
    • 相关文档
  • 物联网开发板
  • 智慧农业
  • 智能开关
  • 相关硬件

    • 硬件和开发板
商用授权
在线演示 (opens new window)
返回官网 (opens new window)
  • 文档

    • 系统运行
    • 系统部署
    • Docker部署
    • 硬件设备接入
    • 视频设备接入
    • 硬件SDK说明
    • 小程序和App
      • 一、移动端介绍
      • 二、项目目录
      • 三、Nginx参考配置
    • 使用说明
  • 操作手册

    • 快速入门
    • 通用物模型
    • 产品管理
    • 设备管理
    • 场景联动
    • 视频监控
    • 固件开发
  • 其他

    • 平台主题
    • 物模型格式
    • 告警和场景格式
    • 消息流转
    • 使用TDengine
    • 常见问题
    • 相关文档
目录

小程序和App

# 一、移动端介绍

获取源码

  • 参与开发或者赞助项目,可以获取移动端源码。详情
  • 移动端扫码和配网说明
  • 移动端更多细节 查看源码
  1. 项目使用uniapp开发,适配微信小程序、安卓、IOS和H5,其他平台兼容但是未测试。UI框架使用uView2.0。开发工具为Hbuilder3.3以上版本。
  2. 组件使用easycom模式,只要组件安装在项目的components目录下或uni_modules目录下,并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册,直接在页面中使用。
安卓/Android 苹果/IOS 微信小程序 网页/H5 Vue2.0
√ √ √ √ √

微信扫码查看小程序

# 二、项目目录

├─apis                  // 接口管理
│  ├─modules            // api模块化目录
│  │  └─device.js       // 设备接口地址
│  ├─http.api.js        // 接口定义文件
│  └─http.interceptor   // 拦截器
├─common                // 公共文件
│  ├─mqttTool           // mqtt工具
│  ├─extend             // 扩展原型方法
│  ├─filters            // 全局过滤器
│  └─tools              // 全局公共方法
├─components            // 项目组件库,组件放置这里,其他页面可直接使用
│  ├─cl-test            // easycom测试组件
│  ├─cl-icon            // iconfont图标组件
│  ├─deviceMonitor      // 设备实时监测组件
│  └─other...           // 使用的其他组件等等
├─pages                 // 页面目录
│  ├─public             // 公共页面
│  └─tarbar             // 底部导航栏页面
│      ├─home           // 首页的所有页面
│      ├─scene          // 场景联动页面
│      ├─trend          // 新闻动态页面
│      └─user           // 个人中心页面
├─static                // 图片目录
├─store                 // vuex
│  ├─$u.mixin           // store全局混入方法
│  └─index              // vuex 组件全局状态管理
├─uni_modules           // 插件市场插件目录
│  └─uview-ui           // uview-ui	
├─env.config.js         // 接口地址和mqtt地址配置文件
├─mainfest.json         // 各个平台的配置信息
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

# 三、Nginx参考配置

提示

  • 小程序只能使用Https协议,需要申请证书并上传到服务器
  • Emqx的wss连接数较小,web端和移动端把wss连接代理到ws
worker_processes auto;
events {
        worker_connections 1024;
        multi_accept on;
    }

http {
    include         mime.types;
    default_type    application/octet-stream;
    sendfile        on;
    keepalive_timeout 60;

    #GZIP压缩
    gzip on;
    gzip_min_length  1k;
    gzip_buffers     4 16k;
    gzip_http_version 1.1;
    gzip_comp_level 2;
    gzip_types     text/plain application/javascript application/x-javascript text/javascript text/css application/xml;
    gzip_vary on;
    gzip_proxied   expired no-cache no-store private auth;
    gzip_disable   "MSIE [1-6]\.";

    # Http跳转Https
    server {
        listen 80;
        server_name domain.com;
        location / {
            rewrite ^(.*) https://$server_name$1 permanent;
        }
    }

    server {
        # 侦听443端口
        listen 443 ssl;
        # 定义访问域名
        server_name domain.com;
        #证书文件名称
        ssl_certificate domain.com_bundle.crt; 
        #私钥文件名称
        ssl_certificate_key domain.com.key; 

        #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
        #error_page 404/404.html;
        #HTTP_TO_HTTPS_START
        if ($server_port !~ 443){
            rewrite ^(/.*)$ https://$host$1 permanent;
        }
        ssl_session_timeout 10m;
        #请按照以下协议配置
        ssl_protocols TLSv1.2 TLSv1.3; 
        #请按照以下套件配置,配置加密套件,写法遵循 openssl 标准。
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
        ssl_prefer_server_ciphers on;

        # web端
        location / {
            root   /var/data/vue;  # 前端打包文件夹在服务器中的路径
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
        # 服务端接口
        location /prod-api/{
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass http://localhost:8080/;  # 后端接口地址,默认8080端口
        }
        # emqx接口
        location /api/v4/{
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass http://localhost:8081/api/v4/;  # Emqx的接口地址,默认8081端口
        }
        # wss连接
        location /mqtt {
            proxy_pass http://localhost:8083/mqtt; # mqtt:wss连接代理到mqtt:ws
            proxy_read_timeout 60s;
            proxy_set_header Host $host;
            proxy_set_header X-Real_IP $remote_addr;
            proxy_set_header X-Forwarded-for $remote_addr;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'Upgrade';
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97

上次更新: 2023/03/21, 01:13:49
硬件SDK说明
使用说明

← 硬件SDK说明 使用说明→

Theme by Vdoing | Copyright © 2021-2023 蜂信物联 | FastBee | AGPL-3.0 License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式