使用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接口安全域名。
enter image description here
这个时候就需要用到刚刚我们安装的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可以随便填写要记住。然后点击提交按钮。这个时候会直接提示配置成功。同时本地程序也收到了微信的请求。
enter image description here
  这个时候已经完成了对公众号的接入。简单吧。如果需要用到JS接口还需要配置JS接口安全域名。 这个一个坑就是复制自己域名的时候千万不要带任何的协议。只需要复制https://或者http://后面部门就可以了。然后点击保存之后。就可以很愉快的使用js相关的API啦。当然localtunnel也有很多别的一些功能。有兴趣的可以研究下。

posted @ 2018-03-20 12:53  进击的小羊驼  阅读(2036)  评论(0编辑  收藏  举报