??记得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也有很多别的一些功能。有兴趣的可以研究下。