# wechat-mp 项目简介
微信开放平台管理工具

微信开放平台服务商一般有多套小程序需要管理，帮人代开发时需要客户不停扫码授权，体验极其不好。对于SAAS小程序也服务商可以在运维平台中尝试二开对接开放平台的api，但是项目多了以后每个运营平台都需要重复造轮子，而且维护成本也高，所以萌生了写一个通用管理微信开放平台的工具。

微信官方其实有提供“第三方平台云服务”，但需要付费使用或者下载他们的源码本地部署，可惜官方只提供了GO语言的版本，所以只能自己写一个了。

目前打算先实现以下功能

1. 做为中台，为其他项目提供 authorizer_access_token
2. 配置服务器域名
3. 配置业务域名
4. 上传小程序
5. 生成体验版
6. 发布小程序
7. ...

# 界面演示
![授权管理](https://github.com/chunbo007/wechat-mp/assets/16535982/14700ac3-fea0-475e-a1e6-f3a6ebbec556)
![版本管理](https://github.com/chunbo007/wechat-mp/assets/16535982/2dbe277d-77ab-4295-9755-9b39dcf3a9ca)
![版本管理2](https://github.com/chunbo007/wechat-mp/assets/16535982/92cb9fc4-ace3-4fb8-93e3-f9a039b04e9e)
![管理管理3](https://github.com/chunbo007/wechat-mp/assets/16535982/37abf340-e1c7-4538-895a-fe9ac767a14e)
![体验者](https://github.com/user-attachments/assets/746c115b-f839-4a9e-bbcc-55fef7481690)
![隐私协议](https://github.com/user-attachments/assets/6d381d8f-2ec6-4953-9cd1-2d9de7fc59b3)
![开放平台](https://github.com/chunbo007/wechat-mp/assets/16535982/5a3ef41d-5257-4051-a450-2f67907d1fe5)
![开放平台2](https://github.com/chunbo007/wechat-mp/assets/16535982/9d195873-62a2-4483-ae27-9fdb9b2166e0)
![消息日志](https://github.com/chunbo007/wechat-mp/assets/16535982/7fa50073-c979-43c5-aaeb-30386f1ab1b6)
![转发日志](https://github.com/chunbo007/wechat-mp/assets/16535982/9614e728-5a9e-4438-83d8-f736c2fbd17c)



# 安装步骤

1. 下载代码
    ```
    // github
    git clone https://github.com/chunbo007/wechat-mp.git
    
    // gitee
    git clone https://gitee.com/chunboli/wechat-mp.git
    ```
2. 安装相关依赖
    ```
    // 安装php相关依赖
    cd wechat-mp
    composer install
    // 安装前端依赖
    cd front
    yarn install --production(推荐) 或 npm install --production
    ```
3. 配置文件
   + 手动执行根目录下的 install.sql 导入数据库
   + 复制根目录下的 .env.example 文件为 .env 文件，并修改相关配置
4. 本地运行
   + windows下运行 php windwos.php start
   + linux下运行 php start.php start (用于开发调试)
   + linux下后台运行 php start.php start -d (用于正式环境)

   以上根据自己实际情况选择，然后运行前端项目
   + 在 front 目录下执行 yarn serve

   之后打开浏览器访问 http://localhost:8001 就可以了，默认用户名/密码都是 admin

5. 打包上线
   1. 进行front下运行 yarn build 进行打包
   2. 将打包后的dist文件夹上传到服务器
   3. 修改nginx配置文件，在其中添加
   ```
    location /admin/ {
      proxy_pass http://127.0.0.1:8789/admin/;
      proxy_set_header   X-Forwarded-Proto $scheme;
      proxy_set_header   X-Real-IP         $remote_addr;
    }
    
    location /wechat/ {
      proxy_pass http://127.0.0.1:8789/wechat/;
      proxy_set_header   X-Forwarded-Proto $scheme;
      proxy_set_header   X-Real-IP         $remote_addr;
    }

    location /openapi/ {
      proxy_pass http://127.0.0.1:8789/openapi/;
      proxy_set_header   X-Forwarded-Proto $scheme;
      proxy_set_header   X-Real-IP         $remote_addr;
    }
    
    location / {
      try_files $uri $uri/ /index.html;
    }
   ```

# 外部调用

如果你需要的不只是小程序版本管理相关的功能，需要自己实现其他功能，可能需要用到
component_access_token、component_appid、authorizer_appid、authorizer_access_token
等参数，由于你在自己的项目中刷新token，可能会让wechat-mp的token失效，或者wechat-mp会让你项目的token失效
所以留了一个开放接口，供其他项目获取相关token，具体调用方式如下

```
// 生成签名
function generateSign($params, $secretKey): string
{
    // 将参数按照键名进行字典排序
    ksort($params);
    // 拼接参数和对应的值
    $signStr = '';
    foreach ($params as $key => $value) {
        $signStr .= $key . '=' . $value . '&';
    }
    // 拼接密钥
    $signStr .= 'key=' . $secretKey;
    // 使用哈希函数计算签名，这里使用 MD5 作为示例
    return strtoupper(md5($signStr));
}

$params = [
    'platform_appid' => '', // 开放平台的appid
    'appid' => '', // 小程序的appid
    'time' => time(),
];
$secretKey = '';
$params['sign'] = generateSign($params,$secretKey);
$url = 'https://xxxxxx.com/openapi/getToken?' . http_build_query($params);
$res = file_get_contents($url);
//var_dump(json_decode($res,true));
```

如有不明白的可以留言，欢迎各位提pr

如果对你的项目有帮助，欢迎star，谢谢