開發(fā)微信全家桶項(xiàng)目 VueNode/MongoDB高級(jí)技術(shù)棧全覆蓋價(jià)值448元

 開發(fā)微信全家桶項(xiàng)目 Vue/Node/MongoDB高級(jí)技術(shù)棧全覆蓋某課網(wǎng)價(jià)值448元

前后端技術(shù)棧大實(shí)戰(zhàn)

技術(shù)重點(diǎn)： Koa2 與 Vue 的前后端耦合和分離，HTTP 請(qǐng)求在微信、服務(wù)器、終端的三方之間交互流程

Nuxt.js框架

解決服務(wù)器端渲染問題和首屏加載時(shí)長問題，實(shí)現(xiàn) Vue SSR

前后端技術(shù)棧

Node.js / Vue / Koa2 / MongoDB

Restful API 和 GraphQL API

開發(fā)冰與火之歌主題的微信公眾號(hào) + 微信小程序 + Web站共用后臺(tái)

Webpack

解決 Sass 等靜態(tài)資源編譯打包

PM2

一鍵發(fā)布部署

Nuxt/Vue SSR 服務(wù)器端渲染

配合后端實(shí)現(xiàn)服務(wù)器端渲染技術(shù)

解決服務(wù)器端渲染與異步請(qǐng)求并存的業(yè)務(wù)場(chǎng)景

解決SEO和頁面加載時(shí)長兩大痛點(diǎn)

開發(fā)微信項(xiàng)目全家桶

微信公眾號(hào) + 小程序 + 共用后臺(tái)

冰與火之歌主題

微信公眾號(hào)

冰與火之歌主題

微信小程序

冰與火之歌主題

微信商城

冰與火之歌主題

微信共用Web后臺(tái)

真正從0到上線開發(fā)完整項(xiàng)目

完整的項(xiàng)目，完整的流程，教會(huì)你完整的全棧技術(shù)

申請(qǐng)域名與備案域名

搭建基礎(chǔ)項(xiàng)目結(jié)構(gòu)

開發(fā)公眾號(hào)

開發(fā)數(shù)據(jù)爬蟲與后臺(tái)

分層開發(fā)

Vue SSR 業(yè)務(wù)后臺(tái)

開發(fā)小程序

公眾號(hào)與

小程序聯(lián)動(dòng)打通

前后端分離

進(jìn)行上線部署與發(fā)布

第1章 本地與服務(wù)器環(huán)境準(zhǔn)備

介紹微信公眾號(hào)/小程序/域名/服務(wù)器的申請(qǐng)選購流程，在本地與線上服務(wù)器分別對(duì)項(xiàng)目的運(yùn)行環(huán)境進(jìn)行搭建部署，如 Node.js/Vue/Yarn/PM2/Nginx/MongoDB 等等，同時(shí)會(huì)來簡單介紹下從本地通過 PM2 利用 Git 倉庫直接往線上服務(wù)器部署以及 Nginx 端口映射解析特定域名的實(shí)現(xiàn)流程，最終準(zhǔn)備好本地線上和外部業(yè)務(wù)環(huán)境為開發(fā)...

第2章 公眾號(hào)小程序的服務(wù)能力與場(chǎng)景

簡要介紹下公眾號(hào)小程序各自的使用場(chǎng)景，服務(wù)能力，以及暴露出來的 API 功能，支付權(quán)限的申請(qǐng)以及微信開放平臺(tái)的接入綁定。

第3章 相關(guān)框架庫技術(shù)介紹

對(duì)項(xiàng)目中所用到的技術(shù)/工具做一一簡介，如 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章 冰火微信前端頁面開發(fā)

在 Vue SSR 的項(xiàng)目結(jié)構(gòu)中，通過 Rap mock 數(shù)據(jù)源模擬接口，快速開發(fā)微信 H5 的主要網(wǎng)頁，如家族臉譜首頁、家族詳情頁，手辦商城、賬戶頁面，以及導(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)頁的爬取與分析，接口的遞歸爬取，碎片化數(shù)據(jù)的清洗整合與打平，學(xué)習(xí)強(qiáng)大而優(yōu)雅的爬蟲技巧，同時(shí)了解批量向圖床搬運(yùn)圖片的實(shí)現(xiàn)方式，以及批量數(shù)據(jù)入庫。...

第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)爬蟲管理頁面。...

第8章 實(shí)現(xiàn)全站用戶登錄策略

實(shí)現(xiàn)全站用戶登錄策略，打通全站登錄。

第9章 開發(fā)微信商城后臺(tái)

開發(fā)網(wǎng)頁中微信支付功能，在 Vue SSR 的網(wǎng)站中，服務(wù)端渲染與客戶端渲染的雙重場(chǎng)景下，如何實(shí)現(xiàn)購買功能，如何處理授權(quán)跳轉(zhuǎn)與用戶訂單的流程。

第10章 項(xiàng)目中后期測(cè)試與小范圍重構(gòu)

項(xiàng)目中后期測(cè)試與小范圍重構(gòu) 。

第11章 小程序開發(fā)-基于 Restful API 開發(fā)微信小程序

如何用RESTFul API 開發(fā)家族首頁、家族主頁、人物主頁以及商城支付和賬戶頁面。

第12章 小程序開發(fā)-基于 GraphQL 改造小程序

講解如何從 RESTFul API 過渡到 GraphQL 的數(shù)據(jù)交互方案，在 Node.js 項(xiàng)目中如何處理兩者共存的場(chǎng)景。

第13章 課程總結(jié)