Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 104,607

HOME > Windows Azure > Visual Studio Online & Team Developer Tools > ตอนที่ 7 : การใช้งาน Application Insights บน Visual Studio Online การวิเคราะห์ข้อมูลเชิงลึก




VPS  250 ҷ͹

ตอนที่ 7 : การใช้งาน Application Insights บน Visual Studio Online การวิเคราะห์ข้อมูลเชิงลึก

ตอนที่ 7 : การใช้งาน Application Insights บน Visual Studio Online การวิเคราะห์ข้อมูลเชิงลึก อีกความสามรถหนึ่งที่น่าสนใจบน Visual Studio Online คือ Application Insights เป็นเครื่องมือสำหรับการวิเคราะห์ข้อมูลเชิงลึกเกี่ยวกับผลลัพธ์ Performance ของ Application เช่น จำนวน ผู้ใช้เว็บ จำนวนเพจวิว เซ็สซั่น และยังสามารถจำลอง ทดสอบการเรียกข้อมูลจากผู้ใช้จากประเทศต่าง ๆ ผ่านการทำงานบน Cloud ที่อยู่ใน Location ของภูมิภาคนั้น ๆ และหลังจากที่ได้ผลลัพธ์แล้วเราสามารถที่จะตรวจสอบวิเคราะห์ข้อมูลเหล่านั้น เพื่อนำผลลัพธ์ทีไ่ด้มาปรับแต่ง Application ให้เหมาะสมกับการทำงาน ซึ่ง Feature นี้เราเคยใช้ Webmaster Tools ของ Google จะมีฟีเจอร์และผลลัพธ์ในรูปแบบเดียวกัน เพียงแต่ Application Insights สามารถภูกกับ Visual Studio และตรวจสอบการทำงานในแต่ล่ะ Page บน Application ที่อยู่บน Visual Studio และสามารถนำ Result มาวิเคราะห์ได้ตรงกับปัญหาได้ดีกว่า

บน Visual Studio

Application Insights Visual Studio Online

ให้เปิด Project ที่ได้สร้างไว้ก่อนหน้านี้

Application Insights Visual Studio Online

เลือกเมนู TOOL -> Extensions and Updates...

Application Insights Visual Studio Online

ให้ค้นหาชื่อว่า Application Insights และเลือก Download

Application Insights Visual Studio Online

ติดตั้ง Extensions ซึ่งจะใช้เวลาไม่นานไม่เกิน 1 นาที








Application Insights Visual Studio Online

คลิกขวาที่ Project เลือก Add Application Insights Telemetry to Project

Application Insights Visual Studio Online

เลือก Account ที่เชื่อมกับ Visual Studio

Application Insights Visual Studio Online

ไฟล์ถูก Add เข้ามาใน Project

Application Insights Visual Studio Online

ให้ดับเบิ้ลคลิกที่ MyWebProject Dashboard

Application Insights Visual Studio Online

เลือก Launch Browser เพื่อเปิดหน้า Dashboard ของ Visual Studio Online

Application Insights Visual Studio Online

จากนั้นโปรแกรมจะเปิดหน้า Dashboard บน Browser

Application Insights Visual Studio Online

เลือกเมนู AVAILABILITY -> Click here

Application Insights Visual Studio Online

เลือกเครื่องหมา บวก (+) -> New Single URL Test

Application Insights Visual Studio Online

New Single URL Test

Application Insights Visual Studio Online

กำหนดชื่อ Task ที่ต้องการ Test จากนั้นเลือก Location ของ Cloud ที่ต้องการทดสอบการทำงาน ซึ่งจะเป็น Node ของ Server ที่อยู่ตาม Location ต่าง ๆ ของ Azure

และสามารถกำหนดเงื่อนไขการทำงาน เช่น Period ของการทำงาน หรือระยะเวลาของการทำงาน

Application Insights Visual Studio Online

แสดงการทำงาน ซึ่งสามารถเลือกช่วงเวลาเพื่อดูผลลัพธ์

Application Insights Visual Studio Online

แสดงสถานะการทำงานบน Location นั้น ๆ

Application Insights Visual Studio Online

เราสามารถตรวจสอบผลลัพธ์ Result ที่ได้จาก ณ เวลานั้น ๆ และ Location ของ Cloud ในภูมิภาคที่ได้กำหนดไว้ก่อนหน้านี้

Application Insights Visual Studio Online

สามารถ Download ไฟล์ Result ทีไ่ด้ เพื่อนำไปวิเคราะห์บนโปรแกรม Visual Studio

Application Insights Visual Studio Online

ตัวอย่าง Result ที่นำมาวิเคราะห์บนโปรแกรม Visual Studio

Application Insights Visual Studio Online

คลิกที่ Settings ดังรูป

Application Insights Visual Studio Online

เลือก Keys & Downloads

เลือก JavaScript Usage Analytics Code นำไปวางในหน้าเว็บ ซึ่งจะทำการ Tracking หรือเก็บสถติติของเว็บ เพื่อนำไปวิเคราะห์บน Application Insights ได้

Application Insights Visual Studio Online

นำ Code นี้ไปวางไว้ในส่วนของ Header ของเว็บ ซึ่งจะต้องแทรกในทุก ๆ หน้า หรือในกรณีที่ใช้ Mater Page ก็แทรกลงบน Master Page ได้เลย

Application Insights Visual Studio Online

จากนั้นให้ Publish เว็บใหม่อีกครั้ง

Application Insights Visual Studio Online

ในที่นี้เลือก Publish ลงบน Azure Web Sites

Application Insights Visual Studio Online

ทดสอบการรัน Web Application ที่ได้ Publish ไว้ก่อนหน้านี้

Application Insights Visual Studio Online

เมื่อ View Source เราจะเห็น Code ทีไ่ด้แทรกลงใน Header ของเว็บ

Application Insights Visual Studio Online

กลับมายังหน้าจอ Dashboard ของ Application Insights เลือก USAGE -> Click here

Application Insights Visual Studio Online

ซึ่งในหน้านี้เราสามารถตรวจสอบ Result ของหน้าเว็บที่ได้แทรก Script เพื่อ Tracking

Application Insights Visual Studio Online

ในการใช้งานครั้งถัดไปเมื่อ Login เข้าหน้า Dashboard ของ Visual Studio Online แล้ว สามารถเลือก Application Insights และรายการ Project ที่ต้องการตรวสอบได้








ดูคลิปเพิ่มเติม



   
Share


ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท


ลองใช้ค้นหาข้อมูล


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2014-11-23 17:09:14 / 2017-03-24 16:43:11
  Download : No files
 Sponsored Links / Related

 
ตอนที่ 1 : Visual Studio Online คืออะไร มีประโยชน์อย่างไร และขั้นตอนการสมัครใช้งาน
Rating :

 
ตอนที่ 2 : สร้าง Project บน Visual Studio Online การเชื่อมต่อกับโปรแกรม Visual Studio
Rating :

 
ตอนที่ 3 : การใช้งาน Hosted Source Control (TFVC) และการ Publish บน Azure Web Site
Rating :

 
ตอนที่ 4 : จัดการ User บน Visual Studio Online และ Work Items and Agile Planning
Rating :

 
ตอนที่ 5 : Visual Studio กับการสร้าง Hosted Build Service บน Visual Studio Online
Rating :

 
ตอนที่ 6 : การใช้งาน TFS Git Integration กับ Source Control บน Visual Studio Online
Rating :

 
ตอนที่ 8 : การใช้งาน Cloud Load Testing บน Visual Studio Online ทดสอบประสิทธิการทำงาน
Rating :

 
ตอนที่ 9 : การใช้งาน Debugging for Cloud Applications กับ Windows Azure Web Site
Rating :


ThaiCreate.Com Forum




Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว


สุดยอด Source Code V2.0
 

แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   


Acc : thaicreate@hotmail.com










Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2017 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่