TA的每日心情 | 开心
2024-9-19 21:14 |
|---|
签到天数: 757 天 [LV.10]以坛为家III
管理员
 
- 积分
- 1312455
|
资源详情
开发微信项目全家桶：微信公众号+小程序+共用后台。Koa2＋Nuxt/VueSSR、配合后端实现服务器端渲染技术，解决服务器端渲染与异步请求并存的业务场景，解决SEO和页面加载时长两大痛点，满满的都是干货！
前后端技术栈大实战，技术重点：Koa2与Vue的前后端耦合和分离，HTTP请求在微信、服务器、终端的三方之间交互流程。其中：
1.Nuxt.js框架：解决服务器端渲染问题和首屏加载时长问题，实现VueSSR；
2.前后端技术栈：Node.js/Vue/Koa2/MongoDB；
3.NodRestfulAPI和GraphQLAPI：开发冰与火之歌主题的微信公众号+微信小程序+Web站共用后台；
4.Webpack：解决Sass等静态资源编译打包；
5.PM2：一键发布部署e.js/Vue/Koa2/MongoDB。
Nuxt/VueSSR服务器端渲染，配合后端实现服务器端渲染技术，解决服务器端渲染与异步请求并存的业务场景，解决SEO和页面加载时长两大痛点。
本课程是Vue.js+Node.js高级实战课程，对您的学习能力及基础都有很高要求：
1、精通HTML、CSS和JA危aｓｃｒｉｐｔ编程，
2、有一定Vue.js基础和Node.js、MongoDB实际开发经验
3、已经具备npm和Webpack的使用经验
本课程真正从0到上线开发完整项目，完整的项目，完整的流程，教会你完整的全栈技术
【课程内容】
第一章本地与服务器环境准备
介绍微信公众号/小程序/域名/服务器的申请选购流程，在本地与线上服务器分别对项目的运行环境进行搭建部署，如Node.js/Vue/Yarn/PM2/Nginx/MongoDB等等，同时会来简单介绍下从本地通过PM2利用Git仓库直接往线上服务器部署以及Nginx端口映射解析特定域名的实现流程，最终准备好本地线上和外部业务环境为开发...
1-1导学
1-2课程简介
1-3申请认证公众服务号与小程序
1-4选购域名与备案解析域名
1-5选购配置服务器
1-6安装Node.jsv8.0生产环境
1-7配置Vue-Yarn-PM2工具环境
1-8配置Nginx端口代理与域名指向
1-9安装MongoDB数据库v3.4
1-10配置Git私有仓库管理代码
1-11配置PM2一键部署发布项目
第二章公众号小程序的服务能力与场景
简要介绍下公众号小程序各自的使用场景，服务能力，以及暴露出来的API功能，支付权限的申请以及微信开放平台的接入绑定
2-1公众号主要API的能力解读
2-2小程序主要API能力及公众号内申请认证
2-3接入公众开放平台以UnionID统一小程序与公众号用户信息
第三章相关框架库技术介绍
对项目中所用到的技术/工具做一一简介，如Sass/Koa/Webpack/VueSSR/Nuxt/Pug/Mongoose/GraphQL等，并且配合一些代码的案例，来直观的了解这些工具模块在一个项目中是如何协同，如何发挥作用的，比如通过Webpack实现一个小程序Vue/Pug模板解析的输出方案。...
3-1Sass样式预处理器
3-2Koa后台Web框架及中间件
3-3Webpack打包构建工具重构小程序
3-4Vue.jsSSR实现思路
3-5Nuxt前后端同构SSR框架
3-6Pug（Jade）后端模板引擎
3-7模型工具操作数据库
3-8为什么推荐GraphQL而不是RestfulAPI
第四章微信公众号基础功能快速开发
通过Nuxt初始化本地的初始Node.js项目，介绍在本地通过代理工具实现内网的服务代理，同时把微信的核心API梳理一遍，比如票据获取、保存，消息回复封装，菜单创建删除，多媒体素材接口等等，特别是在Node.js项目中，如何封装消息及权限模块，来实现更加深度的微信API定制，已经如何实现多种方式的用户资...
4-1利用花生壳-魔法隧道-Ngrok等代理本地服务
4-2构建初始项目首次验证公众号服务器
4-3通过mongoose建模全局票据access_token
4-4实现access_token获取更新的统一管理模块
4-5抽象微信消息中间件统一处理消息流
4-6微信消息解析与回复模板封装
4-77种微信普通消息的接受与基本回复
4-8多媒体与图文素材接口的上传更新获取与删除
4-9用户资料获取与粉丝标签管理
4-10菜单创建删除与事件配置
4-11获取Ticket实现SDK接入权限签名算法
4-12在VueSSR中实现微信JS-SDK权限接入
4-13在VueSSR中实现微信网页授权机制与用户资料读取
第五章冰火微信前端页面开发
在VueSSR的项目结构中，通过Rapmock数据源模拟接口，快速开发微信H5的主要网页，如家族脸谱首页、家族详情页，手办商城、账户页面，以及导航组件等，了解VueSSR中，Actions/Services在服务器端渲染环境中，他们是如何与Vue模板进行交互的。...
5-1利用RAPMock提供家族数据的测试接口
5-2开发家族脸谱首页
5-3开发家族主页
5-4开发家族角色主页
5-5开发微信网页App的导航组件
5-6开发周边手办商城页
5-7开发周边手办商城宝贝**页
5-8开发微信个人账户页
第六章开发数据爬虫与后台
利用Ramda封装高阶的Node.js爬虫脚本，实现多态的数据源爬取，比如网页的爬取与分析，接口的递归爬取，碎片化数据的清洗整合与打平，学习强大而优雅的爬虫技巧，同时了解批量向图床搬运图片的实现方式，以及批量数据入库。...
6-1爬取IMDb冰火卡司阵容
6-2比对过滤IMDb与WIKI人物清洗出正确数据
6-3爬取人物头像以及残缺数据清理
|
|
发表于 2021-5-28 04:18:36
发表于 2022-2-21 16:11:50
发表于 2022-5-26 00:19:15
