微信社交登录错误: "Oops Something went wrong :("

Question

我正在尝试将微信社交登录集成到我的网站，但我不确定为什么它不起作用。
当我在浏览器上访问 URL 时，会出现以下屏幕

我期待的是:

这是我试图访问的网址:

https://open.weixin.qq.com/connect/qrconnect?appid=wx**************ec&redirect_uri=http%3A%2F%2Fapi-dev.thebestshop.ca%2Fwxredirect&response_type=code&scope=snsapi_login&state=3d6be0a4035d839573b04816624a415e#wechat_redirect

令人惊讶的是，以下网址按预期工作，但仅适用于微信 native 应用程序浏览器(不适用于 Chrome、Firefox、Safari):

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx**************ec&redirect_uri=http://api-dev.thebestshop.ca/wxredirect&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect

我已经检查过它与重定向 URL 编码问题无关，因为我尝试了编码和非编码，但仍然没有运气。
而且我还在堆栈溢出中发现了以下线程，我们的情况非常相似，但该解决方案对我也不起作用(我的帐户已经是经过验证的微信服务帐户):
WeChat Social Login

Answer 1

你的蛾子在场景中不正确。
我想微信开放平台会帮助你。
https://open.weixin.qq.com/
如果您想集成普通网站微信登录，您需要在您的开放平台帐户中注册网站应用程序。
脚步:
1.注册开放平台账号。
2.进行身份验证。提交您的公司信息。
3.添加网站应用程序。添加后，您可以获得网站应用程序的appid和 key 。

Html代码:使用appid和secret-key构建auth-code。接下来使用code构建auth url并将url放入“”中。打开页面，可以看到iframe显示qrcode。url为start用微信的域名。

5.当用户用摄像头用微信扫描二维码时，客户端会得到验证码。发送它以服务于获取用户的信息，如“openid”和“unionid”。