1. 程式人生 > >開發微信全家桶項目Vue/Node/MongoDB高級技術棧全覆蓋

開發微信全家桶項目Vue/Node/MongoDB高級技術棧全覆蓋

直觀 協同 登錄 mongod 增刪改 介紹 七牛 優雅 spa

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

下載地址:百度網盤下載

開發微信全家桶項目Vue/Node/MongoDB高級技術棧全覆蓋