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

Registered : 102,994

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


ขั้นตอนที่ 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 ขึ้นไปเท่านั้น








CreateWindows Phone(WP) Mobile Services Visual Studio

ตอนนี้เราได้ 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


CreateWindows Phone(WP) Mobile Services Visual Studio

ให้ไปที่ 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 ด้วยการดาวน์โหลดไฟล์ที่นี่


CreateWindows Phone(WP) Mobile Services Visual Studio

เลือก 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"
        );


CreateWindows Phone(WP) Mobile Services Visual Studio

กลับมายัง 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"/>


CreateWindows Phone(WP) Mobile Services Visual Studio

จากนั้นคลิกที่ 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.";
            }
        }


CreateWindows Phone(WP) Mobile Services Visual Studio

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

CreateWindows Phone(WP) Mobile Services Visual Studio

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

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


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


   
Share


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


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


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2013-05-11 21:15:04 / 2017-03-24 11:30:02
  Download : Download  ตอนที่ 4 : สร้าง  Project Windows Phone(WP) และการเชื่อมต่อกับ Mobile Services
 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 :


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
สอน Struts การเขียนโปรแกรม Java Struts Framework
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน Yii  Framework การเขียนโปรแกรม ภาษา PHP กับ Yii
สอน .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 01
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 , 084-715-5121 อัตราราคา คลิกที่นี่