阅读 47

Egg + Vue + 微信公众号开发(基础框架搭建)

一. 内网穿透准备

简简单单下载一个【花生壳(戳我下载)】,后面会用到。

二. 微信公众号准备工作

【去申请接口测试号(猛戳我)】 image.png

三. Egg准备工作

1.快速创建一个Egg基础架构

npm init egg --type=simple

2. 敲代码

2.1. 配置 [config.default.js]

'use strict'; module.exports = appInfo => {   // .....此处省略一万行   config.wechat_config = {     token: '你的token', // 按照官方要求随即填写即可     appid: '你的appid',     encodingAESKey: '你的encodingAESKey' // 按照官方要求随即填写即可   };   // .....此处省略一万行   return {     ...config,   }; }; 复制代码

2.2. controller/wechat.js

编写前,先安装npm install sha1,controller中新建wechat.js

'use strict'; const { Controller } = require('egg'); const sha1 = require('sha1'); class WechatController extends Controller {   async check() {     const obj = this.ctx.query;     const token = this.ctx.app.config.wechat_config.token;     const timestamp = obj.timestamp;     const nonce = obj.nonce;     const echostr = obj.echostr;     const signature = obj.signature;     const str = [ token, timestamp, nonce ].sort()       .join('');     const sha = sha1(str);     if (sha === signature) {       this.ctx.body = echostr + '';     }   } } module.exports = WechatController; 复制代码

2.2.3. router.js

'use strict'; module.exports = app => {   const { router, controller } = app;   router.get('/wechat', controller.wechat.check); }; 复制代码

3. 启动项目 & 配置【花生壳】

四. 完善申请接口测试号

现在再次回到【申请接口测试号】页面,点击提交后,就会出现一个二维码,此时微信扫描关注就成功了~~

image.png


作者:猫头嘤
链接:https://juejin.cn/post/7169169445321965576


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐