9-3 课件-小程序访问数据接口5.pptxVIP

项目九接口的设计与开发任务三小程序访问数据接口MiniProgramAccessDataInterface

微信小程序表单数据需要跟服务器进行数据交互，可以通过小程序中的网络API接口wx.request()来实现。项目九接口的设计与开发任务描述每个微信小程序需要事先设置通讯域名，小程序只可以跟指定的域名进行网络通信。域名只支持https和wss协议。

前后端分离是目前一种非常流行的开发模式，它使项目的分工更加明确，后端负责处理、存储数据；前端负责显示数据，前端和后端开发人员通过接口进行数据的交换。前后端分离技术Browser前端Java/Python/GoBrowserNode前端交互后端Java/Python/Go后端交互演变

通过将开发团队前后端分离化，让前后端工程师只需要专注于前端或后端的开发工作。为优质产品打造精益团队开发独立化，开发能力必然会有所提升，能够完美应对各种复杂多变的前端需求。应对复杂多变的前端需求前后端分离以后，可以实现前后端代码的解耦，只要前后端沟通约定好应用所需接口以及接口参数，便可以开始并行开发，无需等待对方的开发工作结束。提升开发效率前后端分离后，应用的代码不再是前后端混合，只有在运行期才会有调用依赖关系。增强代码可维护性前后端分离技术的优势

传统SPA指的是单页面应用，也就是整个网站只有一个页面，所有功能都通过这一个页面来呈现。传统SPA服务端渲染的方案指的是数据绑定，渲染等工作都放在服务端完成，服务端向浏览器输出最终的html。服务端渲染前后端分离架构方案前后端分离架构方案

12优点：是开发简单，部署简单。缺点：是首次加载较慢，需要较好的网络，不友好的SEO，搜索引擎优化）。与SPA对比优点：更好的SEO，搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。更快的内容到达时间(time-to-content)，特别是对于缓慢的网络情况或运行缓慢的设备。方案对比传统SPA服务端渲染前后端分离架构方案

wx.request(Objectobject)表示发起HTTPS网络请求，该接口基本语法实例如下所示：wx.request({url:,//接口地址data:{x:,y:},header:{content-type:application/json//默认值},success(res){console.log(res.data)}})小程序网络请求接口

属性类型必填描述urlstring是开发者服务器接口地址。datastring/object/ArrayBuffer否请求的参数。headerObject否设置请求的header。content-type默认为application/json。methodstring否HTTP请求方法，包括OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT。默认值为GET。dataTypestring否返回的数据格式，默认的返回类型为json。successfunction否接口调用成功的回调函数。failfunction否接口调用失败的回调函数。completefunction否接口调用结束的回调函数（调用成功、失败都会执行）。表wx.request()参数小程序网络请求接口

比较常用的就是GET/POST，两者之间的区别在于：method不同：一个method:POST,一个method:GET；当method为GET时，header为默认值{Content-Type:application/json}，当method为POST时，header为{Content-Type:application/x-www-form-urlencoded}wx.request({url:https://XXX/add_cart.html,data:{},header:{//content-type:application/json//默认值Content-Type:application/x-www-form-urlencoded//用于post},})小程序网络请求接口

对于初学者来说，为了方便学习，可以在微信开发者工具中关闭域名校验功能，利用本地服务器来测试网络数据请求。单击微信开发者工具右上角的“详情”按钮，选中“不校验合法域名，web-view（业务域名）、TLS版本以及HTPPS证书”选项。