使用localtunne一分钟搞定微信公众号接入

记得15年那个刚刚进入工作的时候，公司有个微信公众号的项目，那个时候微信官方没有什么调试工具，也没有什么比较好的本地调试工具。当时有个功能需要调用微信JSSDK里面的扫一扫的功能。由于本地不能调试。开发起来很烦。每次都需要把代码上传到测试服务器，然后在测试。这样耗费了不少时间。前几天之前的同事再次开发公众号的时候。出了一些问题。然后在讨论的时候。得知了一个微信公众号本地开发的神器"localtunne"。可以自己本地直接调试开发微信公号。调用JSSDK。使用非常简单。

什么是localtunne

Localtunnel 是一个可以让内网服务器暴露到公网上的开源项目。项目地址。他可以让你本地项目只需要一句命令直接让外网访问。

怎么安装localtunne

localtunnel是基于Node.js。所有你本地需要安装nodeJS。如果本地已经安装直接运行

#安装localtunnel

npm install -g localtunnel

#查看当前版本。现在最新是1.8.3

lt --version

没有安装nodejs的可以参考nodejs官方下载安装。官网

接入微信公众号

已经安装好了localtunne,怎么关联微信公众号呢？首先打开微信公众平台接口测试帐号申请。直接使用手机微信扫码登录。

然后看到需要填写接口配置信息和JS接口安全域名。

这个时候就需要用到刚刚我们安装的localtunnel。我们直接在控制台输入

 #这里3000指的是我本地程序的监听的端口。根据具体项目修改。运行成功会返回一个域名。这个域名等会会用到。

 robin:~ robin$   lt --port 3000

 your url is: https://wvfgfpvsdm.localtunnel.me

这里我们需要一段代码来做认证使用。代码如下：

const Koa = require('koa');

const app = new Koa();

let config = require('./config/config');

let sha1 = require('sha1');

app.use(async ctx => {

   //仅仅用于测试

   console.log(ctx.query)

   let token = config.token;

   let {signature, timestamp, nonce, echostr} = ctx.query;

   let arr = [token, timestamp, nonce];

   let str = sha1(arr.sort().join(''));

   if (str === signature) {

       ctx.body = echostr+ '';

   }else {

       ctx.body = '出错了';

   }

});

app.listen(3000);

首先运行上面那段代码。然后我们把拿到域名了填写到网页上面。token可以随便填写要记住。然后点击提交按钮。这个时候会直接提示配置成功。同时本地程序也收到了微信的请求。

这个时候已经完成了对公众号的接入。简单吧。如果需要用到JS接口还需要配置JS接口安全域名。这个一个坑就是复制自己域名的时候千万不要带任何的协议。只需要复制https://或者http://后面部门就可以了。然后点击保存之后。就可以很愉快的使用js相关的API啦。当然localtunnel也有很多别的一些功能。有兴趣的可以研究下。