Vue+Node+MongoDB高級全棧開發實戰,這個視頻教程厲害了不僅僅vuejs技術還包Node技術、MongoDB技術,以及開發小程序、公衆號與小程序聯動打通、前後端分離、進行上線部署與發佈等等。可以說是手把手從申請域名備案開始一直到微信全家桶開發,強烈推薦。
真正從0到上線開發完整項目
1、申請域名與備案域名
2、搭建基礎項目結構
3、開發公衆號
4、開發數據爬蟲與後臺
5、分層開發 Vue SSR 業務後臺
6、開發小程序
7、公衆號與小程序聯動打通
8、前後端分離 進行上線部署與發佈
前後端技術棧大實戰
技術重點: Koa2 與 Vue 的前後端耦合和分離,HTTP 請求在微信、服務器、終端的三方之間交互流程
Nuxt.js框架
解決服務器端渲染問題和首屏加載時長問題,實現 Vue SSR
前後端技術棧
Node.js / Vue / Koa2 / MongoDB
Restful API 和 GraphQL API
開發冰與火之歌主題的微信公衆號 + 微信小程序 + Web站共用後臺
Webpack
解決 Sass 等靜態資源編譯打包
PM2
一鍵發佈部署
視頻課程章節
第1章 本地與服務器環境準備
介紹微信公衆號/小程序/域名/服務器的申請選購流程,在本地與線上服務器分別對項目的運行環境進行搭建部署,如 Node.js/Vue/Yarn/PM2/Nginx/MongoDB 等等,同時會來簡單介紹下從本地通過 PM2 利用 Git 倉庫直接往線上服務器部署以及 Nginx 端口映射解析特定域名的實現流程,最終準備好本地線上和外部業務環境爲開發...
第2章 公衆號小程序的服務能力與場景
簡要介紹下公衆號小程序各自的使用場景,服務能力,以及暴露出來的 API 功能,支付權限的申請以及微信開放平臺的接入綁定。
第3章 相關框架庫技術介紹
對項目中所用到的技術/工具做一一簡介,如 Sass/Koa/Webpack/Vue SSR/Nuxt/Pug/Mongoose/GraphQL 等,並且配合一些代碼的案例,來直觀的瞭解這些工具模塊在一個項目中是如何協同,如何發揮作用的,比如通過 Webpack 實現一個小程序 Vue/Pug 模板解析的輸出方案。...
第4章 微信公衆號基礎功能快速開發
通過 Nuxt 初始化本地的初始 Node.js 項目,介紹在本地通過代理工具實現內網的服務代理,同時把微信的核心 API 梳理一遍,比如票據獲取、保存,消息回覆封裝,菜單創建刪除,多媒體素材接口等等,特別是在 Node.js 項目中,如何封裝消息及權限模塊,來實現更加深度的微信 API 定製,已經如何實現多種方式的用戶資...
第5章 冰火微信前端頁面開發
在 Vue SSR 的項目結構中,通過 Rap mock 數據源模擬接口,快速開發微信 H5 的主要網頁,如家族臉譜首頁、家族詳情頁,手辦商城、賬戶頁面,以及導航組件等,瞭解 Vue SSR 中,Actions/Services 在服務器端渲染環境中,他們是如何與 Vue 模板進行交互的。...
第6章 開發數據爬蟲與後臺
利用 Ramda 封裝高階的 Node.js 爬蟲腳本,實現多態的數據源爬取,比如網頁的爬取與分析,接口的遞歸爬取,碎片化數據的清洗整合與打平,學習強大而優雅的爬蟲技巧,同時瞭解批量向圖牀搬運圖片的實現方式,以及批量數據入庫。...
第7章 分層開發 Vue SSR 全站後臺
利用 Decorator 重構 Koa 路由,實現對不同端的數據接口支持,實現 RestFul API,開發網站管理後臺,登錄權限與 Session 處理,對商品和訂單進行數據建模,開發商品增刪改查及商品圖片上傳到七牛,開發可視化的後臺爬蟲管理頁面。...
第8章 實現全站用戶登錄策略
實現全站用戶登錄策略,打通全站登錄。
第9章 開發微信商城後臺
開發網頁中微信支付功能,在 Vue SSR 的網站中,服務端渲染與客戶端渲染的雙重場景下,如何實現購買功能,如何處理授權跳轉與用戶訂單的流程。
第10章 項目中後期測試與小範圍重構
項目中後期測試與小範圍重構 。
第11章 小程序開發-基於 Restful API 開發微信小程序
如何用RESTFul API 開發家族首頁、家族主頁、人物主頁以及商城支付和賬戶頁面。
第12章 小程序開發-基於 GraphQL 改造小程序
講解如何從 RESTFul API 過渡到 GraphQL 的數據交互方案,在 Node.js 項目中如何處理兩者共存的場景。
第13章 課程總結
課程總結。
部分視頻截圖