ad
close

Vue微信扫码登陆实战(Vuex + element-ui + axios)

熟悉vue+element-ui+php+laravel+微信接口进行全栈开发的技术流程

2488人学习

初级36课时2020/08/12更新

二维码下载学堂APP缓存视频离线看

杜从文
  • 畅销套餐
  • 精选套餐
  • 人气套餐
  • 尊享套餐
  • 高薪套餐
  • 课程介绍
  • 课程大纲

适合人群:

适合想使用vue进行小型项目练习的同学 适合想了解后端接口开发的同学 适合想了解微信接口开发的同学

你将会学到:

熟悉vue+element-ui+php+laravel+微信接口进行全栈开发的技术流程

课程简介:

本课程章节如下,看不到的课时学院正在审核中


第一章、基于vue-cli4的扫码关注实现自动登陆的前端代码

1、课程综述

 

2、前端开发前的准备

 

3、前端脚手架项目创建的两种方式

 

4、git 远端仓库的建立与配置

 

5、安装element-ui,创建公共Header页面

 

6、创建弹出层组件(父子组件双向“传值”)

 

7、实现弹出层二维码与密码登陆的切换

 

8、封装请求层,建立响应拦截器

 

9、接口的整体调用逻辑与微信二维码获取接口(发送票据)

 

10、实现轮询接口的调用,优化二维码的过期策略

 

11、使用Vuex进行用户登陆信息的集中化管理

 

12、本章知识点回顾与总结

 

第二章、使用PHP原生代码编写扫码关注实现自动登陆相关接口

 

1、微信公众平台接口测试帐号的申请与配置

 

2、如何搭建线上接口运行环境

 

3、配置本地代码实时传输到线上服务器

 

4、使用composer安装缓存组件以及微信SDK

 

5、编写获取登陆二维码接口(一)

 

6、编写获取登陆二维码接口(二)

 

7、使用postman进行接口测试

 

8、编写登陆轮询接口

 

9、编写微信关注扫码事件通知接口

 

10、编写微信关注扫码事件通知接口(二)

 

11、编写微信关注扫码事件通知接口(被动回复用户消息)

 

12、扫码事件监听接口测试与优化

 

13、编写用户信息获取接口及本章总结

 

 

第三章、使用laravel 7.x编写扫码关注实现自动登陆相关接口

 

1、laravel7.x的安装与项目的创建

 

2、laravel中api路由的定义与使用

 

3、服务容器的概念与服务提供者的使用(注册微信SDK单例)

 

4、实现缓存依赖注入,重构获取二维码接口

 

5、实现接口响应的封装,重写login接口

 

6、实现auth用户登陆认证

 

7、重构微信事件推送接口

 

8、实现获取用户信息接口(创建登陆鉴权中间件)

 

9、本章知识点回顾与总结


课程概述:


本课程是一个小型的vue周边技术+以php为基础的+微信接口开发的小型项目。本项目以微信扫码关注公众号实现


网站自动登陆这一功能为载体,将会讲解如下主要核心知识点:


前端你将学习到:

 

一、vue-cli4进行前端项目的创建

 

二、如何使用vuex进行登陆信息的管理与同步

 

三、如何使用axios进行接口请求的封装与拦截

 

四、在脚手架里使用Element-UI

 

五、学习组件化编程的思想

 

六、如何解决接口前后端分离引起的跨域问题以及在跨域下使用cookie凭证进行会话维护

 

后端你讲学习到:

 

一、如何申请微信公众号测试账号,如何进行相关参数的配置,如何进行微信相关接口的开发

 

二、如何使用微信接口开发,如获取临时二维码,获取用户基础信息,监听公众号关注以及扫描事件

 

三、如何使用redis对数据进行缓存

 

四、如何使用php原生代码进行接口的开发

 

五、如何使用laralvel 7.x 框架进行接口的开发

 

六、学习到laravel 中核心概念的使用方法,如什么是依赖注入,如何使用服务容器解决依赖注入、服务提供者、中间件的使用,如何处理请求数据,如何进行用户认证,以及如何使用Eloquent ORM进行数据库操作

 

七、开发过程中遇到的问题,如何进行排查

 

八、git远端仓库的建立与配置,如何在配置多仓库下的公钥,服务器端部署公钥的配置,如何进行代码部署,本地与服务器代码的开发实时同步

 

九、如何使用composer帮助我们进行第三方依赖包的安装

 

本课程的设计思路随笔:

 

从业务层面上来讲,扫码关注公众号,实现网站端自动登陆是一个非常实用的功能,可以为微信公众号引流。

 

技术层面上来说,使用前后端分离进行制作,可以将前端以及后端的知识都涵盖到。对于前端的路由,信息维护,脚手架的搭建,ui组件的使用,接口的请求与封装都能够讲解到。

 

对于后端,本课程对php原生代码以及工作中使用频率比较高的同时也很优雅的laravel框架都会进行讲解,分别予以代码的实现。让同学们能够看到原生开发与框架开发的区别,原生开发使得基础比较弱的同学能够慢慢上手,也知道此功能实现的核心要点,在进行原生代码开发后,再进行框架开发,会有个循序渐进的过程,同时在框架里面我们会降到主流框架都会用到的一些核心思想,比如依赖注入,服务容器,中间件等等,同时对于想学习laravel框架的同学,学习过这个案例后,再去看文档就知道该如何去看,如何去学了。

 

对于整个代码的管理与部署,我们也会引入git仓库进行项目代码管理,如何在服务器进行网站环境的搭建与代码部署等等实用技巧。

 

相信本课程会给大家带来十足的收获,大家加油。


展开更多

课程大纲-Vue微信扫码登陆实战(Vuex + element-ui + axios)

展开更多
close
  • 课程介绍
  • 课程大纲
在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部