微信小程序实现带参二维码

摘要: 可以加上你的uid作为参数，得到如下的二维码；你可以邀请朋友扫这个二维码安装小程序，不用加微信好友也可以，另外也可将它打印出来挂门店墙上。

效果图：



场景：生成一个带用户参数的二维码，显示在小程序端或打印输入，其他人扫码进入识别用户来路

后端：php实现

调用接口：https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential与https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode

小程序端：<image src="https://youdomain.com/getQRCode?uid=123456" />，无js调用

文档出处：https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html

注意点：二维码生成的过程与小程序端逻辑无关，在后端实现生成图片输出给<image>即可。

由于代码比较简单，就直接上代码了

// 服务端生成图片
public function getQRCode() {
// 获取access_token
$accessTokenObject = json_decode(file_get_contents('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.WxPayConfig::APPID.'&secret='.WxPayConfig::APPSECRET));
// 拼接微信服务端获取二维码需要的url，见文档https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html
$url = 'https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=' . $accessTokenObject->access_token;
$uid = $this->input->get('uid');
$json = '{"path": "pages/index/index?"' . $uid . ', "width": 430}';
$ch = curl_init();
//设置超时
curl_setopt($ch, CURLOPT_TIMEOUT, 60);
//如果有配置代理这里就设置代理
if(WxPayConfig::CURL_PROXY_HOST != "0.0.0.0"
&& WxPayConfig::CURL_PROXY_PORT != 0){
curl_setopt($ch,CURLOPT_PROXY, WxPayConfig::CURL_PROXY_HOST);
curl_setopt($ch,CURLOPT_PROXYPORT, WxPayConfig::CURL_PROXY_PORT);
}
curl_setopt($ch,CURLOPT_URL, $url);
curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,TRUE);
curl_setopt($ch,CURLOPT_SSL_VERIFYHOST,2);//严格校验
//要求结果为字符串且输出到屏幕上
curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
//设置header
header('Content-Type: image/jpeg');
//post提交方式
curl_setopt($ch, CURLOPT_POST, TRUE);
curl_setopt($ch, CURLOPT_POSTFIELDS, $json);
//运行curl
$data = curl_exec($ch);
//返回结果
curl_close($ch);
echo $data;
}

header设置为header('Content-Type: image/jpeg');然后echo服务端返回的二进制data就可以了。

源码下载：http://git.oschina.net/dotton/lendoo-wx，本文涉及代码存于/pages/member/share文件夹中。

对移动开发有兴趣的朋友可以关注我的公众号【huangxiujie85】与我交流讨论，给我留言或文章评论。