（第三方平台）开发相关，解除80端口占用，微信公众号分享jssdk实现，微信开放平台登录接口接入

一、开发相关

1.平台地址

微信开放平台
QQ互联平台SDK

2.文章收集

来自CSDN兄台的QQ登录使用的教程
微信网站应用开发的详细流程和引导

VueJs单页应用实现微信网页授权及微信分享功能
【必看精贴】微信网页分享开发，配置本地调试

微信分享功能实现

3.本地测试

1.关于本地测试OAuth,PC和移动修改hosts
2.whistle修改80代理端口

二、解除80端口占用

控制面板->服务->将下图服务停止即可

上述whistle使用，不过情况不太好，成本太高。
故暂使用80端口配合nginx转发至本机服务器端口3000实现。

三、微信公众号分享jssdk实现

1.注册服务号，认证300元后，即可使用权限API。

2.jssdk下载，以及安全域名配置 + ip白名单设置。
此处先尝试在云服务器上传MP_verify。让申请先通过，

在测试的时候修改本机的HOSTS 让k12-code.com指向本地服务器80端口（没必要使用443配合证书），应该就可以调用接口了。

3、根据 JSSDK文档 完成access_token的生成和ticket票据的获取，生成签名

微信 JS 接口签名校验工具

4、在微信开发者工具，访问k12-code（映射本机127.0.0.1），进行wx.config的配置打开debug调用接口是否可使用。


可以看到，权限调用成功。（二级域名也可以访问）
为验证之前本机域名映射的正确性，我们换一个未绑定的域名（也通过改HOSTS 本机映射）。

失败，提示域名错误。

到这儿，其实微信接口的本地开发，或者第三方平台接口的本地开发的性质都一样，都可以通过修改HOSTS映射至本机IP。这里涉及DNS解析知识，以后补给。

接下来是开发测试分享接口



其中3.1，3.2无法本机模拟测试，但是3.3和3.4均测试成功。开发到这就告一段落了。

四、微信开放平台登录接口接入

1.企业号注册 (QQ邮箱)
2.网站应用创建 (审核)。
3.开发资质认证 (300元)。
4.开始接入，按照 文档步骤

一样的本地开发，采用HOSTS修改映射。nginx转发请求


这里搭建测试环境的就不论了。直接到用户扫码后，重定向到网页（服务器），服务器接收到的code，如下：

可以拿code获取access_token // 这里我用node https模块发送请求

通过access_token调接口获取用户信息

之后就是涉及服务端数据入库的过程，注：如果希望同平台多应用用户数据共同，需要用到unionid，它代表当前开发平台账号的用户通用标识。

补充：基于cookie（即session标识前后联调），记得将所有请求域名都统一修改，不要使用localhost发请求，也不要请求的host是localhost，因为request cookie只会携带和目标host域名匹配的cookie数据。

来自2012年大佬的点拨：Cookie的Domain的作用域/有效范围