基于微信公众平台的二维码签到系统-----(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项目提供给外网访问，特别适合向别人展示你本机的web demo 以及调

试一些远程的API (比如微信公众号，企业号的开发)




实现具体步骤

第一步、下载客户端

我们建议下载的时候最好把文件放在一个比较容易找的地方，如果是我，我会更改一下文件名，而且是英文的。

第二步、解压到相应文件夹

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

cd 64bits_client 。

第三步、打开命令行

如果想用系统自带的命令行，点击开始，输入cmd；如果有git bash，相信我也不用多说了。

第四步、进入刚才的解压包

执行 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