php精品笔记100天25开发第二天

1、目录开发（二）1一、PHP 中的 cURL 库31、cURL 库32、cURL 四步走33、使用 cURL 模拟 get 请求4二、获取接口调用凭证 access_token41、access_token42、获取 access_token53、使用网页调试工具调试该接口获取 access_token63、PHP 代码使用 curl 库获取 access_token74、封装 curl 请求函数库8三、的自定义菜单81、自定义菜单的创建接口82、获取 access_token 接口调用凭证93、实现自定义菜单的创建105、自定义菜单的推送116、自定义菜单删除接口12四、获取用户信息接口131

2、、获取用户基本信息142、获取用户列表16五、多文件上传接口181、为什么需要多文件上传接口182、分析多文件上传接口183、编写 php 代码，实现素材上传194、编写 php 代码，实现素材.20六、消息接口211、什么是消息接口212、分析消息接口223、使用 php 代码调用消息接口22七、响应式设计概述231、未来网页流行趋势232、早期解决方案233、解决方案244、响应式设计发展史245、响应式设计原理27八、响应式设计详解271、viewport 属性272、不能使用绝对宽度273、使用相对文字大小284、.295、图片自适应29九、Font-Awesome 矢量图标集301、

3、css 与 fonts 到项目相应目录中并保持路径一致302、引入 font-awesome.min.css 文件到项目中30十、图灵人31一、PHP 中的 cURL 库1、cURL 库cURL 库是一个非常强大的开源库，支持很多协议，包括 HTTP、FTP、TELNET 等，在开发中，我们使用它来HTTP 请求。它给我们带来的好处是可以通过灵活的选项设置不同的 HTTP 协议参数，并且支持 HTTPS。2、cURL 四步走第一步：创建 curl，使用 curl_init()函数第二步：设置 curl，使用 curl_setopt()函数第三步：执行 curl，使用 curl_exec()函数

4、第四步：关闭 curl，使用 curl_close()函数3、使用 cURL 模拟 get 请求二、获取接口调用凭证 access_token1、access_tokenaccess_token 是的全局唯一票据，调用各接口时都需使用 access_token。开发至少要保留 512 个字符空间。access_token 的有者需要进行妥善保存。access_token 的效期目前为 2 个小时，需定时刷新，重复获取将导致上次获取的 access_token 失效。2、获取 access_token特别说明：appid 与 secret 可以在测试号首页获取，如下图所示：3、使用网页调试工具调

5、试该接口获取 access_token3、PHP 代码使用 curl 库获取 access_token效果如下；curl 注意事项，如果的请求是 https，必须要服务器端校检 SSLCURLOPT_SSL_VERIFYHOSTCURLOPT_SSL_VERIFYPEER4、封装 curl 请求函数库请求效果；三、的自定义菜单1、自定义菜单的创建接口分析以上接口，可以得出以下几个结论：这个接口需要 access_token 的支持我们必须向以上http 请求（使用 curl 库，必须遵循 https 协议）特别注意，此请求必须是 POST 请求且需要携带额外的数据2、获取 access_tok

6、en 接口调用凭证在 function.php 文件中，添加一个 getToken 的函数,并修改 curl_http 请求函数3、实现自定义菜单的创建打开浏览器，输入，如下图所示：测试端，是否创建成功，特别注意：在中，自定义菜单拥有缓存，其生效时间默认为 24 小时，如果想实时查看到创建效果，我们可以取消平台并再次关注即可。5、自定义菜单的推送view 菜单：跳转菜单，单击后会自动跳转到指定的 url 页面。click 菜单：单击菜单，单击后触发单击问题：如何知道用户单击的那个 click 菜单呢？是通过 key 的值答：自定义菜单的推送编写 api.php 获取单击按钮的推送：6、自定义菜

7、单删除接口由以上分析可知：使用删除接口必须要提供接口调用凭证 access_token此接口是使用 GET 请求方式进行操作的创建 delete.php 页面，示例代码如下：在浏览器中打开以上页面，如下图所示：特别注意：自定义菜单删除与自定义菜单创建时一样的，其都有一个生效时间，默认为 24小时，如果想立即查看到相关效果，可以取消关注并再次关注即可。四、获取用户信息接口文档地址；返回数据的说明；1、获取用户基本信息PkYFtIZpEs8rD-Azg3OSoXk85plK0yCxkIv8-BpGKv88x0l0yXJWiyJ-tQoiOF4c7RyQDQl5_KKPnYXyV6IRDcALgpK

8、J07h5YFOqHhttPGNDpi9AapwoIsmyHGSpxFQSJbAEAIKB方法一：使用网页调试工具效果如下；方式二：通过 PHP 代码实现效果如下；2、获取用户列表方法一：网页调试工具效果如下；方式二：PHP 代码实现；效果如下；五、多文件上传接口1、为什么需要多文件上传接口回顾回复消息接口，图片回复接口、语音回复接口、回复接口，这三个接口在开发时都需要提供一个参数 MediaId，在应用中，如果想获取 MediaId 就必须使用多口。文件上传接注意：每个多文件会在上传，用户源。到服务器 3 天后自动删除，以节省服务器资2、分析多文件上传接口公众账号可调用本接口来上传图片，语音

9、，等文件到服务器，上传后服务器会返回对应的 media_id,复用的。公众账号此后可以根据该 media_id 来获取多，media_id 是可由以上分析可知：以上必须有接口调用凭证 access_token 的支持以上还需要使用 curl 库https 协议中的 POST此还需要携带额外的数据3、编写 php 代码，实现素材上传注意：上传的文件名必须是完整绝对路径，另外需要在绝对路径前加上以示区分。uDdy1FESj7SB9tENMypL4sNocf13IDaDOOkPRIYSHso0oAEa5l-m7LVMOQ9veSTW代码如下；运行结果：4、编写 php 代码，实现素材公众账号调用本接

10、口来获取多文件，注意，文件不支持。代码如下；效果如下；六、消息接口1、什么是消息接口当用户和48 小时内调用产生特定动作的交互时，将会把消息数据推送给开发者，开发者可以在接口，通过 POST 一个 JSON 数据包来消息给普通用户。此接口主要用于等有人工消息处理环节的功能，方便开发者为用户提供更加优质的服务。2、分析消息接口分析以上可知：以上需要 access_token 接口调用凭证的支持使用 curl 库向以上http 中的 POST 请求需要携带 JSON 数据包3、使用 php 代码调用消息接口返回效果如下；七、响应式设计概述1、未来网页流行趋势ll随着 3G，4G 的普及，越来越多的

11、人使用上网。移动设备证超过桌面设备，成为互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？2、早期解决方案的屏幕比较小，宽度通常在 600 像素以下；PC 的屏幕宽度，一般都在 1000 像素以上（目前主流宽度是 1366*768）， 有的还达到了 2000 像素，同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多或者的解决方法，是为不同的设备提供不同的网页，比如专门提供一个 mobile 版本，/ipad 版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个有多个 portal()，会大大增加

12、架构设计的复杂度。3、解决方案于是，很早就有人设想，能不能“一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）4、响应式设计发展史2010 年，Ethan Marcotte 提出了“自适应网页设计”（Responsive Web Design）这个名称，指可以自动识别屏幕宽度，并做出相应调整的网页设计。他制作了一个范例，里面是福尔摩斯历险记六个主人公的头像。如果屏幕宽度大于 1300像素，则 6 张图片并排在一行。超大屏幕纯平电脑平板端端5、响应式设计原理原理：不同的设备时，加载不同的样式，八、响应式设计详解1、viewport 属性基本语法：

13、<meta name=”viewport” content=”width=device-width,initial-scale=1”/>实例代码：2、不能使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。具体的说，CSS 代码不能指定像素宽度如：width:px;只能指定百分比宽度； 如：width:xx%使用原则：在实际项目开发中，可以在 body 元素内部添加一个<div class=”container”></div>元素对其内部的所有元素进行统一包裹操作，然后设置其宽度为 100%;

14、3、使用相对文字大小字体也不能使用绝对大小（px），而只能使用相对大小（rem）。 html font: normal 100% Helvetica, Arial, sans-serif;上面的代码指定，字体大小是页面根元素（html）默认大小的 100%进行缩放的，即默认情况下：1rem = 16px;0.875rem=14px; 0.75rem=12px;0.625rem = 10px;/如下是设置的根元素字体大小，是 10px,因此此时，1rem= 10px; html 16 像素。font-size:62.5%;16px*62.5% = 10px; 1rem = 10px;1.2rem

15、 = 12px;1.4rem = 14px;4、lll"自适应网页设计"的，就是 CSS3 引入的 Media Query 模块。它的意思就是，自动探测屏幕宽度，然后加载相应的 CSS 文件。<linkrel="stylesheet"type="text/css“media="screenand(max-width:400px)“href="tinyScreen.css" />l上面的代码意思是，如果屏幕宽度小于 400 像素（max-width: 400px），就加载tinyScreen.css 文件

16、。l<link rel="stylesheet" type="text/css“ media="screenand (min-width: 400px) and(max-width: 600px)"href="smallScreen.css" />l如果屏幕宽度在 400 像素到 600 像间，则加载 smallScreen.css 文件。5、图片自适应lllll除了布局和文本，“自适应网页设计”还必须实现图片的自动缩放。img max-width: 100%;img, object max-width: 100%;老版本的 IE 不支持 max-width，所以只好写成： img width: 100%; 九、Font-Awesome 矢量图标集1、css 与 fonts 到项目相应目录中并保持路径一致2、引入 font-awesome.min.css 文件到项目中<i