第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章 課程總結