永利棋牌官方下载-www.55402.com-永利国际唯一指定官网

永利棋牌官方下载提供最新最好玩的真人游戏,www.55402.com是澳门国际娱乐平台官方网站唯一授权会员登录手机版,www.316net,www.366net,516.net,626.net,766.net,www.565.net,www.16.net,bwin62.com,bwin180.com,永利国际唯一指定官网为新老顾客提供更多的精彩娱乐项目,,所有的玩家都可以得到注册送体验金的巨大福利是设身处地为玩家量身订造的经典网站。

ASP.NET Core 一步步搭建个人网站(5)_Api模拟和网

API模拟工具

  • 单独给API模拟工具扩大一个菜单项,菜单管理-->新扩充菜单,增添叁个根节点菜单下的贰个子菜单:“工具箱”。未来一些常用的开辟工具菜单,就停放该目录,然后在“工具箱”菜单下,再新建二个子菜单:“API模拟”。
  • 那C#中怎么调用远程API方法吗,日常用HttpClient能够访问,这里大家略微再封装一下,分为Get恳求(传递url参数)和Post央求(传递url和content参数):

    1 public static class HttpClientExtensions 2 { 3 ///

    4 /// Get请求API 5 /// 6 /// 7 /// ASP.NET Core 一步步搭建个人网站(5)_Api模拟和网站分析。 8 /// 9 /// 10 /// 11 public static async Task HttpGetAsync(this HttpClient client, string url) 12 { 13 //初阶化内容 14 var responseMessage = await client.GetAsync(url); 15 if (responseMessage.IsSuccessStatusCode) 16 { 17 return await responseMessage.Content.ReadAsStringAsync(); 18 } 19 else 20 { 21 return $"访谈API地址:{url}出错,错误代码:{responseMessage.StatusCode},错误原因:{responseMessage.Reason玻璃沙滩se}"; 22 } 23 } 24 25 26 /// 27 /// Post请求API 28 /// 29 /// ASP.NET Core 一步步搭建个人网站(5)_Api模拟和网站分析。 30 /// 31 /// 32 /// 33 /// 34 public static async Task HttpPostAsync(this HttpClient client, string url, string jsonValue) 35 { 36 //带头化内容 37 var content = new StringContent(jsonValue, Encoding.UTF8, "application/json"); 38 39 var responseMessage = await client.PostAsync(url, content); 40 if (responseMessage.IsSuccessStatusCode) 41 { 42 return await responseMessage.Content.ReadAsStringAsync(); 43 } 44 else 45 { 46 return $"访谈API地址:{url}出错,参数:{jsonValue},错误代码:{responseMessage.StatusCode}          ,错误原因:{responseMessage.Reason玻璃海滩se}"; 47 } 48 }

  • 参考上意气风发章的内容中,大家将Api的连锁配置,比方url地址,url央求类型,参数等等,都配备到json文件中,并定义相应的数据结构MyRequest。后续依赖注入IOptions<MyRequest> myRequest就可以访谈。

  • Areas/Tools/Controllers创制对应的调节器ApiSimulatorController
  1. InvokApi方法:遵照读取的Api央求类型,想远程API服务商发送恳求并传递参数,再次回到json格式给UI端;
  2. Index方法:根据顾客在下拉框中挑选的Api,切换显示Api相关音信;

    1 [Area("Tools")] 2 public class ApiSimulatorController : AppController 3 { 4 private readonly MyRequest _myRequest; 5 6 public ApiSimulatorController(IOptions myRequest) 7 { 8 _myRequest = myRequest.Value; 9 } 10 11 ///

    12 /// API模拟主页 13 /// 14 /// 15 /// 16 public IActionResult Index(string selectedApiCode = null) 17 { 18 UpdateDropDownList(selectedApiCode); 19 if (selectedApiCode == null) 20 { 21 return View("Index", new ApiRequest()); 22 23 } 24 var selectedApi = _myRequest.ApiRequests.FirstOrDefault(s => s.ApiCode == selectedApiCode); 25 if (selectedApi ASP.NET Core 一步步搭建个人网站(5)_Api模拟和网站分析。!= null && selectedApi.Methord == "POST") 26 selectedApi.ApiDatas = selectedApi.ApiDatas.ToJsonString(); 27 return View("Index", selectedApi); 28 } 29 30 /// 31 /// 调用API 32 /// 33 /// 34 /// 35 public async Task InvokApi(ApiRequest request) 36 { 37 var hc = new HttpClient(); 38 39 if (request.Methord == "GET") 40 { 41 var getUrl = request.Url + "?"; 42 foreach (var para in request.ApiParas) 43 { 44 getUrl += "&" + para.ParaName + "=" + para.ParaValue; 45 } 46 47 ViewBag.SendContent = getUrl; 48 ViewBag.ReturnResult = (await hc.HttpGetAsync(getUrl)).ToJsonString(); 49 } 50 else if (request.Methord == "POST") 51 { 52 if (!string.IsNullOrEmpty(request.ApiDatas)) 53 { 54 ViewBag.SendContent = request.Url; 55 ViewBag.ReturnResult = (await hc.HttpPostAsync(request.Url, request.ApiDatas)).ToJsonString(); 56 } 57 else 58 { 59 ModelState.AddModelError(string.Empty, "请输入Json格式乞请参数"); 60 } 61 } 62 else 63 { 64 ModelState.AddModelError(string.Empty, "诉求格局非法"); 65 } 66 67 UpdateDropDownList(request.ApiCode); 68 return View("Index", request); 69 } 70 71 /// 72 /// 初始化下拉选择框 73 /// 74 private void UpdateDropDownList(string selectedApiCode = null) 75 { 76 List listApiName = new List(); 77 foreach (var request in _myRequest.ApiRequests.Select(s => new { s.ApiName, s.ApiCode })) 78 { 79 listApiName.Add(new SelectListItem 80 { 81 Value = request.ApiCode, 82 Text = request.ApiName, 83 Selected = request.ApiCode == selectedApiCode 84 }); 85 } 86 ViewBag.ApiCodes = listApiName; 87 } 88 }

Areas/Tools/Views成立对应的视图Index

 1 <div class="form-group">
 2     <label asp-for="ApiCode">API名称:</label>
 3     <select asp-for="ApiCode" class="form-control input-sm select2" asp-items="ViewBag.ApiCodes">
 4         <option value="">-- 请选择 --</option>
 5     </select>
 6 </div>
 7 <div class="form-group">
 8     <label asp-for="Url">API地址:</label>
 9     <input asp-for="Url" class="form-control input-sm" readonly>
10 </div>
11 <div class="form-group">
12     <label asp-for="Methord">请求方式:</label>
13     <input asp-for="Methord" class="form-control input-sm" readonly>
14 </div>
15 <div class="form-group">
16     <label for="params" class="">请求参数:</label>
17     @if (Model.Methord == "GET")
18     {
19         <div style="overflow-x:auto;">
20             <table class="table table-bordered table-striped table-condensed" id="params">
21                 <thead>
22                     <tr>
23                         <td>参数名</td>
24                         <td>类型</td>
25                         <td>是否必填</td>
26                         <td>说明</td>
27                         <td>值</td>
28                     </tr>
29                 </thead>
30                 <tbody>
31                     @for (var i = 0; i < Model.ApiParas.Count(); i++)
32                     {
33                         <tr>
34                             <td>
35                                 @Model.ApiParas[i].ParaName
36                                 @Html.TextBoxFor(a => a.ApiParas[i].ParaName,
37                                new { @class = "form-control input-sm", type = "hidden" })
38                             </td>
39                             <td>
40                                  @Model.ApiParas[i].ParaType
41                                 @Html.TextBoxFor(a => a.ApiParas[i].ParaType,
42                                new { @class = "form-control input-sm", type = "hidden" })
43                             </td>
44                             <td>
45                                 @(Model.ApiParas[i].Required ? "是" : "否")
46                                 @Html.TextBoxFor(a => a.ApiParas[i].Required,
47                                new { @class = "form-control input-sm", type = "hidden" })
48                             </td>
49                             <td>
50                                 @Model.ApiParas[i].Description
51                                 @Html.TextBoxFor(a => a.ApiParas[i].Description,
52                                new { @class = "form-control input-sm", type = "hidden" })
53                             </td>
54                             <td>
55                                 @Html.TextBoxFor(a => a.ApiParas[i].ParaValue,
56                                new { @class = "form-control input-sm" })
57                         </td>
58                     </tr>
59                     }
60                 </tbody>
61             </table>
62         </div>}
63     else if ((Model.Methord == "POST"))
64     {
65         @Html.TextAreaFor(m => m.ApiDatas, 
66        new { @class = "form-control", rows = "8", placeholder = "输入Json格式 ..." })
67     }
68 </div>
69 <button type="submit" class="btn btn-success"><i class="fa fa-send-o margin-r-5"></i>发送请求</button>

json文件中追加“手提式无线电话机号码归属地”、“百度总括”相关API的安顿,我们来测量检验一下:

图片 1

地区布满数据得到

百度总结提供的数据类型相当多,大家挑选当中一个来考试下效果。举个例子大家须要拿到访谈网站客商的地域新闻,不一致省份的客商访谈境况。

  • 接纳API模拟工具调节和测验:伏乞类型POST,url地址:

    1 { 2 "header": { 3 "account_type": 1, 4 "password": "<密码>", 5 "token": "", 6 "username": "<用户名>" 7 }, 8 "body": { 9 "site_id": <站点id>, 10 "method": "visit/district/a", 11 "start_date": "30daysago", 12 "end_date": "today", 13 "metrics": "pv_count,pv_ratio,visit_count,visitor_count,new_visitor_count,new_visitor_ratio,               ip_count,bounce_ratio,avg_visit_time,avg_visit_pages,trans_count,trans_ratio", 14 "order": "pv_count,desc", 15 "max_results": 0 16 } 17 }

能够看到,正常重回根据分裂省份区域的网站计算数据。

落到实处调控器逻辑:根据上面提供的json格式,配置到json文件中,并定义MyRequest对象,映射我们有着的API必要,MyRequest存放的是有着API央求的安顿新闻,通过API央浼的id,加载差别的API配置消息。Areas/Tools/Controllers成立对应的调控器SiteAnalyticsController,首要完结GetVisitDistrictAnalytics方法,用来依照时限,获取相应的区域深入分析json数据:

 1 [Area("Tools")]
 2 public class SiteAnalyticsController : AppController
 3 {
 4     private readonly IList<ApiRequest> _requests;
 5 
 6     public SiteAnalyticsController(IOptions<MyRequest> myRequest)
 7     {
 8         _requests = myRequest.Value.ApiRequests;
 9     }
10 
11     public IActionResult Index()
12     {
13         return View();
14     }
15 
16     /// <summary>
17     /// 获取百度访客区域统计数据
18     /// </summary>
19     /// <returns></returns>
20     public async Task<JsonResult> GetVisitDistrictAnalytics(string startDate, string endDate)
21     {
22         var hc = new HttpClient();
23         var request = _requests.FirstOrDefault(s => s.ApiCode == "BaiduGetVisitDistrict");
24         var data = request.ApiDatas.Replace("30daysago", startDate).Replace("today", endDate);
25         return Json(await hc.HttpPostAsync(request.Url, data));
26     }
27 
28     /// <summary>
29     /// 获取百度趋势分析数据
30     /// </summary>
31     /// <returns></returns>
32     public async Task<JsonResult> GetTrendAnalytics(string startDate, string endDate)
33     {
34         var hc = new HttpClient();
35         var request = _requests.FirstOrDefault(s => s.ApiCode == "BaiduGetTrend");
36         var data = request.ApiDatas.Replace("30daysago", startDate).Replace("today", endDate);
37         return Json(await hc.HttpPostAsync(request.Url, data));
38     }
39 }

前言

因此后边几章,大家的网址已经最中央的坚守,接下去正是三翻五次开展其他的效果,那期一齐来促成二个该网站流量解析的工具,总括出这些网站天天客户相关数据,不独有要满意了大家对流量总结数字的主导需要,并且用更简便易行的图样展现情势,让我们看清地获得页面热度、点击率消息等等。有了这么些主张之后,那怎么落到实处啊,跟着小编一步步来吗。

第风流倜傥,必要思量怎么本领收获顾客访谈网址时的连锁数据吧?大家没要求本身去记录这个音讯,近年来已经有不菲成熟的建设方案,提供捕获那一个音讯的无偿接口,大家只用去访谈这一个接口就能够了。

在许多的方案中,有2款目前是相比较盛行的,分别是google analytics和百度总结。怎么说呢,google的实在是行当的大腕,不止很成熟,并且有详实的本事文书档案,数据收罗进度很顺畅,然则多少表现要求fanqiang(原因你们领会),这块是硬伤,叁个怒放的网址无法供给客商都要fanqiang吧,也是出于那个原因,让自身忍痛废弃了google analytics。那唯有二个取舍了:百度计算。想比较来说,百度计算的相干技艺文档不忍多说,都以泪,作者在坑中摸爬滚打比较久,才弄精晓怎么调用和拜访。

方案定下来,因为我们要走访百度总括的开放API,以后会平常调用到外网的各样API,为了磨刀不费砍柴工,大家开辟贰个API的模拟工具,用来调治。

小结

用地图展现区域分析功用至此就曾经大致完成,大家增加图表数据的呈现,那样内容更拉长些,最终,我们看下效果:

图片 2

申请Tongji API数据导出

 未来我们很有益于的在百度总结中查阅各类总括数据了,譬如流量剖判、来源分析、访谈分析、转变分析等等,接下去必要取得这几个数量,来移植到大家友好的网址中来。百度提供了Tongji API,大家能够调用API来询问自身网址的深入分析数据,进而特别组织扩展的分析视图了。

要访问Tongji API,要求提供三个token值,这些必要开展申请,在 百度总计-->管理-->其余装置-->数据导出服务 中,央浼开通,开通后百度总括会提必要你二个token字符串,以往用那么些token就足以访问Tongji API。Tongji API具体的乞请格式表达详见:百度计算开拓平台

譬喻说我们须要央求站点列表,使用API模拟工具,乞求类型POST,url地址:

1 {
2     "header": {
3         "account_type": 1,
4         "password": "<密码>",
5         "token": "<token>",
6         "username": "<用户名>"
7     },
8     "body": {}
9 }

输入百度总结的客商名和密码及拜会使用的token,就能够符合规律访谈大家的登记的具有站点,这里大家得以得到站点的site_id(也得以通过百度总结页面查看),前边须要该站点的分析数据会用到。

流量深入分析工具

有了上边API模拟工具,往后得以很有益于的调节和测量检验大家百度总结接口了。百度总括是怎么获取那么些网址客户访谈的连带讯息的啊?原理其实相当粗略,百度针对你的挂号服务提供生机勃勃段js代码,个中蕴藏标志你在百度总括的id。你在网页中增加这段代码后,每当客商访问该网址时,会下载这段js脚本,加载完成和间距页面包车型大巴时候,都会发送三次呼吁和传递参数,百度总结服务中央之所以捕获到这几个音信,维护在服务器中。调用百度计算API传递您的id,会依赖id重返您的网址对应分析数据。

有关流量总括原理,风乐趣详见揭示百度总计和谷歌Analytics的做事原理

登记百度总结

知情了规律,那首先第一步大家报了名百度总结顾客。注册成功后,大家找到 代码管理-->代码获取,将百度总括帮你自动生成好的js脚本复制过来,粘贴到site.js文件中。由于_layout母版页引用了site.js文件,那样的话,网站域名下具备的客户访问,都会被计算。

图片 3

设置完百度计算的代码,宣布网址前后相继,能够用百度总计中代码检查,看看本人总结代码有未有被科学的设置,若是设置成功,揣摸20分钟后,就能够在百度总结中查看网址的访谈景况了。当然,你也足以加多八个域名的网址。

 图片 4

区域深入分析展现

有了区域分析的多少,接下去思量要怎么显得。

  • 大家陈设各种省份的访谈量,可以经过地图展现,遵照实际访谈量的有个别,通过颜色的深浅表现;
  • 报表的格局,具体显示差别省份的采访量和占比;
  • 柱状图的样式,显示近来7天的访谈量趋势;

地图表现,选拔jvectormap插件,它是矢量地图,且有友好的API,依旧十一分好用的,具体使用方法,推荐访谈官方网址:

Areas/Tools/Views创制视图Index:

 1 <!-- 分布地图 -->
 2 <div class="col-md-6 col-sm-6">
 3     <div class="box-body">
 4         <div id="map-markers" class="text-center" style="height: 420px;">
 5             <div>浏览量地域分布</div>
 6         </div>
 7     </div>
 8 </div>
 9 <!-- 分布表格 -->
10 <div class="col-md-4 col-sm-4" style="height: 440px; overflow: auto;">
11     <table class="table table-bordered" id="districtTable">
12         <tbody>
13             <tr>
14                 <th style="width: 10px">#</th>
15                 <th>省份</th>
16                 <th>浏览量(PV)</th>
17                 <th>占比</th>
18             </tr>
19         </tbody>
20     </table>
21 </div>
22 <!-- 近一周统计 -->
23 <div class="col-md-2 col-sm-2">
24     <div class="pad box-pane-right bg-green" style="min-height: 280px">
25         <div class="description-block margin-bottom" id="trend_pv_count">
26             <div class="sparkbar pad" data-color="#fff"></div>
27             <h5 class="description-header"></h5>
28             浏览量(PV)
29         </div>
30         <div class="description-block margin-bottom" id="trend_visitor_count">
31             <div class="sparkbar pad" data-color="#fff"></div>
32             <h5 class="description-header"></h5>
33             访客数(UV)
34         </div>
35         <div class="description-block" id="trend_ip_count">
36             <div class="sparkbar pad" data-color="#fff"></div>
37             <h5 class="description-header"></h5>
38             IP数
39         </div>
40         <div class="description-block" id="trend_avg_visit_time">
41             <div class="sparkbar pad" data-color="#fff"></div>
42             <h5 class="description-header"></h5>
43             平均访问时长
44         </div>
45     </div>
46 </div>

SiteAnalytics.js中,定义jvectormap呈现样式,动态获取区域深入分析数据后, 设置数据集mapObject.series.regions[0].setValues(visitorsData);

 1 var options = {
 2     map: 'cn_mill',
 3     backgroundColor: 'transparent',
 4     regionStyle: {
 5         initial      : {
 6         fill            : 'rgba(210, 214, 222, 1)',
 7         'fill-opacity'  : 1,
 8         stroke          : 'none',
 9         'stroke-width'  : 0,
10         'stroke-opacity': 1
11       },
12       hover        : {
13         'fill-opacity': 0.7,
14         cursor        : 'pointer'
15       },
16       selected     : {
17         fill: 'yellow'
18       },
19       selectedHover: {}
20     },
21     series: {
22         markers: [{
23             attribute: 'fill',
24             scale: ['#C8EEFF', '#0071A4'],
25             normalizeFunction: 'polynomial',
26             values: [408, 512, 550, 781],
27             legend: {
28                 vertical: true
29             }
30         }],
31         regions: [
32             {
33                 scale: ['#ebf4f9', '#92c1dc'],
34                 normalizeFunction: 'polynomial'
35             }
36         ]
37     },
38     onRegionLabelShow: function (e, el, code) {
39         var html = '';
40         html += '<div style="width:120px;">';
41         html += '<div style="border-bottom:1px solid;padding-bottom:5px;">' + el.html() + '</div>';
42         html += '<div style="margin-top:5px;"><i class="fa fa-circle text-success margin-r-5"></i>浏览量(PV)';
43         if (typeof visitorsData[code] != 'undefined') {
44             html += visitorsData[code];
45         } else {
46             html += 0;
47         }
48         html += '</div>';
49         html += '<div style="margin-top:5px;"><i class="fa fa-circle text-primary margin-r-5"></i>占比';
50         if (typeof pecentData[code] != 'undefined') {
51             html += pecentData[code];
52         } else {
53             html += 0;
54         }
55         html += ' %</div>';
56         el.html(html);
57     }
58 }
59 
60 $('#map-markers').vectorMap(options);

本文由永利棋牌官方下载发布于永利棋牌官方下载,转载请注明出处:ASP.NET Core 一步步搭建个人网站(5)_Api模拟和网

您可能还会对下面的文章感兴趣: