新建CabloyJS项目

在进行后续模块的安装之前,您必须先创建一个CabloyJS项目

请务必参照文档步骤配置MySQL数据库连接参数

请参见:指南:快速开始

安装微信模块

安装微信模块a-wechat

$ npm i egg-born-module-a-wechat

安装微信测试模块(可选)

微信测试模块用于演示如何在模块a-wechat的基础上进行具体的业务开发。有两种方式来使用微信测试模块

1. 安装到node_modules

如果仅仅是预览效果,可以直接安装到{project}/node_modules

$ npm i egg-born-module-test-wechat

2. 安装到src/module

可以将测试模块安装到{projecct}/src/module,然后在此模块的基础上进行自定义开发

$ git clone https://github.com/zhennann/egg-born-module-test-wechat.git src/module/test-wechat

配置微信参数

直接在项目配置文件中配置微信公众号微信小程序的参数

src/backend/config/config.default.js

// modules
config.modules = {
  'a-wechat': {
    account: {
      // 微信公众号
      public: {
        appID: 'wxf27f7550a33caaaa',
        appSecret: 'bbbb6a3addddbccccc200f973e91aaaa',
        token: 'CabloyJS',
        encodingAESKey: 'qHvLnaaaabufbbbbIbkRBcccctxUIBGddddCo5aeeee',
        message: {
          reply: {
            // 默认回复
            default: 'You are welcome!',
            // 当关注公众号时的回复
            subscribe: 'You are subscribed!',
          },
        },
      },
      // 微信小程序
      mini: {
        appID: 'wx823df04764b9bbbb',
        appSecret: 'c2eaaaada3bbbbe4073cccc381bbdddd',
        token: 'CabloyJS',
        encodingAESKey: 'kakPaaaa48mbubbbbRe0w0ccccGbj1v0rWowctVdddd',
      },
    },
  },
};

运行

启动后端服务

$ npm run dev:backend

启动前端服务

$ npm run dev:front

nginx配置

由于微信应用一定要绑定域名。为了支持开发调试,可以有不同的策略。如果我们想在服务器上配置开发环境,然后通过nginx把前端服务和后端服务反向代理给前端,请参见:nginx配置

如何访问系统

1. 进入后台管理页面

2. 微信公众号网页

微信中或微信开发者工具中直接访问首页,系统会自动进行微信登录

3. 微信小程序

测试模块test-wechat已经包含了一个微信小程序的demo程序,使用步骤如下:

  1. 微信开发者工具中直接导入demo程序,目录路径:{project}/src/module/test-wechat/front/demo/miniprogram

  2. 修改小程序中的appid,文件路径:{project}/src/module/test-wechat/front/demo/miniprogram/project.config.json

  3. 修改小程序中的baseURL,文件路径:{project}/src/module/test-wechat/front/demo/miniprogram/cabloy/data.js