<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>邮件 &#8211; 个人随笔</title>
	<atom:link href="/label/%E9%82%AE%E4%BB%B6/feed" rel="self" type="application/rss+xml" />
	<link>/</link>
	<description></description>
	<lastBuildDate>Sat, 19 May 2018 12:22:22 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.1</generator>

<image>
	<url>/wp-content/uploads/2022/01/cropped-截屏2022-01-01-18.57.09-32x32.png</url>
	<title>邮件 &#8211; 个人随笔</title>
	<link>/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>TP3.2商城 （八）支付宝、邮件、QQ</title>
		<link>/%e5%90%8e%e5%8f%b0%e6%a1%86%e6%9e%b6/4136.html</link>
					<comments>/%e5%90%8e%e5%8f%b0%e6%a1%86%e6%9e%b6/4136.html#respond</comments>
		
		<dc:creator><![CDATA[Mr.Lee]]></dc:creator>
		<pubDate>Sat, 19 May 2018 12:22:22 +0000</pubDate>
				<category><![CDATA[TP3.2]]></category>
		<category><![CDATA[TP3.2商城]]></category>
		<category><![CDATA[后台框架]]></category>
		<category><![CDATA[QQ]]></category>
		<category><![CDATA[支付宝]]></category>
		<category><![CDATA[邮件]]></category>
		<guid isPermaLink="false">/?p=4136</guid>

					<description><![CDATA[支付宝 支付宝接口申请(了解) ①进入支付宝首页 ②点击企业进入蚂蚁金服 ③开始接入 ④使用企业账户进行登录  [&#8230;]]]></description>
										<content:encoded><![CDATA[<h1>支付宝</h1>
<h2>支付宝接口申请(了解)</h2>
<p>
  ①进入支付宝首页
</p>
<p><img fetchpriority="high" decoding="async" width="1133" height="264" src="/wp-content/uploads/2018/05/word-image-3678.png" class="wp-image-4137" srcset="/wp-content/uploads/2018/05/word-image-3678.png 1133w, /wp-content/uploads/2018/05/word-image-3678-300x70.png 300w, /wp-content/uploads/2018/05/word-image-3678-768x179.png 768w, /wp-content/uploads/2018/05/word-image-3678-1024x239.png 1024w" sizes="(max-width: 1133px) 100vw, 1133px" /></p>
<p>
  ②点击企业进入蚂蚁金服
</p>
<p><img decoding="async" width="1286" height="491" src="/wp-content/uploads/2018/05/word-image-3679.png" class="wp-image-4138" srcset="/wp-content/uploads/2018/05/word-image-3679.png 1286w, /wp-content/uploads/2018/05/word-image-3679-300x115.png 300w, /wp-content/uploads/2018/05/word-image-3679-768x293.png 768w, /wp-content/uploads/2018/05/word-image-3679-1024x391.png 1024w" sizes="(max-width: 1286px) 100vw, 1286px" /></p>
<p>
  ③开始接入
</p>
<p><img decoding="async" width="1015" height="475" src="/wp-content/uploads/2018/05/word-image-3680.png" class="wp-image-4139" srcset="/wp-content/uploads/2018/05/word-image-3680.png 1015w, /wp-content/uploads/2018/05/word-image-3680-300x140.png 300w, /wp-content/uploads/2018/05/word-image-3680-768x359.png 768w" sizes="(max-width: 1015px) 100vw, 1015px" /></p>
<p>
  ④使用企业账户进行登录
</p>
<p><img loading="lazy" decoding="async" width="1137" height="671" src="/wp-content/uploads/2018/05/word-image-3681.png" class="wp-image-4140" srcset="/wp-content/uploads/2018/05/word-image-3681.png 1137w, /wp-content/uploads/2018/05/word-image-3681-300x177.png 300w, /wp-content/uploads/2018/05/word-image-3681-768x453.png 768w, /wp-content/uploads/2018/05/word-image-3681-1024x604.png 1024w" sizes="(max-width: 1137px) 100vw, 1137px" /></p>
<h2>文档说明</h2>
<p>
  ①进入开放平台
</p>
<p><img loading="lazy" decoding="async" width="1313" height="236" src="/wp-content/uploads/2018/05/word-image-3682.png" class="wp-image-4141" srcset="/wp-content/uploads/2018/05/word-image-3682.png 1313w, /wp-content/uploads/2018/05/word-image-3682-300x54.png 300w, /wp-content/uploads/2018/05/word-image-3682-768x138.png 768w, /wp-content/uploads/2018/05/word-image-3682-1024x184.png 1024w" sizes="(max-width: 1313px) 100vw, 1313px" /></p>
<p>
  ②进入文档中心
</p>
<p><img loading="lazy" decoding="async" width="1337" height="505" src="/wp-content/uploads/2018/05/word-image-3683.png" class="wp-image-4142" srcset="/wp-content/uploads/2018/05/word-image-3683.png 1337w, /wp-content/uploads/2018/05/word-image-3683-300x113.png 300w, /wp-content/uploads/2018/05/word-image-3683-768x290.png 768w, /wp-content/uploads/2018/05/word-image-3683-1024x387.png 1024w" sizes="(max-width: 1337px) 100vw, 1337px" /></p>
<p>
  ③进入电脑网站支付文档
</p>
<p><img loading="lazy" decoding="async" width="1291" height="343" src="/wp-content/uploads/2018/05/word-image-3684.png" class="wp-image-4143" srcset="/wp-content/uploads/2018/05/word-image-3684.png 1291w, /wp-content/uploads/2018/05/word-image-3684-300x80.png 300w, /wp-content/uploads/2018/05/word-image-3684-768x204.png 768w, /wp-content/uploads/2018/05/word-image-3684-1024x272.png 1024w" sizes="(max-width: 1291px) 100vw, 1291px" /></p>
<p>
  ④在文档中找到demo
</p>
<p><img loading="lazy" decoding="async" width="1196" height="498" src="/wp-content/uploads/2018/05/word-image-3685.png" class="wp-image-4144" srcset="/wp-content/uploads/2018/05/word-image-3685.png 1196w, /wp-content/uploads/2018/05/word-image-3685-300x125.png 300w, /wp-content/uploads/2018/05/word-image-3685-768x320.png 768w, /wp-content/uploads/2018/05/word-image-3685-1024x426.png 1024w" sizes="(max-width: 1196px) 100vw, 1196px" /></p>
<p>
  ⑤查看下载代码的目录
</p>
<p><img loading="lazy" decoding="async" width="1034" height="457" src="/wp-content/uploads/2018/05/word-image-3686.png" class="wp-image-4145" srcset="/wp-content/uploads/2018/05/word-image-3686.png 1034w, /wp-content/uploads/2018/05/word-image-3686-300x133.png 300w, /wp-content/uploads/2018/05/word-image-3686-768x339.png 768w, /wp-content/uploads/2018/05/word-image-3686-1024x453.png 1024w" sizes="(max-width: 1034px) 100vw, 1034px" /></p>
<h2>接入测试支付</h2>
<h3>1.3.1、申请成为开发者</h3>
<p>
  由于个人不能使用支付宝收款接口。需要使用自己的个人账户成为开发者。开发者有默认到的测试应用可以进行开发
</p>
<p>
  ①申请成为开发者
</p>
<p><a href="https://open.alipay.com/platform/homeRoleSelection.htm">https://open.alipay.com/platform/homeRoleSelection.htm</a>
</p>
<p><img loading="lazy" decoding="async" width="1291" height="646" src="/wp-content/uploads/2018/05/word-image-3687.png" class="wp-image-4146" srcset="/wp-content/uploads/2018/05/word-image-3687.png 1291w, /wp-content/uploads/2018/05/word-image-3687-300x150.png 300w, /wp-content/uploads/2018/05/word-image-3687-768x384.png 768w, /wp-content/uploads/2018/05/word-image-3687-1024x512.png 1024w" sizes="(max-width: 1291px) 100vw, 1291px" /></p>
<p>
  ②进入管理中心
</p>
<p><img loading="lazy" decoding="async" width="1318" height="198" src="/wp-content/uploads/2018/05/word-image-3688.png" class="wp-image-4147" srcset="/wp-content/uploads/2018/05/word-image-3688.png 1318w, /wp-content/uploads/2018/05/word-image-3688-300x45.png 300w, /wp-content/uploads/2018/05/word-image-3688-768x115.png 768w, /wp-content/uploads/2018/05/word-image-3688-1024x154.png 1024w" sizes="(max-width: 1318px) 100vw, 1318px" /></p>
<p>
  外观如下
</p>
<p><img loading="lazy" decoding="async" width="1168" height="617" src="/wp-content/uploads/2018/05/word-image-3689.png" class="wp-image-4148" srcset="/wp-content/uploads/2018/05/word-image-3689.png 1168w, /wp-content/uploads/2018/05/word-image-3689-300x158.png 300w, /wp-content/uploads/2018/05/word-image-3689-768x406.png 768w, /wp-content/uploads/2018/05/word-image-3689-1024x541.png 1024w" sizes="(max-width: 1168px) 100vw, 1168px" /></p>
<p>
  ③进入研发服务
</p>
<p><img loading="lazy" decoding="async" width="894" height="256" src="/wp-content/uploads/2018/05/word-image-3690.png" class="wp-image-4149" srcset="/wp-content/uploads/2018/05/word-image-3690.png 894w, /wp-content/uploads/2018/05/word-image-3690-300x86.png 300w, /wp-content/uploads/2018/05/word-image-3690-768x220.png 768w" sizes="(max-width: 894px) 100vw, 894px" /></p>
<p>
  进入到研发服务界面
</p>
<p><img loading="lazy" decoding="async" width="1116" height="414" src="/wp-content/uploads/2018/05/word-image-3691.png" class="wp-image-4150" srcset="/wp-content/uploads/2018/05/word-image-3691.png 1116w, /wp-content/uploads/2018/05/word-image-3691-300x111.png 300w, /wp-content/uploads/2018/05/word-image-3691-768x285.png 768w, /wp-content/uploads/2018/05/word-image-3691-1024x380.png 1024w" sizes="(max-width: 1116px) 100vw, 1116px" /></p>
<p>
  ④查看沙箱的APPId
</p>
<p><img loading="lazy" decoding="async" width="841" height="200" src="/wp-content/uploads/2018/05/word-image-3692.png" class="wp-image-4151" srcset="/wp-content/uploads/2018/05/word-image-3692.png 841w, /wp-content/uploads/2018/05/word-image-3692-300x71.png 300w, /wp-content/uploads/2018/05/word-image-3692-768x183.png 768w" sizes="(max-width: 841px) 100vw, 841px" /></p>
<h3>1.3.2、设置密钥</h3>
<p>
  ①先设置密钥
</p>
<p><img loading="lazy" decoding="async" width="795" height="252" src="/wp-content/uploads/2018/05/word-image-3693.png" class="wp-image-4152" srcset="/wp-content/uploads/2018/05/word-image-3693.png 795w, /wp-content/uploads/2018/05/word-image-3693-300x95.png 300w, /wp-content/uploads/2018/05/word-image-3693-768x243.png 768w" sizes="(max-width: 795px) 100vw, 795px" /></p>
<p>
  界面如下
</p>
<p><img loading="lazy" decoding="async" width="793" height="417" src="/wp-content/uploads/2018/05/word-image-3694.png" class="wp-image-4153" srcset="/wp-content/uploads/2018/05/word-image-3694.png 793w, /wp-content/uploads/2018/05/word-image-3694-300x158.png 300w, /wp-content/uploads/2018/05/word-image-3694-768x404.png 768w" sizes="(max-width: 793px) 100vw, 793px" /></p>
<p>
  ②查看密钥的设置方式
</p>
<p>
  可以点击密钥生成方法查看如何填写密钥信息地址：<a href="https://docs.open.alipay.com/291/105971">https://docs.open.alipay.com/291/105971</a>
</p>
<p><img loading="lazy" decoding="async" width="910" height="482" src="/wp-content/uploads/2018/05/word-image-3695.png" class="wp-image-4154" srcset="/wp-content/uploads/2018/05/word-image-3695.png 910w, /wp-content/uploads/2018/05/word-image-3695-300x159.png 300w, /wp-content/uploads/2018/05/word-image-3695-768x407.png 768w" sizes="(max-width: 910px) 100vw, 910px" /></p>
<p>
  ③使用下载的工具生成密钥
</p>
<p><img loading="lazy" decoding="async" width="1286" height="732" src="/wp-content/uploads/2018/05/word-image-3696.png" class="wp-image-4155" srcset="/wp-content/uploads/2018/05/word-image-3696.png 1286w, /wp-content/uploads/2018/05/word-image-3696-300x171.png 300w, /wp-content/uploads/2018/05/word-image-3696-768x437.png 768w, /wp-content/uploads/2018/05/word-image-3696-1024x583.png 1024w" sizes="(max-width: 1286px) 100vw, 1286px" /></p>
<p>
  ④使用生成的密钥设置
</p>
<p><img loading="lazy" decoding="async" width="800" height="400" src="/wp-content/uploads/2018/05/word-image-3697.png" class="wp-image-4156" srcset="/wp-content/uploads/2018/05/word-image-3697.png 800w, /wp-content/uploads/2018/05/word-image-3697-300x150.png 300w, /wp-content/uploads/2018/05/word-image-3697-768x384.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<h3>1.3.3、本地测试支付</h3>
<p>
  ①拷贝下载的demo到web目录下
</p>
<p><img loading="lazy" decoding="async" width="954" height="437" src="/wp-content/uploads/2018/05/word-image-3698.png" class="wp-image-4157" srcset="/wp-content/uploads/2018/05/word-image-3698.png 954w, /wp-content/uploads/2018/05/word-image-3698-300x137.png 300w, /wp-content/uploads/2018/05/word-image-3698-768x352.png 768w" sizes="(max-width: 954px) 100vw, 954px" /></p>
<p>
  ②修改配置文件
</p>
<p><img loading="lazy" decoding="async" width="1064" height="691" src="/wp-content/uploads/2018/05/word-image-3699.png" class="wp-image-4158" srcset="/wp-content/uploads/2018/05/word-image-3699.png 1064w, /wp-content/uploads/2018/05/word-image-3699-300x195.png 300w, /wp-content/uploads/2018/05/word-image-3699-768x499.png 768w, /wp-content/uploads/2018/05/word-image-3699-1024x665.png 1024w" sizes="(max-width: 1064px) 100vw, 1064px" /></p>
<p>
  ③访问demo
</p>
<p><img loading="lazy" decoding="async" width="1256" height="393" src="/wp-content/uploads/2018/05/word-image-3700.png" class="wp-image-4159" srcset="/wp-content/uploads/2018/05/word-image-3700.png 1256w, /wp-content/uploads/2018/05/word-image-3700-300x94.png 300w, /wp-content/uploads/2018/05/word-image-3700-768x240.png 768w, /wp-content/uploads/2018/05/word-image-3700-1024x320.png 1024w" sizes="(max-width: 1256px) 100vw, 1256px" /></p>
<p>
  ④查看付款提交的action
</p>
<p><img loading="lazy" decoding="async" width="1183" height="503" src="/wp-content/uploads/2018/05/word-image-3701.png" class="wp-image-4160" srcset="/wp-content/uploads/2018/05/word-image-3701.png 1183w, /wp-content/uploads/2018/05/word-image-3701-300x128.png 300w, /wp-content/uploads/2018/05/word-image-3701-768x327.png 768w, /wp-content/uploads/2018/05/word-image-3701-1024x435.png 1024w" sizes="(max-width: 1183px) 100vw, 1183px" /></p>
<p>
  ⑤点击付款进入支付页
</p>
<p><img loading="lazy" decoding="async" width="1261" height="679" src="/wp-content/uploads/2018/05/word-image-3702.png" class="wp-image-4161" srcset="/wp-content/uploads/2018/05/word-image-3702.png 1261w, /wp-content/uploads/2018/05/word-image-3702-300x162.png 300w, /wp-content/uploads/2018/05/word-image-3702-768x414.png 768w, /wp-content/uploads/2018/05/word-image-3702-1024x551.png 1024w" sizes="(max-width: 1261px) 100vw, 1261px" /></p>
<p>
  由于付款需要使用账户 正常的个人账户不可以使用需要使用测试账户
</p>
<p>
  ⑥查看测试账户
</p>
<p><img loading="lazy" decoding="async" width="1036" height="670" src="/wp-content/uploads/2018/05/word-image-3703.png" class="wp-image-4162" srcset="/wp-content/uploads/2018/05/word-image-3703.png 1036w, /wp-content/uploads/2018/05/word-image-3703-300x194.png 300w, /wp-content/uploads/2018/05/word-image-3703-768x497.png 768w, /wp-content/uploads/2018/05/word-image-3703-1024x662.png 1024w" sizes="(max-width: 1036px) 100vw, 1036px" /></p>
<p>
  ⑦使用测试账户付款
</p>
<p><img loading="lazy" decoding="async" width="1318" height="602" src="/wp-content/uploads/2018/05/word-image-3704.png" class="wp-image-4163" srcset="/wp-content/uploads/2018/05/word-image-3704.png 1318w, /wp-content/uploads/2018/05/word-image-3704-300x137.png 300w, /wp-content/uploads/2018/05/word-image-3704-768x351.png 768w, /wp-content/uploads/2018/05/word-image-3704-1024x468.png 1024w" sizes="(max-width: 1318px) 100vw, 1318px" /></p>
<p>
  ⑧跳转到同步的回调地址
</p>
<p><img loading="lazy" decoding="async" width="1178" height="170" src="/wp-content/uploads/2018/05/word-image-3705.png" class="wp-image-4164" srcset="/wp-content/uploads/2018/05/word-image-3705.png 1178w, /wp-content/uploads/2018/05/word-image-3705-300x43.png 300w, /wp-content/uploads/2018/05/word-image-3705-768x111.png 768w, /wp-content/uploads/2018/05/word-image-3705-1024x148.png 1024w" sizes="(max-width: 1178px) 100vw, 1178px" /></p>
<h2>支付宝支付的流程</h2>
<p><img loading="lazy" decoding="async" width="1015" height="465" src="/wp-content/uploads/2018/05/word-image-3706.png" class="wp-image-4165" srcset="/wp-content/uploads/2018/05/word-image-3706.png 1015w, /wp-content/uploads/2018/05/word-image-3706-300x137.png 300w, /wp-content/uploads/2018/05/word-image-3706-768x352.png 768w" sizes="(max-width: 1015px) 100vw, 1015px" /></p>
<h2>项目中使用支付宝支付</h2>
<p>
  ①将测试的支付宝代码拷贝到项目中
</p>
<p><img loading="lazy" decoding="async" width="1246" height="457" src="/wp-content/uploads/2018/05/word-image-3707.png" class="wp-image-4166" srcset="/wp-content/uploads/2018/05/word-image-3707.png 1246w, /wp-content/uploads/2018/05/word-image-3707-300x110.png 300w, /wp-content/uploads/2018/05/word-image-3707-768x282.png 768w, /wp-content/uploads/2018/05/word-image-3707-1024x376.png 1024w" sizes="(max-width: 1246px) 100vw, 1246px" /></p>
<p>
  ②修改订单入库的返回数据代码
</p>
<p><img loading="lazy" decoding="async" width="1082" height="686" src="/wp-content/uploads/2018/05/word-image-3708.png" class="wp-image-4167" srcset="/wp-content/uploads/2018/05/word-image-3708.png 1082w, /wp-content/uploads/2018/05/word-image-3708-300x190.png 300w, /wp-content/uploads/2018/05/word-image-3708-768x487.png 768w, /wp-content/uploads/2018/05/word-image-3708-1024x649.png 1024w" sizes="(max-width: 1082px) 100vw, 1082px" /></p>
<p>
  ③拷贝支付的代码到下单处
</p>
<p><img loading="lazy" decoding="async" width="1214" height="703" src="/wp-content/uploads/2018/05/word-image-3709.png" class="wp-image-4168" srcset="/wp-content/uploads/2018/05/word-image-3709.png 1214w, /wp-content/uploads/2018/05/word-image-3709-300x174.png 300w, /wp-content/uploads/2018/05/word-image-3709-768x445.png 768w, /wp-content/uploads/2018/05/word-image-3709-1024x593.png 1024w" sizes="(max-width: 1214px) 100vw, 1214px" /><br />
<img loading="lazy" decoding="async" width="1062" height="551" src="/wp-content/uploads/2018/05/word-image-3710.png" class="wp-image-4169" srcset="/wp-content/uploads/2018/05/word-image-3710.png 1062w, /wp-content/uploads/2018/05/word-image-3710-300x156.png 300w, /wp-content/uploads/2018/05/word-image-3710-768x398.png 768w, /wp-content/uploads/2018/05/word-image-3710-1024x531.png 1024w" sizes="(max-width: 1062px) 100vw, 1062px" /></p>
<p>
  ④修改配置文件中的接口地址
</p>
<p><img loading="lazy" decoding="async" width="1082" height="673" src="/wp-content/uploads/2018/05/word-image-3711.png" class="wp-image-4170" srcset="/wp-content/uploads/2018/05/word-image-3711.png 1082w, /wp-content/uploads/2018/05/word-image-3711-300x187.png 300w, /wp-content/uploads/2018/05/word-image-3711-768x478.png 768w, /wp-content/uploads/2018/05/word-image-3711-1024x637.png 1024w" sizes="(max-width: 1082px) 100vw, 1082px" /></p>
<p>
  ⑤当支付时会报错
</p>
<p><img loading="lazy" decoding="async" width="1346" height="472" src="/wp-content/uploads/2018/05/word-image-3712.png" class="wp-image-4171" srcset="/wp-content/uploads/2018/05/word-image-3712.png 1346w, /wp-content/uploads/2018/05/word-image-3712-300x105.png 300w, /wp-content/uploads/2018/05/word-image-3712-768x269.png 768w, /wp-content/uploads/2018/05/word-image-3712-1024x359.png 1024w" sizes="(max-width: 1346px) 100vw, 1346px" /></p>
<p>
  修改函数名称即可
</p>
<p><img loading="lazy" decoding="async" width="1346" height="577" src="/wp-content/uploads/2018/05/word-image-3713.png" class="wp-image-4172" srcset="/wp-content/uploads/2018/05/word-image-3713.png 1346w, /wp-content/uploads/2018/05/word-image-3713-300x129.png 300w, /wp-content/uploads/2018/05/word-image-3713-768x329.png 768w, /wp-content/uploads/2018/05/word-image-3713-1024x439.png 1024w" sizes="(max-width: 1346px) 100vw, 1346px" /></p>
<p>
  ⑥处理同步回调
</p>
<p><img loading="lazy" decoding="async" width="1265" height="692" src="/wp-content/uploads/2018/05/word-image-3714.png" class="wp-image-4173" srcset="/wp-content/uploads/2018/05/word-image-3714.png 1265w, /wp-content/uploads/2018/05/word-image-3714-300x164.png 300w, /wp-content/uploads/2018/05/word-image-3714-768x420.png 768w, /wp-content/uploads/2018/05/word-image-3714-1024x560.png 1024w" sizes="(max-width: 1265px) 100vw, 1265px" /></p>
<p>
  ⑦处理异步
</p>
<p><img loading="lazy" decoding="async" width="1277" height="699" src="/wp-content/uploads/2018/05/word-image-3715.png" class="wp-image-4174" srcset="/wp-content/uploads/2018/05/word-image-3715.png 1277w, /wp-content/uploads/2018/05/word-image-3715-300x164.png 300w, /wp-content/uploads/2018/05/word-image-3715-768x420.png 768w, /wp-content/uploads/2018/05/word-image-3715-1024x561.png 1024w" sizes="(max-width: 1277px) 100vw, 1277px" /></p>
<p>
  支付效果如下
</p>
<p><img loading="lazy" decoding="async" width="1243" height="234" src="/wp-content/uploads/2018/05/word-image-3716.png" class="wp-image-4175" srcset="/wp-content/uploads/2018/05/word-image-3716.png 1243w, /wp-content/uploads/2018/05/word-image-3716-300x56.png 300w, /wp-content/uploads/2018/05/word-image-3716-768x145.png 768w, /wp-content/uploads/2018/05/word-image-3716-1024x193.png 1024w" sizes="(max-width: 1243px) 100vw, 1243px" /></p>
<p>
  注意：支付宝异步回调地址不能有任何的身份验证(支付宝自带验证)
</p>
<h1>邮件注册</h1>
<h2>邮件发送原理</h2>
<p><img loading="lazy" decoding="async" width="1257" height="493" src="/wp-content/uploads/2018/05/word-image-3717.png" class="wp-image-4176" srcset="/wp-content/uploads/2018/05/word-image-3717.png 1257w, /wp-content/uploads/2018/05/word-image-3717-300x118.png 300w, /wp-content/uploads/2018/05/word-image-3717-768x301.png 768w, /wp-content/uploads/2018/05/word-image-3717-1024x402.png 1024w" sizes="(max-width: 1257px) 100vw, 1257px" /></p>
<ol>
<li>
  a用户编写邮箱发送邮件
</li>
<li>
  邮件发送会请求a对应的邮件服务器，请求过程中使用smtp协议进行通信。
</li>
<li>
  当smtp服务收到请求，判断收件人是否为隶属于同一个平台。如果是直接将邮件内容存储到收件人的存储空间。否则请求收件人对应的邮件服务器
</li>
<li>
  收件人的smtp服务接受到请求。同样也会判断，如果确认为本平台的用户将内容存储到对应用户的存储空间
</li>
<li>
  收件人查看邮件时，使用pop3服务将存储空间中的内容获取回来
</li>
</ol>
<h2>实现发送邮件</h2>
<h3>申请邮箱账户</h3>
<p>
  ①注册163邮箱账户
</p>
<p><img loading="lazy" decoding="async" width="1277" height="580" src="/wp-content/uploads/2018/05/word-image-3718.png" class="wp-image-4178" srcset="/wp-content/uploads/2018/05/word-image-3718.png 1277w, /wp-content/uploads/2018/05/word-image-3718-300x136.png 300w, /wp-content/uploads/2018/05/word-image-3718-768x349.png 768w, /wp-content/uploads/2018/05/word-image-3718-1024x465.png 1024w" sizes="(max-width: 1277px) 100vw, 1277px" /></p>
<p>
  ②登录邮箱进入 首页
</p>
<p><img loading="lazy" decoding="async" width="1041" height="353" src="/wp-content/uploads/2018/05/word-image-3719.png" class="wp-image-4179" srcset="/wp-content/uploads/2018/05/word-image-3719.png 1041w, /wp-content/uploads/2018/05/word-image-3719-300x102.png 300w, /wp-content/uploads/2018/05/word-image-3719-768x260.png 768w, /wp-content/uploads/2018/05/word-image-3719-1024x347.png 1024w" sizes="(max-width: 1041px) 100vw, 1041px" /></p>
<h3>开启邮件服务</h3>
<p>
  ①进入开启的设置页
</p>
<p><img loading="lazy" decoding="async" width="1193" height="435" src="/wp-content/uploads/2018/05/word-image-3720.png" class="wp-image-4180" srcset="/wp-content/uploads/2018/05/word-image-3720.png 1193w, /wp-content/uploads/2018/05/word-image-3720-300x109.png 300w, /wp-content/uploads/2018/05/word-image-3720-768x280.png 768w, /wp-content/uploads/2018/05/word-image-3720-1024x373.png 1024w" sizes="(max-width: 1193px) 100vw, 1193px" /><br />
<img loading="lazy" decoding="async" width="1137" height="445" src="/wp-content/uploads/2018/05/word-image-3721.png" class="wp-image-4181" srcset="/wp-content/uploads/2018/05/word-image-3721.png 1137w, /wp-content/uploads/2018/05/word-image-3721-300x117.png 300w, /wp-content/uploads/2018/05/word-image-3721-768x301.png 768w, /wp-content/uploads/2018/05/word-image-3721-1024x401.png 1024w" sizes="(max-width: 1137px) 100vw, 1137px" /></p>
<p>
  ②开启权限(已经开启可以忽略)
</p>
<p><img loading="lazy" decoding="async" width="1151" height="401" src="/wp-content/uploads/2018/05/word-image-3722.png" class="wp-image-4182" srcset="/wp-content/uploads/2018/05/word-image-3722.png 1151w, /wp-content/uploads/2018/05/word-image-3722-300x105.png 300w, /wp-content/uploads/2018/05/word-image-3722-768x268.png 768w, /wp-content/uploads/2018/05/word-image-3722-1024x357.png 1024w" sizes="(max-width: 1151px) 100vw, 1151px" /></p>
<p>
  ③设置第三方授权密码
</p>
<p><img loading="lazy" decoding="async" width="1100" height="438" src="/wp-content/uploads/2018/05/word-image-3723.png" class="wp-image-4183" srcset="/wp-content/uploads/2018/05/word-image-3723.png 1100w, /wp-content/uploads/2018/05/word-image-3723-300x119.png 300w, /wp-content/uploads/2018/05/word-image-3723-768x306.png 768w, /wp-content/uploads/2018/05/word-image-3723-1024x408.png 1024w" sizes="(max-width: 1100px) 100vw, 1100px" /></p>
<p>
  此密码跟登录密码劲量不要设置为一致。此密码时给第三方使用。当第三方需要使用该邮箱发送邮件需要进行密码校验。密码校验使用第三方授权密码
</p>
<h3>使用PHPmailer实现邮箱发送</h3>
<p>
  ①将源码拷贝web目录下
</p>
<p><img loading="lazy" decoding="async" width="1319" height="489" src="/wp-content/uploads/2018/05/word-image-3724.png" class="wp-image-4184" srcset="/wp-content/uploads/2018/05/word-image-3724.png 1319w, /wp-content/uploads/2018/05/word-image-3724-300x111.png 300w, /wp-content/uploads/2018/05/word-image-3724-768x285.png 768w, /wp-content/uploads/2018/05/word-image-3724-1024x380.png 1024w" sizes="(max-width: 1319px) 100vw, 1319px" /></p>
<p>
  ②编写发送邮件的代码
</p>
<p><img loading="lazy" decoding="async" width="1052" height="701" src="/wp-content/uploads/2018/05/word-image-3725.png" class="wp-image-4185" srcset="/wp-content/uploads/2018/05/word-image-3725.png 1052w, /wp-content/uploads/2018/05/word-image-3725-300x200.png 300w, /wp-content/uploads/2018/05/word-image-3725-768x512.png 768w, /wp-content/uploads/2018/05/word-image-3725-1024x682.png 1024w" sizes="(max-width: 1052px) 100vw, 1052px" /></p>
<p>
  使用收件人的邮箱查看效果
</p>
<p><img loading="lazy" decoding="async" width="1189" height="556" src="/wp-content/uploads/2018/05/word-image-3726.png" class="wp-image-4186" srcset="/wp-content/uploads/2018/05/word-image-3726.png 1189w, /wp-content/uploads/2018/05/word-image-3726-300x140.png 300w, /wp-content/uploads/2018/05/word-image-3726-768x359.png 768w, /wp-content/uploads/2018/05/word-image-3726-1024x479.png 1024w" sizes="(max-width: 1189px) 100vw, 1189px" /></p>
<p>
  ③解决报错
</p>
<p><img loading="lazy" decoding="async" width="1339" height="176" src="/wp-content/uploads/2018/05/word-image-3727.png" class="wp-image-4187" srcset="/wp-content/uploads/2018/05/word-image-3727.png 1339w, /wp-content/uploads/2018/05/word-image-3727-300x39.png 300w, /wp-content/uploads/2018/05/word-image-3727-768x101.png 768w, /wp-content/uploads/2018/05/word-image-3727-1024x135.png 1024w" sizes="(max-width: 1339px) 100vw, 1339px" /></p>
<p>
  由于版本问题函数已经不存在因此注释掉对于代码即可
</p>
</p>
<p><img loading="lazy" decoding="async" width="1218" height="673" src="/wp-content/uploads/2018/05/word-image-3728.png" class="wp-image-4188" srcset="/wp-content/uploads/2018/05/word-image-3728.png 1218w, /wp-content/uploads/2018/05/word-image-3728-300x166.png 300w, /wp-content/uploads/2018/05/word-image-3728-768x424.png 768w, /wp-content/uploads/2018/05/word-image-3728-1024x566.png 1024w" sizes="(max-width: 1218px) 100vw, 1218px" /></p>
<h2>实现邮件注册</h2>
<h3>将发送邮件封装成为函数</h3>
<p>
  ①拷贝phpemailer源码
</p>
<p><img loading="lazy" decoding="async" width="1208" height="478" src="/wp-content/uploads/2018/05/word-image-3729.png" class="wp-image-4189" srcset="/wp-content/uploads/2018/05/word-image-3729.png 1208w, /wp-content/uploads/2018/05/word-image-3729-300x119.png 300w, /wp-content/uploads/2018/05/word-image-3729-768x304.png 768w, /wp-content/uploads/2018/05/word-image-3729-1024x405.png 1024w" sizes="(max-width: 1208px) 100vw, 1208px" /></p>
<p>
  ②创建发送邮件的公共函数
</p>
<p><img loading="lazy" decoding="async" width="975" height="688" src="/wp-content/uploads/2018/05/word-image-3730.png" class="wp-image-4190" srcset="/wp-content/uploads/2018/05/word-image-3730.png 975w, /wp-content/uploads/2018/05/word-image-3730-300x212.png 300w, /wp-content/uploads/2018/05/word-image-3730-768x542.png 768w" sizes="(max-width: 975px) 100vw, 975px" /></p>
<p>
  ③创建方法测试邮件发送
</p>
<p><img loading="lazy" decoding="async" width="945" height="427" src="/wp-content/uploads/2018/05/word-image-3731.png" class="wp-image-4191" srcset="/wp-content/uploads/2018/05/word-image-3731.png 945w, /wp-content/uploads/2018/05/word-image-3731-300x136.png 300w, /wp-content/uploads/2018/05/word-image-3731-768x347.png 768w" sizes="(max-width: 945px) 100vw, 945px" /><br />
<img loading="lazy" decoding="async" width="678" height="181" src="/wp-content/uploads/2018/05/word-image-3732.png" class="wp-image-4192" srcset="/wp-content/uploads/2018/05/word-image-3732.png 678w, /wp-content/uploads/2018/05/word-image-3732-300x80.png 300w" sizes="(max-width: 678px) 100vw, 678px" /></p>
<h3>修改数据表</h3>
<p>
  ①修改表结构
</p>
<p><img loading="lazy" decoding="async" width="795" height="331" src="/wp-content/uploads/2018/05/word-image-3733.png" class="wp-image-4193" srcset="/wp-content/uploads/2018/05/word-image-3733.png 795w, /wp-content/uploads/2018/05/word-image-3733-300x125.png 300w, /wp-content/uploads/2018/05/word-image-3733-768x320.png 768w" sizes="(max-width: 795px) 100vw, 795px" /></p>
<p>
  ②修改自定义字段
</p>
<p><img loading="lazy" decoding="async" width="1082" height="446" src="/wp-content/uploads/2018/05/word-image-3734.png" class="wp-image-4194" srcset="/wp-content/uploads/2018/05/word-image-3734.png 1082w, /wp-content/uploads/2018/05/word-image-3734-300x124.png 300w, /wp-content/uploads/2018/05/word-image-3734-768x317.png 768w, /wp-content/uploads/2018/05/word-image-3734-1024x422.png 1024w" sizes="(max-width: 1082px) 100vw, 1082px" /></p>
<h3>实现邮箱注册</h3>
<p>
  ①创建邮箱注册的方法
</p>
<p><img loading="lazy" decoding="async" width="997" height="583" src="/wp-content/uploads/2018/05/word-image-3735.png" class="wp-image-4195" srcset="/wp-content/uploads/2018/05/word-image-3735.png 997w, /wp-content/uploads/2018/05/word-image-3735-300x175.png 300w, /wp-content/uploads/2018/05/word-image-3735-768x449.png 768w" sizes="(max-width: 997px) 100vw, 997px" /></p>
<p>
  ②处理模板文件
</p>
<p><img loading="lazy" decoding="async" width="1093" height="685" src="/wp-content/uploads/2018/05/word-image-3736.png" class="wp-image-4196" srcset="/wp-content/uploads/2018/05/word-image-3736.png 1093w, /wp-content/uploads/2018/05/word-image-3736-300x188.png 300w, /wp-content/uploads/2018/05/word-image-3736-768x481.png 768w, /wp-content/uploads/2018/05/word-image-3736-1024x642.png 1024w" sizes="(max-width: 1093px) 100vw, 1093px" /><br />
<img loading="lazy" decoding="async" width="909" height="557" src="/wp-content/uploads/2018/05/word-image-3737.png" class="wp-image-4197" srcset="/wp-content/uploads/2018/05/word-image-3737.png 909w, /wp-content/uploads/2018/05/word-image-3737-300x184.png 300w, /wp-content/uploads/2018/05/word-image-3737-768x471.png 768w" sizes="(max-width: 909px) 100vw, 909px" /></p>
<p>
  ③在模型中实现方法对用户信息进行入库
</p>
<p><img loading="lazy" decoding="async" width="1027" height="668" src="/wp-content/uploads/2018/05/word-image-3738.png" class="wp-image-4198" srcset="/wp-content/uploads/2018/05/word-image-3738.png 1027w, /wp-content/uploads/2018/05/word-image-3738-300x195.png 300w, /wp-content/uploads/2018/05/word-image-3738-768x500.png 768w, /wp-content/uploads/2018/05/word-image-3738-1024x666.png 1024w" sizes="(max-width: 1027px) 100vw, 1027px" /></p>
<p>
  ④测试实现注册的入库
</p>
<p><img loading="lazy" decoding="async" width="1187" height="233" src="/wp-content/uploads/2018/05/word-image-3739.png" class="wp-image-4199" srcset="/wp-content/uploads/2018/05/word-image-3739.png 1187w, /wp-content/uploads/2018/05/word-image-3739-300x59.png 300w, /wp-content/uploads/2018/05/word-image-3739-768x151.png 768w, /wp-content/uploads/2018/05/word-image-3739-1024x201.png 1024w" sizes="(max-width: 1187px) 100vw, 1187px" /></p>
<h3>实现注册成功发送邮件</h3>
<p>
  激活邮件本质就是项目中的一个方法的连接地址。此地址当用户访问时需要知道具体是哪一个用户在进行激活操作。因此需要标识符。
</p>
<p><img loading="lazy" decoding="async" width="1034" height="670" src="/wp-content/uploads/2018/05/word-image-3740.png" class="wp-image-4200" srcset="/wp-content/uploads/2018/05/word-image-3740.png 1034w, /wp-content/uploads/2018/05/word-image-3740-300x194.png 300w, /wp-content/uploads/2018/05/word-image-3740-768x498.png 768w, /wp-content/uploads/2018/05/word-image-3740-1024x664.png 1024w" sizes="(max-width: 1034px) 100vw, 1034px" /></p>
<p>
  效果如下
</p>
<p><img loading="lazy" decoding="async" width="951" height="436" src="/wp-content/uploads/2018/05/word-image-3741.png" class="wp-image-4201" srcset="/wp-content/uploads/2018/05/word-image-3741.png 951w, /wp-content/uploads/2018/05/word-image-3741-300x138.png 300w, /wp-content/uploads/2018/05/word-image-3741-768x352.png 768w" sizes="(max-width: 951px) 100vw, 951px" /></p>
<h3>实现用户激活</h3>
<p>
  ①实现邮箱激活
</p>
<p><img loading="lazy" decoding="async" width="1073" height="592" src="/wp-content/uploads/2018/05/word-image-3742.png" class="wp-image-4202" srcset="/wp-content/uploads/2018/05/word-image-3742.png 1073w, /wp-content/uploads/2018/05/word-image-3742-300x166.png 300w, /wp-content/uploads/2018/05/word-image-3742-768x424.png 768w, /wp-content/uploads/2018/05/word-image-3742-1024x565.png 1024w" sizes="(max-width: 1073px) 100vw, 1073px" /></p>
<p>
  点击链接激活之后的结果
</p>
<p><img loading="lazy" decoding="async" width="1299" height="346" src="/wp-content/uploads/2018/05/word-image-3743.png" class="wp-image-4203" srcset="/wp-content/uploads/2018/05/word-image-3743.png 1299w, /wp-content/uploads/2018/05/word-image-3743-300x80.png 300w, /wp-content/uploads/2018/05/word-image-3743-768x205.png 768w, /wp-content/uploads/2018/05/word-image-3743-1024x273.png 1024w" sizes="(max-width: 1299px) 100vw, 1299px" /></p>
<p>
  ②修改手机注册默认为激活状态
</p>
<p><img loading="lazy" decoding="async" width="1017" height="533" src="/wp-content/uploads/2018/05/word-image-3744.png" class="wp-image-4204" srcset="/wp-content/uploads/2018/05/word-image-3744.png 1017w, /wp-content/uploads/2018/05/word-image-3744-300x157.png 300w, /wp-content/uploads/2018/05/word-image-3744-768x403.png 768w" sizes="(max-width: 1017px) 100vw, 1017px" /></p>
<p>
  ③禁止没有激活的用户登录
</p>
<p><img loading="lazy" decoding="async" width="986" height="701" src="/wp-content/uploads/2018/05/word-image-3745.png" class="wp-image-4205" srcset="/wp-content/uploads/2018/05/word-image-3745.png 986w, /wp-content/uploads/2018/05/word-image-3745-300x213.png 300w, /wp-content/uploads/2018/05/word-image-3745-768x546.png 768w" sizes="(max-width: 986px) 100vw, 986px" /></p>
<h1>3、腾讯登录</h1>
<h2>3.1、腾讯登录签约流程</h2>
<p>
  ①使用QQ号登录QQ互联
</p>
<p><img loading="lazy" decoding="async" width="1366" height="390" src="/wp-content/uploads/2018/05/word-image-3746.png" class="wp-image-4206" srcset="/wp-content/uploads/2018/05/word-image-3746.png 1366w, /wp-content/uploads/2018/05/word-image-3746-300x86.png 300w, /wp-content/uploads/2018/05/word-image-3746-768x219.png 768w, /wp-content/uploads/2018/05/word-image-3746-1024x292.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" /></p>
<p>
  具体地址：<a href="https://connect.qq.com/">https://connect.qq.com/</a>
</p>
<p>
  ②申请成为开发者
</p>
<p>
  对于第一次登录QQ互联默认会提示表单进行填写
</p>
<p><img loading="lazy" decoding="async" width="1207" height="690" src="/wp-content/uploads/2018/05/word-image-3747.png" class="wp-image-4207" srcset="/wp-content/uploads/2018/05/word-image-3747.png 1207w, /wp-content/uploads/2018/05/word-image-3747-300x171.png 300w, /wp-content/uploads/2018/05/word-image-3747-768x439.png 768w, /wp-content/uploads/2018/05/word-image-3747-1024x585.png 1024w" sizes="(max-width: 1207px) 100vw, 1207px" /></p>
<p>
  对于目前的在QQ互联下去申请成为开发者操作上可能不是特别方便 。也可以在腾讯开发平台下进行申请(http://open.qq.com/)。
</p>
<p>
  当开发者申请完成之后在应用中可以看到如下的结果
</p>
<p><img loading="lazy" decoding="async" width="1231" height="340" src="/wp-content/uploads/2018/05/word-image-3748.png" class="wp-image-4208" srcset="/wp-content/uploads/2018/05/word-image-3748.png 1231w, /wp-content/uploads/2018/05/word-image-3748-300x83.png 300w, /wp-content/uploads/2018/05/word-image-3748-768x212.png 768w, /wp-content/uploads/2018/05/word-image-3748-1024x283.png 1024w" sizes="(max-width: 1231px) 100vw, 1231px" /></p>
<p>
  ③创建应用
</p>
<p>
  当成为开发者之后才能创建应用
</p>
<p><img loading="lazy" decoding="async" width="1120" height="463" src="/wp-content/uploads/2018/05/word-image-3749.png" class="wp-image-4209" srcset="/wp-content/uploads/2018/05/word-image-3749.png 1120w, /wp-content/uploads/2018/05/word-image-3749-300x124.png 300w, /wp-content/uploads/2018/05/word-image-3749-768x317.png 768w, /wp-content/uploads/2018/05/word-image-3749-1024x423.png 1024w" sizes="(max-width: 1120px) 100vw, 1120px" /></p>
<p>
  ④选择具体的应用方式
</p>
<p><img loading="lazy" decoding="async" width="698" height="349" src="/wp-content/uploads/2018/05/word-image-3750.png" class="wp-image-4210" srcset="/wp-content/uploads/2018/05/word-image-3750.png 698w, /wp-content/uploads/2018/05/word-image-3750-300x150.png 300w" sizes="(max-width: 698px) 100vw, 698px" /></p>
<p>
  ⑤填写具体的信息
</p>
<p><img loading="lazy" decoding="async" width="1226" height="636" src="/wp-content/uploads/2018/05/word-image-3751.png" class="wp-image-4211" srcset="/wp-content/uploads/2018/05/word-image-3751.png 1226w, /wp-content/uploads/2018/05/word-image-3751-300x156.png 300w, /wp-content/uploads/2018/05/word-image-3751-768x398.png 768w, /wp-content/uploads/2018/05/word-image-3751-1024x531.png 1024w" sizes="(max-width: 1226px) 100vw, 1226px" /></p>
<p>
  ⑥查看应用列表
</p>
<p><img loading="lazy" decoding="async" width="1066" height="407" src="/wp-content/uploads/2018/05/word-image-3752.png" class="wp-image-4212" srcset="/wp-content/uploads/2018/05/word-image-3752.png 1066w, /wp-content/uploads/2018/05/word-image-3752-300x115.png 300w, /wp-content/uploads/2018/05/word-image-3752-768x293.png 768w, /wp-content/uploads/2018/05/word-image-3752-1024x391.png 1024w" sizes="(max-width: 1066px) 100vw, 1066px" /></p>
<p>
  创建应用成功之后同样需要审核。审核周期大概一天。
</p>
<p>
  ⑦查看应用的appid及APPkey
</p>
<p><img loading="lazy" decoding="async" width="1052" height="350" src="/wp-content/uploads/2018/05/word-image-3753.png" class="wp-image-4213" srcset="/wp-content/uploads/2018/05/word-image-3753.png 1052w, /wp-content/uploads/2018/05/word-image-3753-300x100.png 300w, /wp-content/uploads/2018/05/word-image-3753-768x256.png 768w, /wp-content/uploads/2018/05/word-image-3753-1024x341.png 1024w" sizes="(max-width: 1052px) 100vw, 1052px" /></p>
<h2>3.2、查看接口文档</h2>
<p>
  ①进入文档
</p>
<p><img loading="lazy" decoding="async" width="1128" height="199" src="/wp-content/uploads/2018/05/word-image-3754.png" class="wp-image-4214" srcset="/wp-content/uploads/2018/05/word-image-3754.png 1128w, /wp-content/uploads/2018/05/word-image-3754-300x53.png 300w, /wp-content/uploads/2018/05/word-image-3754-768x135.png 768w, /wp-content/uploads/2018/05/word-image-3754-1024x181.png 1024w" sizes="(max-width: 1128px) 100vw, 1128px" /></p>
<p>
  ②下载SDK代码
</p>
<p><img loading="lazy" decoding="async" width="820" height="511" src="/wp-content/uploads/2018/05/word-image-3755.png" class="wp-image-4215" srcset="/wp-content/uploads/2018/05/word-image-3755.png 820w, /wp-content/uploads/2018/05/word-image-3755-300x187.png 300w, /wp-content/uploads/2018/05/word-image-3755-768x479.png 768w" sizes="(max-width: 820px) 100vw, 820px" /></p>
<p>
  ③查看下载的目录
</p>
<p><img loading="lazy" decoding="async" width="969" height="342" src="/wp-content/uploads/2018/05/word-image-3756.png" class="wp-image-4216" srcset="/wp-content/uploads/2018/05/word-image-3756.png 969w, /wp-content/uploads/2018/05/word-image-3756-300x106.png 300w, /wp-content/uploads/2018/05/word-image-3756-768x271.png 768w" sizes="(max-width: 969px) 100vw, 969px" /></p>
<h2>3.2、使用demo</h2>
<p>
  ①拷贝源码到web目录
</p>
<p><img loading="lazy" decoding="async" width="1108" height="483" src="/wp-content/uploads/2018/05/word-image-3757.png" class="wp-image-4217" srcset="/wp-content/uploads/2018/05/word-image-3757.png 1108w, /wp-content/uploads/2018/05/word-image-3757-300x131.png 300w, /wp-content/uploads/2018/05/word-image-3757-768x335.png 768w, /wp-content/uploads/2018/05/word-image-3757-1024x446.png 1024w" sizes="(max-width: 1108px) 100vw, 1108px" /></p>
<p>
  ②访问QQ源码安装设置配置
</p>
<p><img loading="lazy" decoding="async" width="780" height="270" src="/wp-content/uploads/2018/05/word-image-3758.png" class="wp-image-4218" srcset="/wp-content/uploads/2018/05/word-image-3758.png 780w, /wp-content/uploads/2018/05/word-image-3758-300x104.png 300w, /wp-content/uploads/2018/05/word-image-3758-768x266.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></p>
<p>
  具体配置信息
</p>
<p><img loading="lazy" decoding="async" width="1218" height="586" src="/wp-content/uploads/2018/05/word-image-3759.png" class="wp-image-4219" srcset="/wp-content/uploads/2018/05/word-image-3759.png 1218w, /wp-content/uploads/2018/05/word-image-3759-300x144.png 300w, /wp-content/uploads/2018/05/word-image-3759-768x369.png 768w, /wp-content/uploads/2018/05/word-image-3759-1024x493.png 1024w" sizes="(max-width: 1218px) 100vw, 1218px" /></p>
<p>
  备注：上图的授权回调地址缺少一层qq目录
</p>
<p>
  修改应用的授权回调
</p>
<p><img loading="lazy" decoding="async" width="1090" height="459" src="/wp-content/uploads/2018/05/word-image-3760.png" class="wp-image-4220" srcset="/wp-content/uploads/2018/05/word-image-3760.png 1090w, /wp-content/uploads/2018/05/word-image-3760-300x126.png 300w, /wp-content/uploads/2018/05/word-image-3760-768x323.png 768w, /wp-content/uploads/2018/05/word-image-3760-1024x431.png 1024w" sizes="(max-width: 1090px) 100vw, 1090px" /></p>
<p>
  ③查看案例
</p>
<p><img loading="lazy" decoding="async" width="658" height="172" src="/wp-content/uploads/2018/05/word-image-3761.png" class="wp-image-4221" srcset="/wp-content/uploads/2018/05/word-image-3761.png 658w, /wp-content/uploads/2018/05/word-image-3761-300x78.png 300w" sizes="(max-width: 658px) 100vw, 658px" /></p>
<p>
  查看QQ登录
</p>
<p><img loading="lazy" decoding="async" width="879" height="386" src="/wp-content/uploads/2018/05/word-image-3762.png" class="wp-image-4222" srcset="/wp-content/uploads/2018/05/word-image-3762.png 879w, /wp-content/uploads/2018/05/word-image-3762-300x132.png 300w, /wp-content/uploads/2018/05/word-image-3762-768x337.png 768w" sizes="(max-width: 879px) 100vw, 879px" /></p>
<p>
  进入授权页授权
</p>
<p><img loading="lazy" decoding="async" width="1183" height="504" src="/wp-content/uploads/2018/05/word-image-3763.png" class="wp-image-4223" srcset="/wp-content/uploads/2018/05/word-image-3763.png 1183w, /wp-content/uploads/2018/05/word-image-3763-300x128.png 300w, /wp-content/uploads/2018/05/word-image-3763-768x327.png 768w, /wp-content/uploads/2018/05/word-image-3763-1024x436.png 1024w" sizes="(max-width: 1183px) 100vw, 1183px" /></p>
<p>
  查看结果
</p>
<p><img loading="lazy" decoding="async" width="1133" height="134" src="/wp-content/uploads/2018/05/word-image-3764.png" class="wp-image-4224" srcset="/wp-content/uploads/2018/05/word-image-3764.png 1133w, /wp-content/uploads/2018/05/word-image-3764-300x35.png 300w, /wp-content/uploads/2018/05/word-image-3764-768x91.png 768w, /wp-content/uploads/2018/05/word-image-3764-1024x121.png 1024w" sizes="(max-width: 1133px) 100vw, 1133px" /></p>
<h2>3.4、项目中实现QQ登录</h2>
<p>
  ①将QQ登录的源码拷贝到项目中
</p>
<p><img loading="lazy" decoding="async" width="1334" height="608" src="/wp-content/uploads/2018/05/word-image-3765.png" class="wp-image-4225" srcset="/wp-content/uploads/2018/05/word-image-3765.png 1334w, /wp-content/uploads/2018/05/word-image-3765-300x137.png 300w, /wp-content/uploads/2018/05/word-image-3765-768x350.png 768w, /wp-content/uploads/2018/05/word-image-3765-1024x467.png 1024w" sizes="(max-width: 1334px) 100vw, 1334px" /></p>
<p>
  ②访问配置
</p>
<p><img loading="lazy" decoding="async" width="806" height="292" src="/wp-content/uploads/2018/05/word-image-3766.png" class="wp-image-4226" srcset="/wp-content/uploads/2018/05/word-image-3766.png 806w, /wp-content/uploads/2018/05/word-image-3766-300x109.png 300w, /wp-content/uploads/2018/05/word-image-3766-768x278.png 768w" sizes="(max-width: 806px) 100vw, 806px" /><br />
<img loading="lazy" decoding="async" width="1223" height="588" src="/wp-content/uploads/2018/05/word-image-3767.png" class="wp-image-4227" srcset="/wp-content/uploads/2018/05/word-image-3767.png 1223w, /wp-content/uploads/2018/05/word-image-3767-300x144.png 300w, /wp-content/uploads/2018/05/word-image-3767-768x369.png 768w, /wp-content/uploads/2018/05/word-image-3767-1024x492.png 1024w" sizes="(max-width: 1223px) 100vw, 1223px" /></p>
<p>
  ③处理登录的QQ图标
</p>
<p>
  先给QQ登录图标增加点击事件
</p>
<p><img loading="lazy" decoding="async" width="1079" height="310" src="/wp-content/uploads/2018/05/word-image-3768.png" class="wp-image-4228" srcset="/wp-content/uploads/2018/05/word-image-3768.png 1079w, /wp-content/uploads/2018/05/word-image-3768-300x86.png 300w, /wp-content/uploads/2018/05/word-image-3768-768x221.png 768w, /wp-content/uploads/2018/05/word-image-3768-1024x294.png 1024w" sizes="(max-width: 1079px) 100vw, 1079px" /></p>
<p>
  拷贝事件代码修改
</p>
<p><img loading="lazy" decoding="async" width="1280" height="668" src="/wp-content/uploads/2018/05/word-image-3769.png" class="wp-image-4229" srcset="/wp-content/uploads/2018/05/word-image-3769.png 1280w, /wp-content/uploads/2018/05/word-image-3769-300x157.png 300w, /wp-content/uploads/2018/05/word-image-3769-768x401.png 768w, /wp-content/uploads/2018/05/word-image-3769-1024x534.png 1024w" sizes="(max-width: 1280px) 100vw, 1280px" /></p>
<p>
  ④实现oauth方法
</p>
<p><img loading="lazy" decoding="async" width="1282" height="650" src="/wp-content/uploads/2018/05/word-image-3770.png" class="wp-image-4230" srcset="/wp-content/uploads/2018/05/word-image-3770.png 1282w, /wp-content/uploads/2018/05/word-image-3770-300x152.png 300w, /wp-content/uploads/2018/05/word-image-3770-768x389.png 768w, /wp-content/uploads/2018/05/word-image-3770-1024x519.png 1024w" sizes="(max-width: 1282px) 100vw, 1282px" /></p>
<p>
  当访问oauth方法会自动的进入到授权页
</p>
<p><img loading="lazy" decoding="async" width="1264" height="479" src="/wp-content/uploads/2018/05/word-image-3771.png" class="wp-image-4231" srcset="/wp-content/uploads/2018/05/word-image-3771.png 1264w, /wp-content/uploads/2018/05/word-image-3771-300x114.png 300w, /wp-content/uploads/2018/05/word-image-3771-768x291.png 768w, /wp-content/uploads/2018/05/word-image-3771-1024x388.png 1024w" sizes="(max-width: 1264px) 100vw, 1264px" /></p>
<p>
  ⑤实现回调接口
</p>
<p><img loading="lazy" decoding="async" width="1215" height="711" src="/wp-content/uploads/2018/05/word-image-3772.png" class="wp-image-4232" srcset="/wp-content/uploads/2018/05/word-image-3772.png 1215w, /wp-content/uploads/2018/05/word-image-3772-300x176.png 300w, /wp-content/uploads/2018/05/word-image-3772-768x449.png 768w, /wp-content/uploads/2018/05/word-image-3772-1024x599.png 1024w" sizes="(max-width: 1215px) 100vw, 1215px" /></p>
<p>
  效果
</p>
<p><img loading="lazy" decoding="async" width="1128" height="202" src="/wp-content/uploads/2018/05/word-image-3773.png" class="wp-image-4233" srcset="/wp-content/uploads/2018/05/word-image-3773.png 1128w, /wp-content/uploads/2018/05/word-image-3773-300x54.png 300w, /wp-content/uploads/2018/05/word-image-3773-768x138.png 768w, /wp-content/uploads/2018/05/word-image-3773-1024x183.png 1024w" sizes="(max-width: 1128px) 100vw, 1128px" /></p>
<p>
  ⑥修改代码获取用户信息
</p>
<p><img loading="lazy" decoding="async" width="966" height="596" src="/wp-content/uploads/2018/05/word-image-3774.png" class="wp-image-4234" srcset="/wp-content/uploads/2018/05/word-image-3774.png 966w, /wp-content/uploads/2018/05/word-image-3774-300x185.png 300w, /wp-content/uploads/2018/05/word-image-3774-768x474.png 768w" sizes="(max-width: 966px) 100vw, 966px" /></p>
<p>
  结果如下
</p>
<p><img loading="lazy" decoding="async" width="1118" height="472" src="/wp-content/uploads/2018/05/word-image-3775.png" class="wp-image-4235" srcset="/wp-content/uploads/2018/05/word-image-3775.png 1118w, /wp-content/uploads/2018/05/word-image-3775-300x127.png 300w, /wp-content/uploads/2018/05/word-image-3775-768x324.png 768w, /wp-content/uploads/2018/05/word-image-3775-1024x432.png 1024w" sizes="(max-width: 1118px) 100vw, 1118px" /></p>
<p>
  ⑦再次修改调用模型方法实现注册
</p>
<p><img loading="lazy" decoding="async" width="1037" height="668" src="/wp-content/uploads/2018/05/word-image-3776.png" class="wp-image-4236" srcset="/wp-content/uploads/2018/05/word-image-3776.png 1037w, /wp-content/uploads/2018/05/word-image-3776-300x193.png 300w, /wp-content/uploads/2018/05/word-image-3776-768x495.png 768w, /wp-content/uploads/2018/05/word-image-3776-1024x660.png 1024w" sizes="(max-width: 1037px) 100vw, 1037px" /></p>
<p>
  ⑧增加openID字段
</p>
<p><img loading="lazy" decoding="async" width="794" height="335" src="/wp-content/uploads/2018/05/word-image-3777.png" class="wp-image-4237" srcset="/wp-content/uploads/2018/05/word-image-3777.png 794w, /wp-content/uploads/2018/05/word-image-3777-300x127.png 300w, /wp-content/uploads/2018/05/word-image-3777-768x324.png 768w" sizes="(max-width: 794px) 100vw, 794px" /></p>
<p>
  ⑨修改模型
</p>
<p><img loading="lazy" decoding="async" width="1047" height="700" src="/wp-content/uploads/2018/05/word-image-3778.png" class="wp-image-4238" srcset="/wp-content/uploads/2018/05/word-image-3778.png 1047w, /wp-content/uploads/2018/05/word-image-3778-300x201.png 300w, /wp-content/uploads/2018/05/word-image-3778-768x513.png 768w, /wp-content/uploads/2018/05/word-image-3778-1024x685.png 1024w" sizes="(max-width: 1047px) 100vw, 1047px" /></p>
]]></content:encoded>
					
					<wfw:commentRss>/%e5%90%8e%e5%8f%b0%e6%a1%86%e6%9e%b6/4136.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
