微信登陆过程、host(name),url,path,domain,query、qrCodeTerminal

other summary_2018/06 net npm

1、日常工作

• host(name)_url_path_domain_query
• 前端页面构成
• 微信登陆过程(模拟登陆)
• QRCodeTerminal

2、技术学习

• host(name)_url_path_domain_query
  
  • host(name)
    
    • A host is a computer that is connected to a network, usually the Internet or other TCP/IP (transmission control protocol/Internet protocol) network, such as a LAN (local area network). Each host on a TCP/IP network has a unique IP address
    • A host name is a name that is assigned to a host that uniquely identifies it on a network （在互联网上，主机名可以是分配给主机的域名）
  • domian name(域名)
  • url_path
  • url_query

URL 6   http://search.somedb.com:8080/history?era=darkages
scheme  http
hostname    search.somedb.com
port    8080
origin  http://search.somedb.com:8080
path    /history
query   ?era=darkages
fragment
URL 7   http://search.somedb.com:8080/history#?modern
scheme  http
hostname    search.somedb.com
port    8080
origin  http://search.somedb.com:8080
path    /history
query    
fragment    #?modern

• 微信登陆过程(模拟登陆)
  
  • 微信扫码登录
  • 这只是其中一种，让微信服务端返回扫码界面，还有一种是在网页端内嵌js实现，但其余机制都差不多

微信扫码登录流程；
（1）页面向微信服务端请求扫码登录（APPID）
https://open.weixin.qq.com/connect/qrconnect?appid=wx00dc77dadaf54f3b&redirect_uri=http://www.oschina.net/action/openid/after_bind_wechat?goto=&response_type=code&scope=snsapi_login&state=yq56fZZhqBrIDIKAxN0Q
（2）服务端返回二维码扫码页面
https://open.weixin.qq.com/connect/qrcode/0318gIJLqTcqXhO8
（3）页面不断向服务器轮训状态（包括是否扫码或者确认登录）
https://long.open.weixin.qq.com/connect/l/qrconnect?uuid=0318gIJLqTcqXhO8&_=1494921848308
（4）手机端扫码登录，向服务器确认登录，重定向并携带code
（5）页面服务器根据重定向时获得的code，从微信服务器换取用户信息，并生成令牌跳转到需要访问的页面

• Tips：我们这里用puppeter实现，其实只要获取到二维码就行了，然后使用QRCodeTerminal在控制台生成即可。如何直接模拟的话，其实也差不多，但流程稍微要多一点。

• QRCodeTerminal
  
  • 根据输入内容在Terminal中输出二维码的npm包