新聞中心
這篇文章主要介紹了C#如何開發(fā)微信門戶及應(yīng)用微信小店貨架信息管理功能,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
1、微信小店貨架介紹
在微信公眾號的后臺里面,可以對貨架信息進(jìn)行維護(hù),界面如下所示。貨架的概念,就是把商品分門別類的很好展示給客戶,貨架就是類似一個布局良好的展柜,我們可以定義不同的貨架,然后公布不同的URL進(jìn)行體驗。
另外,我們一般創(chuàng)建貨架,都是基于貨架的模板庫來構(gòu)建的,貨架的模板給我們快速構(gòu)建一個貨架,提供了可視化的參考界面,貨架模板界面如下所示。
2、貨架管理的開發(fā)模型
對于利用API開發(fā)微信店鋪,微信小店的貨架管理操作接口,和常規(guī)的模塊差不多,具有下面幾個功能操作。
雖然看起來和前面的對象模型差不多,但是貨架的信息非常復(fù)雜,因此你如果需要根據(jù)Json數(shù)據(jù)把它還原為實體對象的時候,需要反復(fù)進(jìn)行斟酌,否則很容易建模錯誤。
對應(yīng)著微信小店管理界面的貨架模板,貨架的對象信息包括了5個不同的控件模型,它們有的可以進(jìn)行組合使用。
幾個貨架的模型展示如下所示。
通過上面5個控件模型,我們可以看到它們分別代表不一樣的布局效果,而且它們可以在貨架上進(jìn)行組合使用的。
3、貨架信息的對象建模
根據(jù)微信小店的接口說明,我們最終定義的貨架實體對象信息,內(nèi)容就非常豐富和彈性化。
我們通過參考微信小店的API說明,就可以看到貨架的信息JSON數(shù)據(jù)很復(fù)雜,具體定義如下所示。
{ "shelf_data": { "module_infos": [ { "group_info": { "filter": { "count": 2 }, "group_id": 50 }, "eid": 1 }, { "group_infos": { "groups": [ { "group_id": 49 }, { "group_id": 50 }, { "group_id": 51 } ] }, "eid": 2 }, { "group_info": { "group_id": 52, "img": "http://mmbiz.qpic.cn/mmbiz/4whpV1VZl29nqqObBwFwnIX3licVPnFV5Jm64z4I0TTicv0TjN7Vl9bykUUibYKIOjicAwIt6Oy0Y6a1Rjp5Tos8tg/0" }, "eid": 3 }, { "group_infos": { "groups": [ { "group_id": 49, "img": "http://mmbiz.qpic.cn/mmbiz/4whpV1VZl29nqqObBwFwnIX3licVPnFV5uUQx7TLx4tB9qZfbe3JmqR4NkkEmpb5LUWoXF1ek9nga0IkeSSFZ8g/0" }, { "group_id": 50, "img": "http://mmbiz.qpic.cn/mmbiz/4whpV1VZl29nqqObBwFwnIX3licVPnFV5G1kdy3ViblHrR54gbCmbiaMnl5HpLGm5JFeENyO9FEZAy6mPypEpLibLA/0" }, { "group_id": 52, "img": "http://mmbiz.qpic.cn/mmbiz/4whpV1VZl29nqqObBwFwnIX3licVPnFV5uUQx7TLx4tB9qZfbe3JmqR4NkkEmpb5LUWoXF1ek9nga0IkeSSFZ8g/0" } ] }, "eid": 4 }, { "group_infos": { "groups": [ { "group_id": 43 }, { "group_id": 44 }, { "group_id": 45 }, { "group_id": 46 } ], "img_background": "http://mmbiz.qpic.cn/mmbiz/4whpV1VZl29nqqObBwFwnIX3licVPnFV5uUQx7TLx4tB9qZfbe3JmqR4NkkEmpb5LUWoXF1ek9nga0IkeSSFZ8g/0" }, "eid": 5 } ] }, "shelf_banner": "http://mmbiz.qpic.cn/mmbiz/4whpV1VZl2ibrWQn8zWFUh2YznsMV0XEiavFfLzDWYyvQOBBszXlMaiabGWzz5B2KhNn2IDemHa3iarmCyribYlZYyw/0", "shelf_name": "測試貨架" }
我們根據(jù)JSON數(shù)據(jù)的定義,定義了幾個貨架控件的對象,他們的關(guān)系如下所示。
我們可以根據(jù)JSON數(shù)據(jù)進(jìn)行實體對象的建模,然后有了這些對象,我們就可以進(jìn)一步定義好貨架的相關(guān)操作接口了,接口定義如下所示。
#region 貨架管理 ////// 增加貨架 /// /// 調(diào)用接口憑證 /// 貨架招牌圖片Url /// 貨架名稱 /// 貨架控件1,2,3,4,5類型的集合 ///AddShelfResult AddShelf(string accessToken, string shelfBanner, string shelfName, List controls); /// /// 刪除貨架 /// /// 調(diào)用接口憑證 /// 貨架Id ///CommonResult DeleteShelf(string accessToken, int shelfId); /// /// 修改貨架 /// /// 調(diào)用接口憑證 /// 貨架Id /// 貨架招牌圖片Url /// 貨架名稱 /// 貨架控件1,2,3,4,5類型的集合 ///CommonResult UpdateShelf(string accessToken, int shelfId, string shelfBanner, string shelfName, List controls); /// /// 獲取所有貨架 /// /// 調(diào)用接口憑證 ///List GetAllShelf(string accessToken); /// /// 根據(jù)貨架ID獲取貨架信息 /// /// 調(diào)用接口憑證 /// 貨架Id ///ShelfJson GetShelfById(string accessToken, int shelfId); #endregion
有了這些接口的定義,我們就需要實現(xiàn)對應(yīng)的接口,從而實現(xiàn)我們向微信API的封裝處理了。
微信小店的貨架管理實現(xiàn)內(nèi)容如下所示(部分內(nèi)容,增刪改)。
////// 增加貨架 /// /// 調(diào)用接口憑證 /// 貨架招牌圖片Url /// 貨架名稱 /// 貨架控件1,2,3,4,5類型的集合 ///public AddShelfResult AddShelf(string accessToken, string shelfBanner, string shelfName, List controls) { var url = string.Format("https://api.weixin.qq.com/merchant/shelf/add?access_token={0}", accessToken); var data = new { shelf_data = new { module_infos = controls }, shelf_banner = shelfBanner, shelf_name = shelfName }; string postData = data.ToJson(); return JsonHelper .ConvertJson(url, postData); } /// /// 刪除貨架 /// /// 調(diào)用接口憑證 /// 貨架Id ///public CommonResult DeleteShelf(string accessToken, int shelfId) { var url = string.Format("https://api.weixin.qq.com/merchant/shelf/del?access_token={0}", accessToken); var data = new { shelf_id = shelfId }; string postData = data.ToJson(); return Helper.GetExecuteResult(url, postData); } /// /// 修改貨架 /// /// 調(diào)用接口憑證 /// 貨架Id /// 貨架招牌圖片Url /// 貨架名稱 /// 貨架控件1,2,3,4,5類型的集合 ///public CommonResult UpdateShelf(string accessToken, int shelfId, string shelfBanner, string shelfName, List controls) { var url = string.Format("https://api.weixin.qq.com/merchant/shelf/mod?access_token={0}", accessToken); var data = new { shelf_id = shelfId, shelf_data = new { module_infos = controls }, shelf_banner = shelfBanner, shelf_name = shelfName }; string postData = data.ToJson(); return Helper.GetExecuteResult(url, postData); }
4、微信小店貨架管理的接口測試
由于貨架管理的對象和接口定義比較復(fù)雜一些,一定需要進(jìn)行反復(fù)的測試才能正式使用,如果不注意有可能你定義的實體類,獲取不到某個字段信息。
我為了方便,創(chuàng)建了一個Winform項目,分別對各個接口進(jìn)行測試。
對于貨架管理內(nèi)容的接口測試,測試代碼如下所示。
private void btnShelf_Click(object sender, EventArgs e) { IMerchantApi api = new MerchantApi(); Listlist = api.GetAllShelf(token); Console.WriteLine(list.ToJson()); foreach(ShelfJson json in list) { Console.WriteLine("貨架信息:"); ShelfJson getJson = api.GetShelfById(token, json.shelf_id.Value); Console.WriteLine(getJson.ToJson()); } string shelf_banner = "http://mmbiz.qpic.cn/mmbiz/mLqH9gr11Gyb2sgiaelcsxYtQENGePp0RgeNlAQicfZQokjbJMUq4h8MHtjpekJNEWKuMN3gdRz5RxfkYb7NlIrw/0"; string shelf_name = "測試貨架"; ShelfControl1 c11 = new ShelfControl1(6, 202797386); ShelfControl1 c12 = new ShelfControl1(4, 202797397); List controlList = new List (){c11, c12}; AddShelfResult result = api.AddShelf(token, shelf_banner, shelf_name, controlList); if (result != null && result.shelf_id > 0) { Console.WriteLine("增加的貨架信息:"); ShelfJson getJson = api.GetShelfById(token, result.shelf_id); Console.WriteLine(getJson.ToJson()); shelf_name = "測試貨架-修改"; controlList = new List (){c11}; CommonResult updateReuslt = api.UpdateShelf(token, result.shelf_id, shelf_banner, shelf_name, controlList); Console.WriteLine("修改貨架操作:{0}", updateReuslt.Success ? "成功" : "失敗"); CommonResult deleteResult = api.DeleteShelf(token, result.shelf_id); Console.WriteLine("刪除貨架操作:{0}", deleteResult.Success ? "成功" : "失敗"); } }
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“C#如何開發(fā)微信門戶及應(yīng)用微信小店貨架信息管理功能”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
網(wǎng)站標(biāo)題:C#如何開發(fā)微信門戶及應(yīng)用微信小店貨架信息管理功能-創(chuàng)新互聯(lián)
本文鏈接:http://www.dlmjj.cn/article/dooegg.html