【开源】wechat-mp 微信开放平台小程序管理工具

chunfeng

项目地址

https://github.com/chunbo007/wechat-mp

wechat-mp 项目简介

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

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

目前打算先实现以下功能

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

开源支持

  1. 后端 webman
  2. 前端 ant-design-vue-pro
  3. SDK EasyWechat

本地搭建视频教程

wechat-mp 微信开放平台小程序管理工具本地部署教程

界面演示

授权管理

版本管理

版本管理2

管理管理3

开放平台

开放平台2

消息日志

转发日志

安装步骤

  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,谢谢

2149 13 14
13个评论

Tinywan

哇塞,太赞啦!💐

  • 暂无评论
ak47f16200

点赞。

  • 暂无评论
小Z先生

超级棒,以前用过官方golang版本的,还挺麻烦的,现在有php版本了真好

  • chunfeng 2024-06-02

    我但凡找到一个php开源的就不会自己去写了

yoohop

这种外部调用的话,另一个项目使用easywechat 怎么创建实例呀

10bang

支持一个

  • 暂无评论
xianrenqh

支持,插眼

  • 暂无评论
tanhongbin

大佬,你就卷吧,哈哈,我喜欢

  • 暂无评论
liqianmo

牛皮,点赞!!

  • 暂无评论
初心by

卧槽,牛批

  • 暂无评论
ikun

这个真心不错, 不过我现在想用抖音的开放平台

lgfinfo

node 用的什么版本的啊

  • chunfeng 2024-06-30

    composer版本:v2.6.5
    node版本:v16.15.0
    yarn版本:v1.22.19
    php版本:v7.4.3

  • lgfinfo 2024-06-30

    thanks so much

lgfinfo

截图
前端总无法成功

  • chunfeng 2024-07-01

    仔细参考下视频吧,前端就是装依赖,构建,没啥特别的

ab0029

学习了

  • 暂无评论

chunfeng

190
积分
0
获赞数
0
粉丝数
2022-08-28 加入
×
🔝