【導(dǎo)讀】本次課題是為便簽管理軟件系統(tǒng)提供社會(huì)化接入的社會(huì)化插件設(shè)計(jì)方案。括兼容性、可修改性、可擴(kuò)展性。本次課題針對(duì)平臺(tái)進(jìn)行設(shè)計(jì)開發(fā)，考慮網(wǎng)。分享功能將會(huì)簡化用戶操作，同時(shí)提高應(yīng)用穩(wěn)定性，本次課題將會(huì)簡化功能操。作流程，務(wù)必提供用戶方便快捷的用戶體驗(yàn)。在社會(huì)化登錄模塊中采用協(xié)議對(duì)用戶、第三方應(yīng)用程序、社交媒體開。放平臺(tái)三方進(jìn)行認(rèn)證授權(quán)流程完成社會(huì)化登錄流程。各項(xiàng)功能進(jìn)行實(shí)現(xiàn)，包括獲取用戶賬號(hào)資料、發(fā)布分享信息。義系統(tǒng)需求，實(shí)施設(shè)計(jì)與開發(fā)，并記錄各個(gè)階段的工作成果。合用戶的需求，基本達(dá)到預(yù)期的目標(biāo)，然而軟件開發(fā)過程是一個(gè)不斷迭代完善的過程，由于開發(fā)時(shí)間、成本等客觀因素的限制，因此仍然存在著一些需要改進(jìn)和完善的地方。

　　

【正文】 體平臺(tái)登出，同時(shí)清除本地賬號(hào)登錄信息。退出登錄流程如下圖所示： 圖 44 退出登錄流程 27 社會(huì)化分享模塊 執(zhí)行流程，在用戶登錄便簽管理軟件系統(tǒng)后，用戶執(zhí)行創(chuàng)建圖簽故事、編輯等操作后，已經(jīng)建立了圖簽故事，即可通過分享到平臺(tái)入口進(jìn)入社會(huì)化分享模塊。用戶選擇分享平臺(tái)后可通過添加圖簽故事、添加文字說明、指定好友分組等功能進(jìn)一步編輯要發(fā)布的圖簽故事。然后通過一鍵分享即可發(fā)布到社交平臺(tái)。如下圖所示： 圖 45 社會(huì)化分享模塊執(zhí)行流程 28 最后社會(huì)化登錄與共享系統(tǒng)框架結(jié)構(gòu)如下圖所示： 圖 46 社會(huì)化登錄與共享子系統(tǒng)框架結(jié)構(gòu) 接口設(shè)計(jì) 用戶接口：根據(jù)社會(huì)化登錄與共享子系統(tǒng)的需求分析結(jié)果，用戶需要一個(gè)簡單明了的友善界面，應(yīng)該盡可能隱藏社會(huì)化登錄與共享后臺(tái)操作過程，簡化用戶操作流程，用戶選項(xiàng)頁面應(yīng)當(dāng)簡單明了。界面布局應(yīng)當(dāng)引導(dǎo)用戶進(jìn)行簡單的操作登錄分享功能。另外，界面應(yīng)當(dāng)盡量減少文字說明，利用簡單明確的圖標(biāo)代替復(fù)雜繁瑣的文字說明給以用戶最直觀的體驗(yàn)。用戶界面應(yīng)做到簡單、易用、可靠。 軟件接口：社會(huì)化登錄與共享模塊面向社交媒體開放平臺(tái)使用社交媒體提供的數(shù)據(jù)接口進(jìn)行各項(xiàng)操作。另外 平臺(tái)應(yīng)用使用自身提供對(duì)數(shù)據(jù)庫接口進(jìn)行訪問。登錄與共享功能 實(shí)現(xiàn)主要使用社交媒體開放平臺(tái)提供的 API 數(shù)據(jù)接口，包括認(rèn)證授權(quán)、獲取信息、發(fā)布信息操作。 硬件接口：輸入可使用鼠標(biāo)、鍵盤輸入方式。輸出方面可連接打印機(jī)使用。 內(nèi)部接口：各模塊之間采用參數(shù)傳遞、返回值的方式進(jìn)行信息傳遞。具體參數(shù)的結(jié)構(gòu)將在下面數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)的內(nèi)容中說明。接口傳遞的信息將是以數(shù)據(jù)結(jié)構(gòu)封裝了的數(shù)據(jù) ,以參數(shù)傳遞或返回值的形式在各模塊間傳輸。 29 運(yùn)行設(shè)計(jì) 運(yùn)行模塊組合：用戶有程序輸入時(shí) ,通過各模塊的調(diào)用 ,讀入并對(duì)輸入進(jìn)行格式化 ,服務(wù)器得到數(shù)據(jù)后返回信息 ,對(duì)信息進(jìn)行處理后 ,產(chǎn)生相應(yīng)的輸出。服務(wù)器端的接收網(wǎng)絡(luò)數(shù)據(jù)模塊始終處于活動(dòng)狀態(tài) .接收到數(shù)據(jù)后 ,調(diào)用數(shù)據(jù)處理 /查詢模塊對(duì)數(shù)據(jù)庫進(jìn)行訪問 ,完成后調(diào)用網(wǎng)絡(luò)發(fā)送模塊 ,將信息返回瀏覽器。 運(yùn)行控制：運(yùn)行控制將嚴(yán)格執(zhí)照各模塊間函數(shù)調(diào)用關(guān)系來實(shí)現(xiàn)。在各事務(wù)中心模塊中 ,需對(duì)運(yùn)行控制進(jìn)行正確的判斷 ,選擇正確的運(yùn)行控制路徑。 運(yùn)行時(shí)間：對(duì)運(yùn)行時(shí)間的要求為必須對(duì)做出的操作有較快的反應(yīng)。網(wǎng)絡(luò)硬件對(duì)運(yùn)行的時(shí)間有較大的影響。服務(wù)器的性能 ,這將影響對(duì)數(shù)據(jù)庫的訪問時(shí)間即操作時(shí)間的長短。硬件對(duì)本系統(tǒng)的速度的影響將大于軟件的影響。 系統(tǒng)數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì) 列表列出數(shù)據(jù)邏輯結(jié)構(gòu)： 表 41 開放平臺(tái)應(yīng)用信息 開放平臺(tái)應(yīng)用授權(quán)信息 字段 類型 AppKey string AppSecret string CallbackUrl string 表 42 用戶賬號(hào)信息 用戶賬號(hào)信息 字段 類型 uID int screen_name string id string description string followers_count int friends_count int avatar_hd string avatar_large string access_token string 30 表 43 OAuth授權(quán)信息 OAuth 授權(quán)信息 字段 類型 code string state string redirect_uri string expires_in string remind_in string 模塊詳細(xì)設(shè)計(jì) 以下將針對(duì)社會(huì)化登錄與共享子系統(tǒng)的每個(gè)功能模塊進(jìn)行詳細(xì)設(shè)計(jì)，設(shè)計(jì)過程將會(huì)細(xì)化每個(gè)功能細(xì)節(jié)，給出功能模塊的具體設(shè)計(jì)類圖，順序圖，流程圖等。此過程同時(shí)設(shè)計(jì)好各個(gè)功能模塊類，給出類定義、算法處理流程、方法函數(shù)描述等。 社會(huì)化登錄認(rèn)證授權(quán)設(shè)計(jì) 社會(huì)化登錄認(rèn)證授權(quán)功能模塊架構(gòu)包括便簽管理軟件系統(tǒng)的登錄模塊的社交媒體授權(quán)登錄入口、授權(quán)登錄模塊，另外包括社交媒體開放平臺(tái)的授權(quán)服務(wù)器以及 API 服務(wù)器下的模塊。認(rèn)證授權(quán)模塊架構(gòu)如下圖所示： 圖 47 認(rèn)證授權(quán)架構(gòu)模塊架構(gòu) 31 社會(huì)化登錄認(rèn)證授權(quán)詳細(xì)流程為： 便簽管理軟件系統(tǒng)使 用對(duì)應(yīng)社交媒體平臺(tái) AppKey、 AppSecret、以及回調(diào)地址實(shí)例化 OAuth 對(duì)象； 利用 OAuth 對(duì)象從授權(quán)服務(wù)器獲取社交媒體平臺(tái)的授權(quán)頁面； 引導(dǎo)用戶至授權(quán)頁面進(jìn)行授權(quán)操作； 用戶授權(quán)成功后授權(quán)服務(wù)器返回帶有 Code 參數(shù)的頁面地址； 使用 OAuth 對(duì)象利用 Code 獲取 AccessToken； 使用獲取了 AccessToken 的 OAuth 對(duì)象實(shí)例化開放平臺(tái)接口類 Client 使用 Client 對(duì)象調(diào)用 API 接口進(jìn)行操作。 以上業(yè)務(wù)邏輯工作流程如下所示： 圖 48 認(rèn)證授權(quán)流程活動(dòng)圖 32 根據(jù)社會(huì)化登錄認(rèn) 證授權(quán)流程設(shè)計(jì)得出登錄模塊類圖，其中包括 Login 類、 OAuth類、 Cookie類以及 Client類。其中 Cookie類用于記錄 OAuth對(duì)象獲取的 AccessToken，便于下次用戶登錄跳過認(rèn)證授權(quán)流程。 OAuth 對(duì)象執(zhí)行獲取授權(quán)頁面、獲取 AccessToken操作。實(shí)例化 Client 類利用獲取了 AccessToken 的 OAuth 對(duì)象進(jìn)行 API 接口調(diào)用。 圖 49 社會(huì)化登錄認(rèn)證授權(quán)類圖 根據(jù)流程圖以及設(shè)計(jì)類圖，得出社會(huì)化登錄認(rèn)證授權(quán)時(shí)序圖： 圖 410 認(rèn)證授權(quán)過程程序時(shí)序圖 33 社交媒體登錄賬號(hào)關(guān)聯(lián) 用戶首次利用社交媒體賬號(hào)登錄便簽管理軟件系統(tǒng)，通過社會(huì)化登錄認(rèn)證授權(quán)流程后。便簽管理系統(tǒng)將自動(dòng)建立用戶賬號(hào)并與社交媒體賬號(hào)進(jìn)行綁定。其中需要調(diào)用社交媒體開放平臺(tái) API 數(shù)據(jù)接口獲取用戶賬號(hào)信息，并關(guān)聯(lián)便簽管理系統(tǒng)賬號(hào)。登錄賬號(hào)關(guān)聯(lián)功能模塊架構(gòu)如下圖所示： 圖 411 賬號(hào)關(guān)聯(lián)編輯功能模塊架構(gòu) 首次利用社交媒體賬號(hào)登錄便簽管理軟件系統(tǒng)將會(huì)執(zhí)行賬號(hào)關(guān)聯(lián)過程。系統(tǒng)建立本地賬號(hào)，然后通過社交媒體 API接口獲取用戶資料，系統(tǒng)共享資料到本地賬號(hào)完成關(guān)聯(lián)，最后提供編輯個(gè)人資料接口給用戶編輯管理個(gè)人信息。其業(yè)務(wù)邏輯圖如下 所示： 圖 412 管理關(guān)聯(lián)賬號(hào)活動(dòng)圖 34 根據(jù)活動(dòng)流程圖，設(shè)計(jì)得出賬號(hào)關(guān)聯(lián)類，本地賬號(hào)類，另外包括需要用到 OAuth 類、Client 類等完成整個(gè)功能模塊。其中賬號(hào)關(guān)聯(lián)類 Association 包括判斷賬號(hào)是否已關(guān)聯(lián)、執(zhí)行賬號(hào)關(guān)聯(lián)操作， OAuth、 Client 類將會(huì)獲取用戶社交媒體賬號(hào)資料。設(shè)計(jì) 類圖如下所示： 圖 413 賬號(hào)關(guān)聯(lián)功能設(shè)計(jì)類圖 由以上賬號(hào)關(guān)聯(lián)功能設(shè)計(jì)得出的活動(dòng)流程以及類圖，可以得出社交賬號(hào)關(guān)聯(lián)本地賬號(hào)流程功能實(shí)現(xiàn)時(shí)序圖。如下圖所示： 圖 414 賬號(hào)關(guān)聯(lián)及編輯資料功能模塊時(shí)序圖 35 分享模塊 分享到社交媒體平臺(tái)功能模塊面向用戶接口非常簡單，用戶只需要點(diǎn)擊指定社交平臺(tái)分享按鈕，再添加簡短的說明文字和指定好友分組，即可發(fā)布到指定社交媒體平臺(tái)并指定好友分組可見。分享功能模塊包括分享指定平臺(tái)接口、添加文字說明、添加故事圖簽、指定好友分組。如下圖所示： 圖 415 社會(huì)化共享模塊架構(gòu) 根據(jù)社會(huì)化分享功能模塊架構(gòu)圖，設(shè)計(jì)分享功能模塊的運(yùn)行流程為用戶選擇分享到社交媒體平臺(tái)，根據(jù)社交媒體平臺(tái)實(shí)例化 Client 對(duì)象，在分享類獲取需要分享的故事圖簽、文字說明、指定好友分組，最后 Client 調(diào)用 API 接口將 分享內(nèi)容發(fā)布到社交媒體平臺(tái)。執(zhí)行流程的活動(dòng)圖如下所示： 圖 416 社會(huì)化分享模塊活動(dòng)圖 36 由以上社會(huì)化分享功能模塊的活動(dòng)圖，設(shè)計(jì)的出類圖，其中包括故事圖簽庫 Album類、分享 Sharing 類、用戶賬號(hào) User 類，另外需要 Client 類、 OAuth 類等完成功能模塊。類之間關(guān)系如下圖所示： 圖 417 社會(huì)化分享功能模塊設(shè)計(jì)類圖 由以上社會(huì)化分享功能設(shè)計(jì)得出的活動(dòng)流程以及類圖，可以得出分享到社交媒體平臺(tái)的流程功能實(shí)現(xiàn)時(shí)序圖。如下圖所示： 圖 418 社會(huì)化功能模塊時(shí)序圖 37 本章小結(jié) 本章首先進(jìn)行社會(huì)化登錄與共享系統(tǒng)總體，給出系統(tǒng)總體設(shè)計(jì)架構(gòu)，并拆分總體架構(gòu)各個(gè)功能模塊進(jìn)行說明。詳細(xì)設(shè)計(jì)部分針對(duì)各個(gè)功能模塊給出類圖、活動(dòng)圖、時(shí)序圖加以說明。 38 第五章 社會(huì)化登錄與共享子系統(tǒng)的實(shí)現(xiàn) 本章將會(huì)根據(jù)社會(huì)化登錄與共享子系統(tǒng)的程序設(shè)計(jì)進(jìn)行編碼實(shí)現(xiàn)，提供其中核心代碼以及注釋。包括社會(huì)化登錄模塊的認(rèn)證授權(quán)流程、登錄賬號(hào)關(guān)聯(lián)以及分享模塊三個(gè)主要功能的核心編碼。 社交媒體認(rèn)證授權(quán) 社會(huì)化登錄認(rèn)證授權(quán)詳細(xì)流程為： 便簽管理軟件系統(tǒng)使用對(duì)應(yīng)社交媒體平臺(tái) AppKey、 AppSecret、以及回調(diào)地址實(shí)例化 OAuth 對(duì)象； 利用 OAuth 對(duì)象從授權(quán)服務(wù)器獲取社交媒體平臺(tái)的授權(quán)頁面； 引導(dǎo)用戶至授權(quán)頁面進(jìn)行授權(quán)操作； 用戶授權(quán)成功后授權(quán)服務(wù)器返回帶有 Code 參數(shù)的頁面地址； 使用 OAuth 對(duì)象利用 Code 獲取 AccessToken； 使用獲取了 AccessToken 的 OAuth 對(duì)象實(shí)例化開放平臺(tái)接口類 Client 使用 Client 對(duì)象調(diào)用 API 接口進(jìn)行操作。 以下為認(rèn)證授權(quán)流程的核心代碼： public partial class Login : { Cookie cookie = new Cookie(WeiboDemo, 24, )。 Client Sina = null。 //實(shí)例化 OAuth對(duì)象，需要參數(shù) Appkey、 Appsecret、回調(diào)地址 OAuth oauth = new OAuth([AppKey], [AppSecret], [CallbackUrl])。 protected void Page_Load(object sender, EventArgs e) { Sina = new Client(oauth)。 39 //判斷是否返回的地址，獲取地址中 code參數(shù) if (!IsPostBack) { if (!([code])) { //利用 code來獲取 Accesstoken var token = ([code])。 string accessToken = 。 //把 Accesstoken存入 Cookie cookie[AccessToken] = accessToken。 //登錄后轉(zhuǎn)入主頁 ()。 } else { string url = ()。 = url。 } } try { //實(shí)例化 Client對(duì)象， Sina = (oauth)。 //調(diào)用 API 接口 GetUID獲取用戶賬號(hào)的 uid。 var uid = ()。 } catch (WeiboException) { } } } 40 登錄賬號(hào)關(guān)聯(lián) 社會(huì)化認(rèn)證授權(quán)登錄完成后，系統(tǒng)會(huì)建立本地賬號(hào)，利用社交媒體賬號(hào)調(diào)用 API 接口獲取用戶個(gè)人資料，與本地賬號(hào)進(jìn)行關(guān)聯(lián)共享。其中需要社交媒體開放平臺(tái) API接口：用戶讀取接口 users/show 。返回 JSON 格式結(jié)果中包含用戶 UID、用戶昵稱、用戶個(gè)人描述、用戶頭像地址、性別等。 以下為核心代碼： public partial class Login : { //實(shí)例化 OAuth、 Client 對(duì)象 Client Sina = null。 OAuth oauth = new OAuth([AppKey], [AppSecret], [CallbackUrl])。 protected void Page_Load(object sender, EventArgs e) { //獲取 uid ，利用 uid 判斷是否已經(jīng)關(guān)聯(lián)賬號(hào) Sina = new Client(oauth)。 int uid = ()。 if (!isAssociated(uid)) { //建立本地賬號(hào) , 執(zhí)行關(guān)聯(lián) User user = new User(uid)。 Association associate = new Association(Sina,user)。 }