基于微信公众平台的二维码签到系统-----(2)二维码的生成以及内网穿透ngrok代理服务器的使用

1.二维码的生成    二维码生成方式请参照http://www.jq22.com/jquery-info294，通过js配置相应的text内容，需要跳转的url地址为二级域名下的服务地址（后续会提到），url地址通过

jQuery(

'#qrcode'

).qrcode(

"http://www.jq22

.com"

)写入二维码，二维码生成之

后通过扫描二维码即会跳转到http://www.jq22.com。下载资源会在文后给出链接

2.ngrok服务器

 ngrok平台

   作为一个Web开发者，我们有时候会需要临时地将一个本地的Web网站部署到外网，以供它人体验评价或协助调试等等，通常我们会这么做：

   1）找到一台运行于外网的Web服务器；

   2）服务器上有网站所需要的环境，否则自行搭建；

   3）本地调试；

   4）将网站部署到服务器上；

   5）调试结束后，再将网站从服务器上删除；

  而一般系统在设计编写和调试时需要部署到外网上，按上述方案执行的话调试会比较麻烦，而ngrok 服务

可

以分配给你一

个域名让你本地的web项目提供给外网访问，特别适合向别人展示你本机的webdemo 以及调试一些远程的API(比如微信公众号，企业号的开发)

实现具体步骤

第一步、下载客户端

我们建议下载的时候最好把文件放在一个比较容易找的地方，如果是我，我会更改一下文件名，而且是英文的。第二步、解压到相应文件夹

建议直接解压到d盘根目录，这样你就可以直接cd进入这个客户端文件夹了，比如我们的客户端，你需要

cd64bits_client 。第三步、打开命令行

如果想用系统自带的命令行，点击开始，输入cmd；如果有gitbash，相信我也不用多说了。第四步、进入刚才的解压包

执行ngrok -config=ngrok.cfg -subdomain xxx 80 //(xxx 是你自定义的域名前缀)。第五步、（补充）想好你的唯一域名

我还是想提醒一下，确保你的域名前缀唯一，这里的方式有很多，比如你的qq或者你的手机号码，甚至你

的微信号，这可以对

你的项目起到一定的保护作用。

第六步、（补充）打开你的本地服务器

比如经常有小伙伴会忘记打开自己的apache或者nginx等等，这会让你浪费很多时间，很不值得。不妨先访问127.0.0.1:80，

确保访问正常，再开始使用ngrok。

最后，访问http://wswx.tunnel.echomod.cn/ 即可在外网访问你的本地服务器

有问题可以进这个相应网站咨询，ngrok.2bdata.com   qq交流群：425342257二维码生成：http://pan.baidu.com/s/1kUXVAlD

ngrok： http://pan.baidu.com/s/1pL0nNiN