微信公眾號(hào)圖文系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)
發(fā)布時(shí)間:2023-05-28 07:50
隨著web2.0技術(shù)的發(fā)展,國(guó)內(nèi)外涌現(xiàn)許多新興的自媒體平臺(tái)。早期,人們通過(guò)訂閱報(bào)紙雜志、瀏覽博客等方式獲取信息。自媒體平臺(tái)的出現(xiàn),改變了原來(lái)單向的信息傳播方式,越來(lái)越多人利用自媒體平臺(tái)發(fā)聲。微信公眾號(hào)作為自媒體平臺(tái),倡導(dǎo)再小的個(gè)體,也有自己的品牌。網(wǎng)頁(yè)端公眾平臺(tái)系統(tǒng)作為信息發(fā)送端,移動(dòng)端微信公眾號(hào)圖文系統(tǒng)作為信息接收端,共同構(gòu)成微信公眾平臺(tái)項(xiàng)目。本文的主要工作是描述微信公眾號(hào)圖文系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)。微信公眾號(hào)圖文系統(tǒng)作為面向訂閱者的項(xiàng)目,實(shí)現(xiàn)了圖文消息推送機(jī)制。該推送機(jī)制使多IDC機(jī)器間能夠通信,能及時(shí)、準(zhǔn)確的推送公眾號(hào)發(fā)布的文章,并將文章以timeline的形式向訂閱者展示。系統(tǒng)用預(yù)加載、模板離線化、分段渲染等手段實(shí)現(xiàn)圖文秒開(kāi)模塊,在微信客戶(hù)端場(chǎng)景下,讀者點(diǎn)擊文章后無(wú)需再等待進(jìn)度條加載,能立刻看到想要閱讀的文章。在圖文信息展示方面,系統(tǒng)對(duì)圖片采用HEVC編碼方式以節(jié)省帶寬流量,應(yīng)用超分辨率重建技術(shù)還原圖片的清晰度以提供給用戶(hù)更好的閱讀體驗(yàn)。圖文展示不僅支持圖片、音頻等基本展示形式,還提供視頻、卡券、小程序等更加豐富的信息表現(xiàn)形式。在提供閱讀功能的基礎(chǔ)上,系統(tǒng)基于geta8key技術(shù)獲得...
【文章頁(yè)數(shù)】:83 頁(yè)
【學(xué)位級(jí)別】:碩士
【文章目錄】:
摘要
Abstract
第一章 引言
1.1 項(xiàng)目背景與意義
1.2 國(guó)內(nèi)外相關(guān)研究現(xiàn)狀及分析
1.3 本文的主要工作
1.4 本文的組織結(jié)構(gòu)
第二章 技術(shù)綜述
2.1 Hybrid App
2.2 SeaJS
2.3 QQMail模板引擎
2.3.1 模板引擎
2.3.2 QQMail引擎處理流程
2.4 Svrkit框架
2.5 超分辨率重建算法
2.6 圖片壓縮格式
2.6.1 WebP格式
2.6.2 HEVC編碼
2.7 React Fiber架構(gòu)
2.8 本章小結(jié)
第三章 圖文系統(tǒng)需求分析與總體設(shè)計(jì)
3.1 微信公眾號(hào)圖文系統(tǒng)概述
3.2 公眾號(hào)圖文系統(tǒng)需求分析
3.2.1 圖文系統(tǒng)功能性需求
3.2.2 圖文系統(tǒng)非功能性需求
3.3 公眾號(hào)圖文系統(tǒng)總體設(shè)計(jì)與模塊設(shè)計(jì)
3.3.1 公眾號(hào)圖文系統(tǒng)總體設(shè)計(jì)
3.3.2 公眾號(hào)圖文系統(tǒng)模塊設(shè)計(jì)
3.3.3 圖文推送模塊設(shè)計(jì)
3.3.4 圖文展示模塊設(shè)計(jì)
3.3.5 圖文互動(dòng)模塊設(shè)計(jì)
3.3.6 圖文秒開(kāi)模塊設(shè)計(jì)
3.4 本章小結(jié)
第四章 公眾號(hào)圖文系統(tǒng)實(shí)現(xiàn)
4.1 圖文推送模塊的實(shí)現(xiàn)
4.1.1 消息推送與收取實(shí)現(xiàn)
4.1.2 多個(gè)IDC機(jī)器消息收發(fā)
4.1.3 圖文推送模塊頁(yè)面截圖
4.2 圖文展示模塊的實(shí)現(xiàn)
4.2.1 圖片展示的實(shí)現(xiàn)
4.2.2 視頻播放器的實(shí)現(xiàn)
4.2.3 小程序展示實(shí)現(xiàn)
4.2.4 圖文展示模塊頁(yè)面截圖
4.3 圖文互動(dòng)模塊的實(shí)現(xiàn)
4.3.1 互動(dòng)模塊登錄態(tài)實(shí)現(xiàn)
4.3.2 圖文贊/在看功能的實(shí)現(xiàn)
4.4 圖文秒開(kāi)模塊的實(shí)現(xiàn)
4.4.1 前端編譯實(shí)現(xiàn)
4.4.2 首屏渲染實(shí)現(xiàn)
4.4.3 秒開(kāi)通用化
4.4.4 秒開(kāi)方案對(duì)比及效果
4.5 本章小結(jié)
第五章 總結(jié)和展望
5.1 總結(jié)
5.2 工作展望
參考文獻(xiàn)
致謝
本文編號(hào):3824243
【文章頁(yè)數(shù)】:83 頁(yè)
【學(xué)位級(jí)別】:碩士
【文章目錄】:
摘要
Abstract
第一章 引言
1.1 項(xiàng)目背景與意義
1.2 國(guó)內(nèi)外相關(guān)研究現(xiàn)狀及分析
1.3 本文的主要工作
1.4 本文的組織結(jié)構(gòu)
第二章 技術(shù)綜述
2.1 Hybrid App
2.2 SeaJS
2.3 QQMail模板引擎
2.3.1 模板引擎
2.3.2 QQMail引擎處理流程
2.4 Svrkit框架
2.5 超分辨率重建算法
2.6 圖片壓縮格式
2.6.1 WebP格式
2.6.2 HEVC編碼
2.7 React Fiber架構(gòu)
2.8 本章小結(jié)
第三章 圖文系統(tǒng)需求分析與總體設(shè)計(jì)
3.1 微信公眾號(hào)圖文系統(tǒng)概述
3.2 公眾號(hào)圖文系統(tǒng)需求分析
3.2.1 圖文系統(tǒng)功能性需求
3.2.2 圖文系統(tǒng)非功能性需求
3.3 公眾號(hào)圖文系統(tǒng)總體設(shè)計(jì)與模塊設(shè)計(jì)
3.3.1 公眾號(hào)圖文系統(tǒng)總體設(shè)計(jì)
3.3.2 公眾號(hào)圖文系統(tǒng)模塊設(shè)計(jì)
3.3.3 圖文推送模塊設(shè)計(jì)
3.3.4 圖文展示模塊設(shè)計(jì)
3.3.5 圖文互動(dòng)模塊設(shè)計(jì)
3.3.6 圖文秒開(kāi)模塊設(shè)計(jì)
3.4 本章小結(jié)
第四章 公眾號(hào)圖文系統(tǒng)實(shí)現(xiàn)
4.1 圖文推送模塊的實(shí)現(xiàn)
4.1.1 消息推送與收取實(shí)現(xiàn)
4.1.2 多個(gè)IDC機(jī)器消息收發(fā)
4.1.3 圖文推送模塊頁(yè)面截圖
4.2 圖文展示模塊的實(shí)現(xiàn)
4.2.1 圖片展示的實(shí)現(xiàn)
4.2.2 視頻播放器的實(shí)現(xiàn)
4.2.3 小程序展示實(shí)現(xiàn)
4.2.4 圖文展示模塊頁(yè)面截圖
4.3 圖文互動(dòng)模塊的實(shí)現(xiàn)
4.3.1 互動(dòng)模塊登錄態(tài)實(shí)現(xiàn)
4.3.2 圖文贊/在看功能的實(shí)現(xiàn)
4.4 圖文秒開(kāi)模塊的實(shí)現(xiàn)
4.4.1 前端編譯實(shí)現(xiàn)
4.4.2 首屏渲染實(shí)現(xiàn)
4.4.3 秒開(kāi)通用化
4.4.4 秒開(kāi)方案對(duì)比及效果
4.5 本章小結(jié)
第五章 總結(jié)和展望
5.1 總結(jié)
5.2 工作展望
參考文獻(xiàn)
致謝
本文編號(hào):3824243
本文鏈接:http://www.sikaile.net/wenyilunwen/guanggaoshejilunwen/3824243.html
最近更新
教材專(zhuān)著