Social Networking alkalmazás fejlesztése ASP.NET 3.5-tel Árvai Zoltán Consultant, Trainer Számalk Oktatóközpont
A Social Networking-ról általában • Közös virtuális kommunikációs tér • Példa: Twitter, Iwiw, Facebook, LinkedIn...
Gyakori közös elemek • Blog • Fórum • Mediatár • Barátok • Komplex sajátprofil • Közösségi „fal” • Külső kliensek
Mi vár ránk? • 1 nap - ASP.NET alapozás délelőt... – Alkalmazás tervezési alapvetések – Gyakran használt vezérlők, validációs támogatás – Témák és stílusok használata a design feldobására – Gyakran frissülő tartalmak frissitése a háttérben AJAX-szal
Mi vár ránk? • 1. nap –... Délután – Adatkezelés ABC, a tervezéstől a megjelenítésig – Külső szolgáltatások és publikus api-k – Felhasználó menedzsment – Komplex felhasználói profilok
Mi vár ránk? • 2 nap - Az portál fejlesztése délelőtt... – Szerezzünk barátokat! – Üzenetküldés a rendszeren belül – Blogoljunk – Töltsünk fel média tartalmat a galériába
Mi vár ránk? • 2 nap –... délután – Keressünk, tag-eljünk – Építsünk fórumot nulla erőfeszítéssel – Moderátori feladatok támogatása – Skálázzunk a sikerre!
Demó A példa alkalmazás bemutatása
Hogyan fogjunk neki?
Web Platform Installer 2.0
• Egy komplex telepitő csomag – Web Szerver - IIS, IIS Extension – Adatbázis – Sql Server 2008 Express Edition – Platform -.NET Framework – Fejlesztőeszköz – Visual Web Developer – (ASP.NET MVC) – (Visual Studio Tools for Silverlight) – Ismert free webalkalmazások (DotNetNuke, WordPress) rm.aspx
Komplex alkalmazások tervezése • Válasszunk egy módszertant – Test Driven Development – Domain Driven Development –....
Domain Driven Development • By Eric Evans • Fókuszban a domain logika • A komplex design modellen alapul • Minden ami nem modell: – Szolgáltatások – Respository-k – Infrastruktúra
N-rétegű alkalmazás
A szereplők megismerése – Klasszikus HTML GET default.html HTML kód 1.Kérés feldolgozása 2.Válasz küldése, kapcsolat lezárása 1.Kérés küldése a webkiszolgáló felé 2.Kapott válasz megjelenítése a böngészőben
A szereplők megismerése – ASP.NET GET default.aspx HTML kód 1.Kérés feldolgozása 2.Szerver oldali kód futtatása 3.Session adatok tárolása 4.Generált válasz küldése 1.Kérés küldése a webkiszolgáló felé 2.Kapott válasz megjelenítése a böngészőben HTTP: 80-as port HTTPS: 443-as port
HTML áttekintő – A kérés • Oldal kérésnél text alapú üzenetet kap a webszerver: GET /default.aspx HTTP/1.1 Host: Fontosabb HTTP hívások
HTML áttekintő – A válasz • Válaszban érkezett html üzenet HTTP/ OK Server: Microsoft-IIS/6.0 Content-Type: text/html Content-Length: 38 Hello
Fontosabb Státuszkódok
A visszaküldött erőforrás típusa: MIME típusok • Multipurpose Internet Mail Extension
Adat küldése a szerver felé • POST-tal – Nincs méret limit – Üzenet törzsében utazik az adat • Pl: POST …. ….. Id=123&color=blue • GET-tel – IE esetében max 1024 karakter – Az Url-ben (QueryString) utazik az adat • Pl: GET /GetCustomer.aspx?Id=123&color=blue HTTP/1.1
Javasolt debug technikák • Sokszor célszerű külső alkalmazást használni, hogy lássuk mit küldünk el a szervernek – Microsoft Network Monitor – Telnet – Bármi ami szimpatikus • Fiddler
Web Site létrehozása • Web Site vs Web Page (WebForm) • Web Site típusok
ASP.NET Web Page felépítése • UI – Html + ASPX markup • Kód – Kliens oldali scriptek – Szerver oldali kód • Code-Behind Vs Inline model
Dinamikus fordítás, publikálás • Az oldal akkor fordul le, amikor lekérik – (nincs előre fordítva) • Időbélyeggel látják el – Ha érvénytelen, újrafordítják • Előnyei: – Csak a módosított site-ot fordítja újra – Egy hibás oldal nem öli meg az egész web site-ot.
Egy Web Site tartalma • Default.aspx • Default.aspx.cs • Speciális mappák
Web Configuration Files • A konfigurációs fájlok hierarchiája – Machine.config •.NET Framework specifikus – Root Web.config • IIS specifikus – Website Web.config • Webhely specifikus – Alkönvtárban Web.config • Szűk részhalmaz
Web.config működése és szerkesztése • Web Site Administration Tool – Security – Applicaton Configuration – Provider Configuration