# 物联网控制微信小程序

**Repository Path**: loock/22century-open

## Basic Information

- **Project Name**: 物联网控制微信小程序
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 5
- **Created**: 2019-02-01
- **Last Updated**: 2022-01-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [mpvue + WeUI + paho-wxapp 物联网控制微信小程序]()


<!-- ![GitHub package version](https://img.shields.io/github/package-json/v/KuangPF/mpvue-weui.svg) ![Github release version](https://img.shields.io/github/release/KuangPF/mpvue-weui.svg) ![node](https://img.shields.io/node/v/passport.svg) ![GitHub commit activity the past week, 4 weeks, year](https://img.shields.io/github/commit-activity/y/KuangPF/mpvue-weui.svg) ![GitHub last commit](https://img.shields.io/github/last-commit/KuangPF/mpvue-weui.svg) ![GitHub rep size](https://img.shields.io/github/languages/code-size/KuangPF/mpvue-weui.svg) -->

>## 前言

本人毕设【智能家居】中的微信小程序部分，用于控制自己的物联网设备。因为强调功能，所以UI方面没有花太多时间。我希望把他做成通用性的微信小程序，可以在不额外编辑UI的情况下控制尽量多类型的设备。


>## 踩坑文档

1. [MPVUE](https://kuangpf.github.io/mpvue-weui/#/) mpvue框架官方文档

2. [WEUI](https://weui.io/) 腾讯官方的小程序UI，包括 button、loading、picker 等等

3. [paho-wxapp](http://npm.taobao.org/package/paho-wxapp) 封装mqtt，连接mqtt服务器。关于服务器后端配置就参考文档吧。

>## 开发预览

``` bash
0. 全局安装vue-cli
npm install -g vue-cli    // 加-g是安装到全局

1. git clone
git clone git@gitee.com:loock/22century.git

2. 安装依赖
npm install (cnpm install)

3. 启动程序
npm run dev

4. 预览
打开微信开发者工具，新建项目，将目录指向 /dist 即可

```
>## 终端连接


```
服务器为emqtt，年前服务器还能玩玩，年后就换了
emqtt的连接方式，度娘能告诉你

IP:  115.159.62.111
clientid : dev:xxxx   //xxxx为自定义字符串
passeord : password2
```

>## 效果

![mpvue-weui-demo01](https://github.com/KuangPF/mpvue-weui/blob/master/static/demo/mpvue-weui-demo01.png)

>## 设计思想