PC端微信扫码登录最近有一个PC端微信扫码登录的需求。微信扫码有两种方式，一种是打开新的二维码页面，另一种是内嵌商品页面。这次以内嵌二维码为例，如何在页面显示一个登录二维码，文档说的很清楚，就不赘述了。文档地址：https://open.weixin.qq.com/cg。..解决自定义微信二维码样式问题。一切就绪后，网页上的二维码默认是这样的。大尺寸不说（默认二维码尺寸为280x280），还有微信登录的标题，下面还有扫码登录的提示。好在微信给我们留下了自定义样式的api。之前实例化二维码时，实例对象中的href属性允许设置样式。varobj=newWxLogin({id:"login_container",appid:"",scope:"",redirect_uri:"",state:"",style:"",href:"../qrcode.css"//这是属性});不幸的是，如果在href中传递样式文件的地址，就会报错。貌似微信出于安全考虑，只允许访问https资源。所以现在使用第二种解决方案data-url。通过访问data-url解决样式问题写一个nodejs，脚本将刚才的css资源转成data-url。具体代码实现为：varfs=require('fs');//函数将文件数据编码为base64编码字符串functionbase64_encode(file){//读取二进制数据varbitmap=fs.readFileSync(file);//将二进制数据转换为base64编码的字符串return'data:text/css;base64,'+newBuffer(bitmap).toString('base64');}console.log(base64_encode('./qrcode.css'))运行节点脚本，复制打印出来的data-url，赋值给刚才的href。varobj=newWxLogin({id:"login_container",appid:"",scope:"",redirect_uri:"",state:"",style:"",href:"data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDIwMHB4O30NCi5pbXBvd2VyQm94IC50aXRsZSB7ZGlzcGxheTogbm9uZTt9DQouaW1wb3dlckJveCAuaW5mbyB7d2lkdGg6IDIwMHB4O30NCi5zdGF0dXNfaWNvbiB7ZGlzcGxheTpub25lfQ0KLmltcG93ZXJCb3ggLnN0YXR1cyB7dGV4dC1hbGlnbjogY2VudGVyO30="//数据网址});注意这里的MIME类型，一定要返回text/css。自定义二维码：
