authentication - Wechat login for mobile website -

-

wechat has convenient qr-code login option (sorry, chinese only) desktop websites. scan code wechat, click ok, , you're logged in.

however, i'm struggling how implement same functionality when same website accessed via mobile?

i'm in same situation , keep getting unanswered issue google i'll try give more information based on have far. first let's clarify talking wechat in scope of china country. wechat in china has far more features compared other countries.

basically there 3 ways login wechat on website :

  • wechat login qr code. more designed desktop site , easiest way login wechat users point of view
  • wechat login mobile site via wechat mobile application. when user using mobile wechat application, click on link within mobile wechat app redirects user mobile version of site still in scope of wechat app. see on gmail mobile application , click on link, still in mobile app browsing mobile website.
  • wechat login mobile site via web browser. in case user going mobile site , can login on site using wechat oauth 2.0 login. similar facebook login or google login when on third party site.

now let's go technical.

qr code login

documentation available in english @ qr code login documentation i'm not gonna explain here it's not question.

wechat login using oauth 2.0 mobile site only

[edit] appears cannot use oauth wechat on website directly. can done if site loaded within wechat mobile application. please refer section below : "wechat login via wechat mobile application"

documentation qq.com using google transalate should give basics. there 3 main steps : - step 1: user consent, access code - step 2: code page in exchange authorization access_token - step 3: pulling user information

this assuming have correctly setup api access need appid, scope, , state

wechat login via wechat mobile application wechat mobile site through mobile app

in order achieve such type of login, have remember website needs loaded within wechat mobile application.

the easiest way find generating qr code based on website url , scan qr code using wechat app (there option scan withing mobile app). generate qr code, can use online tools 1 http://www.qr-code-generator.com

once browse mobile site wechat application, process when user goes login page of site, redirect user wechat oauth url.

the documentation available @ https://mp.weixin.qq.com/wiki?id=mp1421140842&highline=scope , url : https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=redirect_uri&response_type=code&scope=scope&state=state#wechat_redirect

scope can "nsapi_base" or "nsapi_userinfo". "nsapi_userinfo" allow bit more information user, wechat don't share much. not share email or mobile number.

state random string generate allows match post autorisation when page redirected.

appid application api wechat account. if don't have appid yet, there 2 options available. create business account (production account) or create sandbox account. can register @ https://mp.weixin.qq.com; or test sandbox account: http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login (only chinese version available)

so happen that, when user redirect https://open.weixin.qq.com/connect/oauth2/authorize have agree share information mobile site. once agree, user redirected url of choise. (see redirect_uri=redirect_uri parameter)

and can call https://api.weixin.qq.com/sns/userinfo?access_token=access_token&openid=openid&lang=zh_cn user information.

access_token token generated using appid , secret, , calling api : https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=[appid]&secret=[secret] again, appid , secret available after register wechat account explained above.

and because love english, looks there wiki in english available @ http://admin.wechat.com/wiki/index.php it's not great , complete chinese version, start better understand things.

after user information have implement logic on mobile site like:

  • auto login user if have account on site
  • display sign-up form prepopulated user info got , prompt user information need website.

hopefully lost wechat developers trying implement same. i'm more happy others complete answer.

thank you.


Comments

Post a Comment

Popular posts from this blog

sql - VB.NET Operand type clash: date is incompatible with int error -

-
i trying display records table named staffpresentee database using clause... i using visual studio 2010... the table design follows- .......fieldname..................datatype........allownull 1......staff_id (fk).............numeric(18,0)......yes 2.......date........................date.............no 3......present.....................char(1)..........yes note type of 2nd field date , not datetime... i want display records table have today's date int 'date' field... current query is- cmd = new sqlclient.sqlcommand("select * staffpresentee date=" & date.now.date, cn) dr = cmd.executereader for dr = cmd.executereader error "operand type clash: date incompatible int" i tried select * staffpresentee query without clause runs correctly. try putting date value in sigle quotes maybe. cmd = new sqlclient.sqlcommand("select * staffpresentee date='" & _
Read more

SVG stroke-linecap doesn't work for circles in Firefox? -

-
i've got problem svg stroke-linecap attribute. i've got circular progress bar in angularjs , set outer circle (blue one) have rounded "ends". @ fiddle . <svg ... height="130" width="130"> <!-- ngif: background --> <circle ... ng-if="background" fill="#fff" class="ng-scope" stroke-width="13" stroke="#cc3399" r="57.5" cy="65" cx="65" stroke-linecap="round" /> <!-- end ngif: background --> <circle ... fill="none" stroke-dashoffset="36.12831551628261" stroke-dasharray="361.28315516282623" stroke-width="13" stroke="#432db3" stroke-linecap="round" r="57.5" cy="65" cx="65" transform="rotate(-89.9, 65, 65)" /> </svg> how can that?
Read more

python - TypeError: Scalar value for argument 'color' is not numeric in openCV -

-
here code im = cv2.imread('luffy.jpg') gray = cv2.cvtcolor(im,cv2.color_bgr2gray) ret,thresh = cv2.threshold(gray,127,255,0) contours,h = cv2.findcontours(thresh,cv2.retr_tree,cv2.chain_approx_simple) cnt in contours: moment = cv2.moments(cnt) c_y = moment['m10']/(moment['m00']+0.01) c_x = moment['m01']/(moment['m00']+0.01) centroid_color = im[c_x,c_y] centroid_color = np.array((centroid_color[0],centroid_color[1],centroid_color[2])) print type(centroid_color) cv2.fillpoly(im,cnt,centroid_color) i getting error on last line try , pass centroid_color color argument. <type 'numpy.ndarray'> , have been able pass data type cv2.fillpoly color in other instances, not sure why having problem here. fillpoly() expects iterable, i.e. put cnt in brackets. believe duplicate of https://stackoverflow.com/a/17582850/5818240 . moreover, centroid color variable contains strings. need convert them i
Read more