Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > Windows Azure > Windows Azure (Mobile Services) and Windows Phone (WP8) > ตอนที่ 4 : สร้าง Project Windows Phone(WP) และการเชื่อมต่อกับ Mobile Services

ตอนที่ 4 : สร้าง Project Windows Phone(WP) และการเชื่อมต่อกับ Mobile Services

ตอนที่ 4 : สร้าง Project Windows Phone(WP) และการเชื่อมต่อกับ Mobile Services บทความนี้จะเป็นการเริ่มต้นตั้งแต่การสร้าง Project ของ Windows Phone บน Visual Studio ด้วยการสร้าง Project ใหม่ และเรียกใช้ Library SDK ของ Mobile Services หรือถ้ามี Project อยู่แล้วก็สามารถเปิดโปรเจคนั้น ๆ เข้ามาทำการ Add Mobile Services for Windows Phone เข้ามาใน Project ได้เช่นเดียวกัน จากนั้นจะอธิบายขั้นตอนการทำการเขียนคำสั่งเพื่อติดต่อไปยัง Mobile Services ที่อยู่บน Windows Phone

CreateWindows Phone(WP) Mobile Services Visual Studio

CreateWindows Phone(WP) Mobile Services Visual Studio

ขั้นตอนที่ 1 การสร้าง Project ของ Windows Phone บน Visual Studio

เปิดโปรแกรม Visual Studio หรือถ้ามี Project อยู่แล้วก็ข้ามตั้นตอนการสร้างไปได้เลย โดยให้ไปที่ขั้นตอนที่ 2

CreateWindows Phone(WP) Mobile Services Visual Studio

ไปที่เมนู FILE -> New -> Project...

CreateWindows Phone(WP) Mobile Services Visual Studio

เลือกภาษา Visual C# และ Windows Phone -> Windows Phone App (หรือกรณีเป็น VB.Net ก็ได้เช่นเดียวกัน)

CreateWindows Phone(WP) Mobile Services Visual Studio

อย่าลืมว่าจะต้องเลือก Windows Phone OS 8.0 ขึ้นไปเท่านั้น

ตอนนี้เราได้ Project ขึ้นมา 1 ตัว เป็นที่เรียบร้อยแล้ว

ขั้นตอนที่ 2 การเรียกใช้งาน Mobile Services SDK for Windows Phone เข้ามาใน Project บน Visual Studio

CreateWindows Phone(WP) Mobile Services Visual Studio

ไปยังหน้า Portal Management ของ Mobile Services ให้เลือก Platform ของ Windows Phone 8

CreateWindows Phone(WP) Mobile Services Visual Studio

เลือก Connect An Exists Windows Phone 8 App ซึ่งจะมีคำแนะนำให้เราทำการ

Add a Nuget reference on the WindowsAzure.MobileServices Package

ให้ไปที่ Project ของเราคลิกขวาที่ References -> Manage Nuget Packages...

CreateWindows Phone(WP) Mobile Services Visual Studio

ให้ค้นหาคำว่า WindowsAzure.MobileServices เมื่อเจอแล้วให้คลิก Install

CreateWindows Phone(WP) Mobile Services Visual Studio

กำลังติดตั้ง

CreateWindows Phone(WP) Mobile Services Visual Studio

เลือก I Accept

CreateWindows Phone(WP) Mobile Services Visual Studio

กำลังติดตั้ง

CreateWindows Phone(WP) Mobile Services Visual Studio

กรณีที่ Error ดังรูป

Install failed. Rolling back...

Could not install package 'Newtonsoft.Json 4.5.11'. You are trying to install this package into a project that targets 'WindowsPhone,Version=v8.0', but the package does not contain any assembly references that are compatible with that framework. For more information, contact the package author.

ให้ทำการ Update NuGet Package Manager ด้วยการดาวน์โหลดไฟล์ที่นี่

http://visualstudiogallery.msdn.microsoft.com/27077b70-9dad-4c64-adcf-c7cf6bc9970c

เลือก Download

CreateWindows Phone(WP) Mobile Services Visual Studio

หลังจากที่ดาวน์โหลดแล้วก็ให้ติดตั้งตามปกติ

CreateWindows Phone(WP) Mobile Services Visual Studio

Install กำลังติดตั้ง ซึ่งจะใช้เวลา 2-3 นาทีก็เสร็จ

CreateWindows Phone(WP) Mobile Services Visual Studio

จากนั้นให้ปิดโปรแกรม Visual Studio แล้วเปิดโปรแกรมใหม่ พร้อมกับติดตั้งตัว WindowsAzure.MobileServices อีกครั้ง

CreateWindows Phone(WP) Mobile Services Visual Studio

ถ้าไม่มีอะไรผิดพลาดก็จะสามารถติดตั้งได้สมบูรณ์

CreateWindows Phone(WP) Mobile Services Visual Studio

ติดตั้ง Windows Azure Mobile Services สมบูรณ์แล้ว

CreateWindows Phone(WP) Mobile Services Visual Studio

ซึ่งตอนนี้ Library ต่าง ๆ ของ Windows Azure Mobile Services ก็เข้ามาอยู่ใน Project ของเราเรียบร้อยแล้ว

ขั้นตอนที่ 3 การเชื่อมต่อไปยัง Mobile Services ที่อยู่บน Windows Azure

CreateWindows Phone(WP) Mobile Services Visual Studio

ปกติแล้วเราจะทำการเชื่อมด้วย Url และ Key ของ Mobile Services ซึ่งจะนิยมประกาศไว้ในไฟล์ App.xaml.cs และจะประกาศไว้ครั้งเดียว

CreateWindows Phone(WP) Mobile Services Visual Studio

ให้ Copy Mobile Services Key ที่อยู่บน Portal Management

CreateWindows Phone(WP) Mobile Services Visual Studio

วางไว้ใน App.xaml.cs

        public static MobileServiceClient MobileService = new MobileServiceClient(
            "https://thaicreate.azure-mobile.net/",
            "xexBNAFBIujPJbbmYJIyBdDqxZXGXM66"
        );

กลับมายัง MainPage.xaml ซึ่งเป็นไฟล์แรกของ Project ที่จะรัน App

CreateWindows Phone(WP) Mobile Services Visual Studio

สร้าง TextBlock แบบง่าย ๆ

CreateWindows Phone(WP) Mobile Services Visual Studio

ชื่อว่า lblStatus

<TextBlock x:Name="lblStatus" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="Status" VerticalAlignment="Top" Width="436"/>

จากนั้นคลิกที่ MainPage.xaml.cs เพิ่มคำสั่งนี้ลงไปในส่วนของ public MainPage()

CreateWindows Phone(WP) Mobile Services Visual Studio

        // Constructor
        public MainPage()
        {
            InitializeComponent();

            if (App.MobileService != null)
            {
                lblStatus.Text = "Mobile Service Connected.";
            }
            else
            {
                lblStatus.Text = "Mobile Service Connect Failed.";
            }
        }

ทดสอบรันโปรแกรมบน Emulator

CreateWindows Phone(WP) Mobile Services Visual Studio

แสดงสถานะการเชื่อมต่อ ซึ่งแสดงว่าตอนนี้เราสามารถทำการเชื่อมต่อไปยัง Mobile Services ด้วย Windows Phone เรียบร้อยแล้ว และในบทความถัดไปเราจะมารู้วิธีการสร้างตารางและการ Insert ข้อมูลลงไปในตาราง

บทความถัดไปที่แนะนำให้อ่าน

ตอนที่ 5: Windows Phone สร้างตาราง Table บน Mobile Services และการ Insert ข้อมูล

บทความที่เกี่ยวข้อง

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

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


	By :	ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
	Score Rating :
	Create/Update Date :	2013-05-11 21:15:04 / 2017-03-24 11:30:02
	Download :

Sponsored Links / Related

ตอนที่ 1 : Windows Phone(WP) กับ Mobile Services บน Windows Azure คืออะไร
Rating :

ตอนที่ 2 : เตรียม Windows Phone(WP) ก่อนที่จะเขียนบน Azure Mobile Services
Rating :

ตอนที่ 3 : การสร้าง Windows Phone(WP) กับ Mobile Services และการเรียกใช้งาน
Rating :

ตอนที่ 5 : Widows Phone สร้าง Table บน Mobile Services และการ Insert ข้อมูล
Rating :

ตอนที่ 6 : Windows Phone (WP) อ่าน Data จาก Table ของ Azure Mobile Service
Rating :

ตอนที่ 7 : อ่านข้อมูล Mobile Services การใช้ Where แสดงผลบน Windows Phone
Rating :

ตอนที่ 8 : การทำ Authentication in Azure Mobile Services ด้วย Windows Phone
Rating :

ตอนที่ 9 : การทำ Push Notifications in Mobile Services ด้วย Windows Phone
Rating :

ตอนที่ 10 : Validate และ Modify data in Mobile Services บน Windows Phone
Rating :

ตอนที่ 11 : สร้าง Refine Mobile Services queries with paging บน Windows Phone
Rating :

ตอนที่ 12 : Scripts to authorize users in Mobile Services บน Windows Phone
Rating :

ตอนที่ 13 : Show Case 1 : Register Form (WP and Mobile Services)
Rating :

ตอนที่ 14 : Show Case 2 : Login User Password (WP and Mobile Services)
Rating :

ตอนที่ 15 : Show Case 3 : Update Data (WP and Mobile Services)
Rating :

ตอนที่ 16 : Show Case 4 : Delete Data (WP and Mobile Services)
Rating :

ตอนที่ 17 : บทความอื่น ๆ เกี่ยวกับ Windows Phone กับ Azure Mobile Services
Rating :

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

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
	ปรับแต่งเว็บให้โหลดเร็ว