优化公众号安装问题

java110

2020-07-03 0d1020c6319a8e9c3025c6b0c9dd1efdc56201bb

 docs/document/start/installHc.md

@@ -63,7 +63,7 @@

#### 安装mysql

推荐安装 5.6 版本mysql ，安装过程请自行百度，将 docs\db文件下的 MicroCommunity.sql 文件导入到mysql中，有可能这个sql不是最新的，
推荐安装 5.6 版本mysql ，安装过程请自行百度，将 docs\db文件下的 TT 和 hc_community 文件导入到mysql中，有可能这个sql不是最新的，
你也可以加入群827669685，群文件获取最新的sql文件

#### 安装kafka
@@ -1863,5 +1863,161 @@
$ npm start
```

## 配置短信验证码

目前HC小区管理系统支持阿里云短信和腾讯云短信，其他短信平台需要自主二次开发

#### 1.0 登录 开发者账户 dev/您修改后的密码

![image](../images/api/005.png)

#### 打开映射管理 下 编码映射菜单

![image](../images/api/006.png)

开启验证码功能，搜索键为SMS_SEND_SWITCH的记录将值OFF改为ON

![image](../images/api/013.png)

点击修改 域为 SMS_DOMAIN 键为 SMS_COMPANY 的值，阿里为 ALI 腾讯为TENCENT

![image](../images/api/007.png)

#### 阿里云短信配置

修改域为ALI_SMS 的记录

![image](../images/api/008.png)

#### 腾讯云短信配置

修改域为TENCENT_SMS 的记录

![image](../images/api/009.png)

secretId 和 secretKey 如下图获取

![image](../images/api/010.png)

![image](../images/api/011.png)

![image](../images/api/012.png)

## 业主版小程序安装

#### 1、需要工具

小程序安装使用 需要准备 HBuildX和微信开发者工具，请到相应网站下载

#### 2、HBuildX 设置

由于小程序时通过uni-app 开发而成，编译时需要sass 和 less 请在HBulidX 工具 --> 插件安装安装 less 和 sass

![image](images/001.png)
![image](images/002.png)
![image](images/003.png)

#### 3、微信开发者工具设置

进入微信开发者工具后 可能项目中的appId 为官方测试appId 需要再详情 点击修改为自己的小程序appId

![image](images/004.png)

再设置-->通用设置 下安全选项中开启服务端口

![image](images/005.png)

#### 4、业主版代码相关设置

打开constant--> UrlConstant.js 中修改 

> const baseUrl = 'https://app.demo.winqi.cn/';

这里地址修改为自己后端的地址 这个地址需要HTTPS 域名备案才行

在运行--> 运行到小程序模拟器

![image](images/006.png)

此时在小程序开发者工具上已经运行出来了，点击 上传 发布

![image](images/007.png)

#### 5、HC后台设置小程序信息

打开自己部署的HC项目 登录 并且打开 系统管理下小程序配置 新增或修改一条记录

![image](images/008.png)


## 业主版公众号安装

#### 说明

公众号代码和小程序代码为一个代码 是uni-app 项目
[https://gitee.com/java110/WechatOwnerService.git](https://gitee.com/java110/WechatOwnerService.git)

#### 1、需要工具

公众号安装使用 需要准备 HBuildX工具，请到相应网站下载

#### 2、HBuildX 设置

由于小程序时通过uni-app 开发而成，编译时需要sass 和 less 请在HBulidX 工具 --> 插件安装安装 less 和 sass

![image](images/001.png)
![image](images/002.png)
![image](images/003.png)

#### 3、业主版代码相关设置

打开constant--> UrlConstant.js 中修改 

> const baseUrl = '/';

这里修改为 / 部署时 会放到NGINX目录下 不然会夸域

#### 4、打开 HC小区管理系统-->系统管理下-->公众号 菜单

![image](images/009.png)

添加或修改公众号，以下为必填信息

![image](images/010.png)

添加成功后会有服务端url和token 需要配置在微信后台

![image](images/011.png)

再微信公众号后台 开发--> 基本配置 修改服务器配置，启用就可以

![image](images/012.png)

#### 5、再HBuildX 打包为H5 上传服务器 用NGINX代理 到跟目录就可以

在HBuildx 发行菜单下选择 网站H5手机版 并填写域名和网站名称信息，点击发行，打包成功后会在命令行中显示地址

![image](images/014.png)


如果是二级域名和HC的设置的域名不一致请在NGINX代理时 加如下配置

>location /callComponent
 {  
   add_header 'Access-Control-Allow-Origin' '*';  
   proxy_pass   http://您的私网IP:8012;
 }
> location /app
> {  
   add_header 'Access-Control-Allow-Origin' '*';  
   proxy_pass   http://您的私网IP:8012;
> }

#### 6、配置微信菜单

菜单配置完全按照微信要求配置，这里配置完发布时会同步微信，同步时的报错也是微信反馈信息，目前只支持 url方式和小程序方式
其他请自行二次开发扩展

![image](images/013.png)