隨著web2.0技術(shù)的發(fā)展,國內(nèi)外涌現(xiàn)許多新興的自媒體平臺。早期,人們通過訂閱報紙雜志、瀏覽博客等方式獲取信息。自媒體平臺的出現(xiàn),改變了原來單向的信息傳播方式,越來越多人利用自媒體平臺發(fā)聲。微信公眾號作為自媒體平臺,倡導再小的個體,也有自己的品牌。網(wǎng)頁端公眾平臺系統(tǒng)作為信息發(fā)送端,移動端微信公眾號圖文系統(tǒng)作為信息接收端,共同構(gòu)成微信公眾平臺項目。本文的主要工作是描述微信公眾號圖文系統(tǒng)的設計與實現(xiàn)。微信公眾號圖文系統(tǒng)作為面向訂閱者的項目,實現(xiàn)了圖文消息推送機制。該推送機制使多IDC機器間能夠通信,能及時、準確的推送公眾號發(fā)布的文章,并將文章以timeline的形式向訂閱者展示。系統(tǒng)用預加載、模板離線化、分段渲染等手段實現(xiàn)圖文秒開模塊,在微信客戶端場景下,讀者點擊文章后無需再等待進度條加載,能立刻看到想要閱讀的文章。在圖文信息展示方面,系統(tǒng)對圖片采用HEVC編碼方式以節(jié)省帶寬流量,應用超分辨率重建技術(shù)還原圖片的清晰度以提供給用戶更好的閱讀體驗。圖文展示不僅支持圖片、音頻等基本展示形式,還提供視頻、卡券、小程序等更加豐富的信息表現(xiàn)形式。在提供閱讀功能的基礎上,系統(tǒng)基于geta8key技術(shù)獲得...

【文章頁數(shù)】：83 頁

【學位級別】：碩士

【文章目錄】：
摘要
Abstract
第一章 引言
    1.1 項目背景與意義
    1.2 國內(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)需求分析與總體設計
    3.1 微信公眾號圖文系統(tǒng)概述
    3.2 公眾號圖文系統(tǒng)需求分析
        3.2.1 圖文系統(tǒng)功能性需求
        3.2.2 圖文系統(tǒng)非功能性需求
    3.3 公眾號圖文系統(tǒng)總體設計與模塊設計
        3.3.1 公眾號圖文系統(tǒng)總體設計
        3.3.2 公眾號圖文系統(tǒng)模塊設計
        3.3.3 圖文推送模塊設計
        3.3.4 圖文展示模塊設計
        3.3.5 圖文互動模塊設計
        3.3.6 圖文秒開模塊設計
    3.4 本章小結(jié)
第四章 公眾號圖文系統(tǒng)實現(xiàn)
    4.1 圖文推送模塊的實現(xiàn)
        4.1.1 消息推送與收取實現(xiàn)
        4.1.2 多個IDC機器消息收發(fā)
        4.1.3 圖文推送模塊頁面截圖
    4.2 圖文展示模塊的實現(xiàn)
        4.2.1 圖片展示的實現(xiàn)
        4.2.2 視頻播放器的實現(xiàn)
        4.2.3 小程序展示實現(xiàn)
        4.2.4 圖文展示模塊頁面截圖
    4.3 圖文互動模塊的實現(xiàn)
        4.3.1 互動模塊登錄態(tài)實現(xiàn)
        4.3.2 圖文贊/在看功能的實現(xiàn)
    4.4 圖文秒開模塊的實現(xiàn)
        4.4.1 前端編譯實現(xiàn)
        4.4.2 首屏渲染實現(xiàn)
        4.4.3 秒開通用化
        4.4.4 秒開方案對比及效果
    4.5 本章小結(jié)
第五章 總結(jié)和展望
    5.1 總結(jié)
    5.2 工作展望
參考文獻
致謝



本文編號：3824243