Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

Web Services στη C# Εργαστήριο 2

Παρόμοιες παρουσιάσεις


Παρουσίαση με θέμα: "Web Services στη C# Εργαστήριο 2"— Μεταγράφημα παρουσίασης:

1 Web Services στη C# Εργαστήριο 2
Μαρίνος Θεμιστοκλέους Ανδρούτσου 150 Γραφείο 206 Τηλ Ώρες Γραφείου: Τετάρτη 5-6 μμ

2 Web Services Κατασκευή web service Ανοίγουμε το Visual Studio
Πηγαίνουμε File -> New -> Project

3 Web Services Κατασκευή web service
Επιλέγουμε στα αριστερά Visual C# -> WCF. Στην συνέχεια WCF Service Application και δίνουμε το όνομα FirstWebService και πατάμε ΟΚ.

4 Web Services Κατασκευή web service
Επιλέγουμε στα δεξιά από το Solution Explorer τα αρχεία IService1.cs και Service1.svc. Στην συνέχεια κάνουμε δεξί κλικ και τα διαγράφουμε.

5 Web Services Κατασκευή web service
Κάνουμε δεξί κλικ στο όνομα του project (δηλαδή FirstWebService) στην καρτέλα Solution Explorer. Στην συνέχεια επιλέγουμε Add->New Item…

6 Web Services Κατασκευή web service
Στο παράθυρο που ανοίγει επιλέγουμε στα αριστερά Visual C# -> Web και από την λίστα που εμφανίζεται στην μέση το WCF Service. Στο κάτω μέρος ονομάζουμε το αρχείο MathOperations.svc

7 Web Services Κατασκευή web service Προστέθηκαν δύο αρχεία στο Project.
IMathOperations.cs – Διεπαφή (Interface) MathOperations.svc – Κλάση (Class)

8 Web Services Κατασκευή web service
Η διεπαφή IMathOperations περιέχει τις μεθόδους όπου πρέπει να υλοποιεί η κλάση MathOperations. Αρχικά έχει προστεθεί η μέθοδος DoWork.

9 Web Services Κατασκευή web service
Η κλάση MathOperations περιέχει τις μεθόδους που πρέπει να υλοποιήσει βάσει της διεπαφής IMathOperations. Αρχικά περιέχει τον κώδικα για τη μέθοδο DoWork.

10 Web Services Κατασκευή web service
Αρχικά θα χρειαστούμε μια κλάση όπου θα περιέχει δύο μεταβλητές. [DataContract] public class MathsValues { [DataMember] public int Number1 { get; set; } public int Number2 { get; set; } }

11 Web Services Κατασκευή web service

12 Web Services Κατασκευή web service
Αλλάζουμε την διεπαφή αφαιρώντας την μέθοδο DoWork και προσθέτοντας μεθόδους που θέλουμε να υλοποιήσουμε στο συγκεκριμένο web service. Οι μέθοδοι είναι: int Addition(MathsValues obj); int Subtraction(MathsValues obj); int Multiplication(MathsValues obj); int Division(MathsValues obj);

13 Web Services Κατασκευή web service

14 Web Services Κατασκευή web service
Όταν ολοκληρώσουμε τις αλλαγές στην διεπαφή, πρέπει να υλοποιήσουμε τις μεθόδους στην κλάση MathOperations. Αρχικά θα σβήσουμε τη μέθοδο DoWork που είχε μέσα η κλάση και θα προσθέσουμε τις μεθόδους της διεπαφής.

15 Web Services Κατασκευή web service

16 Web Services Κατασκευή web service
Μπορούμε να δοκιμάσουμε την λειτουργία του web service με το εργαλείο WCF Test Client. Επιλέγουμε το αρχείο MathOperations.svc και πατάμε το κουμπί “Start” (F5).

17 Web Services Κατασκευή web service

18 Web Services Κατασκευή web service
Επιλέγοντας με διπλό κλικ κάποια μέθοδο μπορούμε να δοκιμάσουμε την λειτουργία της. Εισάγουμε τις τιμές των παραμέτρων του web service και πατώντας το κουμπί “Invoke” μας εμφανίζει την απάντηση του. Με αυτό τον τρόπο δοκιμάζουμε όλες τις μεθόδους, για να σιγουρευτούμε ότι επιστρέφουν τις τιμές που επιθυμούμε.

19 Web Services Κατασκευή web service

20 Web Services Κατασκευή web service
Για να προσθέσουμε το web service σε ένα server που προσφέρει προσωρινά το visual studio, κάνουμε δεξί κλικ στο αρχείο MathOperations.svc. Στην συνέχεια επιλέγουμε το “View in Browser”. Με αυτό τον τρόπο το visual studio χρησιμοποιεί ένα iis express server και δημοσιοποιεί (publish) το web service.

21 Web Services Κατασκευή web service

22 Web Services Κατασκευή web service
Στην συνέχεια ανοίγει ο προεπιλεγμένος browser εμφανίζοντας πληροφορίες για το web service.

23 Web Services Κατασκευή web site για δοκιμή web service
Αρχικά θα προσθέσουμε ένα νέο Web Site στο solution που έχουμε ανοιχτό.

24 Web Services Κατασκευή web site για δοκιμή web service
Δεξί κλικ στο Solution -> Add -> New Web Site…

25 Web Services Κατασκευή web site για δοκιμή web service
Στο παράθυρο που ανοίγει επιλέγουμε “ASP.NET Empty Web Site” και στο κάτω μέρος ονομάζουμε την ιστοσελίδα “MathOpSite”.

26 Web Services Κατασκευή web site για δοκιμή web service
Στο Solution Explorer προστέθηκε ένα ακόμα Project όπου είναι το web site που δημιουργήσαμε.

27 Web Services Κατασκευή web site για δοκιμή web service
Στην συνέχεια θα πρέπει να προσθέσουμε αναφορά του web service που δημιουργήσαμε προηγουμένως (service reference) στην ιστοσελίδα. Για να προσθέσουμε αναφορά κάνουμε δεξί κλικ στο Project της ιστοσελίδας και Add -> Service References…

28 Web Services Κατασκευή web site για δοκιμή web service

29 Web Services Κατασκευή web site για δοκιμή web service
Στο παράθυρο που ανοίγει επιλέγουμε το κουμπί “Discover” για να βρει τα web services όπου υπάρχουν στο ίδιο solution και αφού το βρει πατάμε το κουμπί “ΟΚ”.

30 Web Services Κατασκευή web site για δοκιμή web service
Στο επόμενο βήμα θα προσθέσουμε μια νέα σελίδα. Κάνουμε δεξί κλικ στο MathOpSite και επιλέγουμε Add -> Web Form

31 Web Services Κατασκευή web site για δοκιμή web service
Στο παράθυρο που ανοίγει επιλέγουμε το όνομα της νέας σελίδας. Μπορούμε να αφήσουμε το όνομα που μας προτείνει (Default).

32 Web Services Κατασκευή web site για δοκιμή web service
Προσθέτουμε τον παρακάτω κώδικα στο αρχείο Default.aspx.

33 Web Services Κατασκευή web site για δοκιμή web service
Με τον προηγούμενο κώδικα προσθέσαμε στην σελίδα δύο θέσεις για να εισάγει ο χρήστης τους δύο αριθμούς. Ένα drop down menu για να επιλέξει ο χρήστης την μαθηματική πράξη

34 Web Services Κατασκευή web site για δοκιμή web service

35 Web Services Κατασκευή web site για δοκιμή web service
Όπως παρουσιάστηκε προηγουμένως το κουμπί θα καλεί το web service. Έτσι στο event OnClick προσθέσαμε μια μέθοδο που θα καλείται. Σε αυτό το σημείο θα υλοποιήσουμε την μέθοδο αυτή. Για να ανοίξουμε τον κώδικα της σελίδας, πηγαίνουμε δεξιά στο Solution Explorer και πατάμε το βελάκι στην σελίδα που θέλουμε. Από κάτω ανοίγει το αρχείο που περιέχει τον κώδικα της σελίδας και το ανοίγουμε.

36 Web Services Κατασκευή web site για δοκιμή web service
Στο παράθυρο που ανοίγει συμπληρώνουμε τον παρακάτω κώδικα.

37 Web Services Κατασκευή web site για δοκιμή web service
Επεξήγηση κώδικα: Σε αυτό το σημείο δηλώνουμε ένα αντικείμενο της κλάσης που έχει δημιουργήσει το .ΝΕΤ όπου είναι υπεύθυνο για την επικοινωνία με το Web Service. Στην συνέχεια δηλώνουμε ένα αντικείμενο της κλάσης που έχουμε μέσα στο web service. Δίνουμε τιμές τους αριθμούς που έχει εισάγει ο χρήστης, στις μεταβλητές του αντικειμένου.

38 Web Services Κατασκευή web site για δοκιμή web service

39 Web Services Κατασκευή web site για δοκιμή web service
Μόλις ολοκληρώσουμε τις αλλαγές στον κώδικα, κάνουμε δεξί κλικ πάνω στο αρχείο Default.aspx και επιλέγουμε το “View in Browser”.

40 Web Services Κατασκευή web site για δοκιμή web service
Ανοίγει ο browser εμφανίζοντας την σελίδα που δημιουργήσαμε.

41 Web Services Κατασκευή web site για δοκιμή web service
Δοκιμάζουμε την σελίδα εισάγοντας δύο αριθμούς στα αντίστοιχα πεδία και επιλέγοντας την μαθηματική πράξη για αυτούς. Τέλος, πατάμε το κουμπί με το ίσον “=” όπου θα καλέσει το web service και εμφανίζει το αποτέλεσμα.


Κατέβασμα ppt "Web Services στη C# Εργαστήριο 2"

Παρόμοιες παρουσιάσεις


Διαφημίσεις Google