第1章 本地與服務(wù)器環(huán)境準(zhǔn)備
介紹微信公眾號(hào)/小程序/域名/服務(wù)器的申請(qǐng)選購(gòu)流程,在本地與線上服務(wù)器分別對(duì)項(xiàng)目的運(yùn)行環(huán)境進(jìn)行搭建部署,如 Node.js/Vue/Yarn/PM2/Nginx/MongoDB 等等,同時(shí)會(huì)來簡(jiǎn)單介紹下從本地通過 PM2 利用 Git 倉(cāng)庫(kù)直接往線上服務(wù)器部署以及 Nginx 端口映射解析特定域名的實(shí)現(xiàn)流程,最終準(zhǔn)備好本地線上和外部業(yè)務(wù)環(huán)境為開發(fā)…
第2章 公眾號(hào)小程序的服務(wù)能力與場(chǎng)景
簡(jiǎn)要介紹下公眾號(hào)小程序各自的使用場(chǎng)景,服務(wù)能力,以及暴露出來的 API 功能,支付權(quán)限的申請(qǐng)以及微信開放平臺(tái)的接入綁定。
第3章 相關(guān)框架庫(kù)技術(shù)介紹
對(duì)項(xiàng)目中所用到的技術(shù)/工具做一一簡(jiǎn)介,如 Sass/Koa/Webpack/Vue SSR/Nuxt/Pug/Mongoose/GraphQL 等,并且配合一些代碼的案例,來直觀的了解這些工具模塊在一個(gè)項(xiàng)目中是如何協(xié)同,如何發(fā)揮作用的,比如通過 Webpack 實(shí)現(xiàn)一個(gè)小程序 Vue/Pug 模板解析的輸出方案。…
第4章 微信公眾號(hào)基礎(chǔ)功能快速開發(fā)
通過 Nuxt 初始化本地的初始 Node.js 項(xiàng)目,介紹在本地通過代理工具實(shí)現(xiàn)內(nèi)網(wǎng)的服務(wù)代理,同時(shí)把微信的核心 API 梳理一遍,比如票據(jù)獲取、保存,消息回復(fù)封裝,菜單創(chuàng)建刪除,多媒體素材接口等等,特別是在 Node.js 項(xiàng)目中,如何封裝消息及權(quán)限模塊,來實(shí)現(xiàn)更加深度的微信 API 定制,已經(jīng)如何實(shí)現(xiàn)多種方式的用戶資…
第5章 冰火微信前端頁(yè)面開發(fā)
在 Vue SSR 的項(xiàng)目結(jié)構(gòu)中,通過 Rap mock 數(shù)據(jù)源模擬接口,快速開發(fā)微信 H5 的主要網(wǎng)頁(yè),如家族臉譜首頁(yè)、家族詳情頁(yè),手辦商城、賬戶頁(yè)面,以及導(dǎo)航組件等,了解 Vue SSR 中,Actions/Services 在服務(wù)器端渲染環(huán)境中,他們是如何與 Vue 模板進(jìn)行交互的。…
第6章 開發(fā)數(shù)據(jù)爬蟲與后臺(tái)
利用 Ramda 封裝高階的 Node.js 爬蟲腳本,實(shí)現(xiàn)多態(tài)的數(shù)據(jù)源爬取,比如網(wǎng)頁(yè)的爬取與分析,接口的遞歸爬取,碎片化數(shù)據(jù)的清洗整合與打平,學(xué)習(xí)強(qiáng)大而優(yōu)雅的爬蟲技巧,同時(shí)了解批量向圖床搬運(yùn)圖片的實(shí)現(xiàn)方式,以及批量數(shù)據(jù)入庫(kù)。…
第7章 分層開發(fā) Vue SSR 全站后臺(tái)
利用 Decorator 重構(gòu) Koa 路由,實(shí)現(xiàn)對(duì)不同端的數(shù)據(jù)接口支持,實(shí)現(xiàn) RestFul API,開發(fā)網(wǎng)站管理后臺(tái),登錄權(quán)限與 Session 處理,對(duì)商品和訂單進(jìn)行數(shù)據(jù)建模,開發(fā)商品增刪改查及商品圖片上傳到七牛,開發(fā)可視化的后臺(tái)爬蟲管理頁(yè)面。…
第8章 實(shí)現(xiàn)全站用戶登錄策略
實(shí)現(xiàn)全站用戶登錄策略,打通全站登錄。
第9章 開發(fā)微信商城后臺(tái)
開發(fā)網(wǎng)頁(yè)中微信支付功能,在 Vue SSR 的網(wǎng)站中,服務(wù)端渲染與客戶端渲染的雙重場(chǎng)景下,如何實(shí)現(xiàn)購(gòu)買功能,如何處理授權(quán)跳轉(zhuǎn)與用戶訂單的流程。
第10章 項(xiàng)目中后期測(cè)試與小范圍重構(gòu)
項(xiàng)目中后期測(cè)試與小范圍重構(gòu) 。
第11章 小程序開發(fā)-基于 Restful API 開發(fā)微信小程序
如何用RESTFul API 開發(fā)家族首頁(yè)、家族主頁(yè)、人物主頁(yè)以及商城支付和賬戶頁(yè)面。
第12章 小程序開發(fā)-基于 GraphQL 改造小程序
講解如何從 RESTFul API 過渡到 GraphQL 的數(shù)據(jù)交互方案,在 Node.js 項(xiàng)目中如何處理兩者共存的場(chǎng)景。
第13章 課程總結(jié)
課程總結(jié)