1. 程式人生 > >Vue+Node+MongoDB高階全棧開發

Vue+Node+MongoDB高階全棧開發

第1章 本地與伺服器環境準備
介紹微信公眾號/小程式/域名/伺服器的申請選購流程,在本地與線上伺服器分別對專案的執行環境進行搭建部署,如 Node.js/Vue/Yarn/PM2/Nginx/MongoDB 等等,同時會來簡單介紹下從本地通過 PM2 利用 Git 倉庫直接往線上伺服器部署以及 Nginx 埠對映解析特定域名的實現流程,最終準備好本地線上和外部業務環境為開發...
1-1 導學
1-2 課程簡介
1-3 申請認證公眾服務號與小程式
1-4 選購域名與備案解析域名
1-5 選購配置伺服器
1-6 安裝 Node.js v8.0 生產環境
1-7 配置 Vue-Yarn-PM2 工具環境
1-8 配置 Nginx 埠代理與域名指向
1-9 安裝 MongoDB 資料庫 v3.4
1-10 配置 Git 私有倉庫管理程式碼
1-11 配置 PM2 一鍵部署釋出專案

第2章 公眾號小程式的服務能力與場景
簡要介紹下公眾號小程式各自的使用場景,服務能力,以及暴露出來的 API 功能,支付許可權的申請以及微信開放平臺的接入繫結。
2-1 公眾號主要 API 的能力解讀
2-2 小程式主要 API 能力及公眾號內申請認證
2-3 接入公眾開放平臺以 UnionID 統一小程式與公眾號使用者資訊

第3章 相關框架庫技術介紹
對專案中所用到的技術/工具做一一簡介,如 Sass/Koa/Webpack/Vue SSR/Nuxt/Pug/Mongoose/GraphQL 等,並且配合一些程式碼的案例,來直觀的瞭解這些工具模組在一個專案中是如何協同,如何發揮作用的,比如通過 Webpack 實現一個小程式 Vue/Pug 模板解析的輸出方案。...
3-1 Sass 樣式前處理器
3-2 Koa 後臺 Web 框架及中介軟體
3-3 Webpack 打包構建工具重構小程式(上)
3-4 Webpack 打包構建工具重構小程式(下)
3-5 Vue.js SSR 實現思路
3-6 Nuxt 前後端同構 SSR 框架
3-7 Pug(Jade)後端模板引擎
3-8 模型工具操作資料庫
3-9 為什麼推薦 GraphQL 而不是 Restful API

第4章 微信公眾號基礎功能快速開發
通過 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-7 7 種微信普通訊息的接受與基本回復
4-8 多媒體與圖文素材介面的上傳更新獲取與刪除
4-9 使用者資料獲取與粉絲標籤管理
4-10 選單建立刪除與事件配置
4-11 獲取 Ticket 實現 SDK 接入許可權簽名演算法
4-12 在 Vue SSR 中實現微信 JS-SDK 許可權接入
4-13 在 Vue SSR 中實現微信網頁授權機制與使用者資料讀取

第5章 冰火微信前端頁面開發
在 Vue SSR 的專案結構中,通過 Rap mock 資料來源模擬介面,快速開發微信 H5 的主要網頁,如家族臉譜首頁、家族詳情頁,手辦商城、賬戶頁面,以及導航元件等,瞭解 Vue SSR 中,Actions/Services 在伺服器端渲染環境中,他們是如何與 Vue 模板進行互動的。...
5-1 利用 RAP Mock 提供家族資料的測試介面
5-2 開發家族臉譜首頁(上)
5-3 開發家族臉譜首頁(下)
5-4 開發家族主頁
5-5 開發家族角色主頁
5-6 開發微信網頁 App 的導航元件
5-7 開發周邊手辦商城頁
5-8 開發周邊手辦商城寶貝購買頁
5-9 開發微信個人賬戶頁

第6章 開發資料爬蟲與後臺
利用 Ramda 封裝高階的 Node.js 爬蟲指令碼,實現多型的資料來源爬取,比如網頁的爬取與分析,介面的遞迴爬取,碎片化資料的清洗整合與打平,學習強大而優雅的爬蟲技巧,同時瞭解批量向圖床搬運圖片的實現方式,以及批量資料入庫。...
6-1 爬取 IMDb 冰火卡司陣容
6-2 比對過濾 IMDb 與 WIKI 人物清洗出正確資料
6-3 爬取人物頭像以及殘缺資料清理
6-4 爬取角色劇照
6-5 為 IMDb 人物資料爬取中文資料
6-6 上傳頭像和封面圖到七牛雲空間
6-7 獲取九大家族詳細資料
6-8 關聯家族資料與主要人物資料
6-9 家族人物 Mongoose 建模入庫

第7章 分層開發 Vue SSR 全站後臺
利用 Decorator 重構 Koa 路由,實現對不同端的資料介面支援,實現 RestFul API,開發網站管理後臺,登入許可權與 Session 處理,對商品和訂單進行資料建模,開發商品增刪改查及商品圖片上傳到七牛,開發視覺化的後臺爬蟲管理頁面。...
7-1 利用 Decorator 重構 Koa 路由策略
7-2 開發家族資料 API
7-3 對路由控制器與 API 分層完善人物資料
7-4 對商品寶貝資料建模及增刪改查
7-5 開發後臺商品增刪改查頁面及功能
7-6 Vue 中實現上傳寶貝圖片到七牛

第8章 實現全站使用者登入策略
實現全站使用者登入策略,打通全站登入。
8-1 為使用者建立基本資訊資料模型
8-2 增加後臺管理員登入功能
8-3 完善管理員登入流程
8-4 增加前端微信二跳中介軟體
8-5 為小程式實現後端登入路由

第9章 開發微信商城後臺
開發網頁中微信支付功能,在 Vue SSR 的網站中,服務端渲染與客戶端渲染的雙重場景下,如何實現購買功能,如何處理授權跳轉與使用者訂單的流程。
9-1 完善商城寶貝詳情支付頁
9-2 封裝 mixins 實現 Vue 中的支付介面呼叫
9-3 支付功能的申請流程以及專案原始碼的 Github 地址
9-4 建立訂單資料模型並實現訂單建立功能
9-5 利用三方模組封裝支付介面與其他訂單介面
9-6 增加後端訂單管理頁面

第10章 專案中後期測試與小範圍重構
專案中後期測試與小範圍重構 。
10-1 修正第九章程式碼錯誤及模組相容性說明
10-2 代理環境整合與正式打包測試
10-3 測試和驗證客戶端的商城支付功能
10-4 分離本地與線上環境優化專案結構
10-5 調整路由-控制器-資料 API 的分層結構

第11章 小程式開發-基於 Restful API 開發微信小程式
如何用RESTFul API 開發家族首頁、家族主頁、人物主頁以及商城支付和賬戶頁面。
11-1 搭建小程式開發目錄
11-2 整合三方庫暴露全域性方法
11-3 整合 webpack 進行程式碼構建
11-4 小程式多頁面原始碼講解

第12章 小程式開發-基於 GraphQL 改造小程式
講解如何從 RESTFul API 過渡到 GraphQL 的資料互動方案,在 Node.js 專案中如何處理兩者共存的場景。
12-1 為小程式實現後端支付介面
12-2 配置 GraphQL 到 Nodejs 專案中
12-3 實現 GraphQL 的 model-query-schema 演示圖形化查詢命令
12-4 小程式首頁通過 GraphQL 一次性獲取家族與角色資料
12-5 批量更換小程式 API 介面為 GraphQL

第13章 課程總結
課程總結。
13-1 聊聊我對招人的看法以及這門課

下載地址:Vue+Node+MongoDB高階全棧開發