I am trying to integrate wechat social login to my website, but I am not sure why it is not working.
When I access the URL on the browser, it appear the following screen

Here is the url I'm trying to access:
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
And surprisingly the following url is working as expected but ONLY works within the wechat native application broswer (it doesn't work in 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
I've checked it is not about the redirect URL encoding problem because I tried both encoded and non-encoded but still no luck.
And I've also found the following thread on stack overflow which our situation is very similar but the solution is not working for me either (My account is already a verified Wechat Service Account):
