• No results found

Introduktion. Webbtekniker. Webbtekniker ASP.NET. Klient/server modell. Utrullning. Webbtekniker

N/A
N/A
Protected

Academic year: 2022

Share "Introduktion. Webbtekniker. Webbtekniker ASP.NET. Klient/server modell. Utrullning. Webbtekniker"

Copied!
12
0
0

Loading.... (view fulltext now)

Full text

(1)

Introduktion

Webbtekniker

ASP.NET Klient/server modell Utrullning

Webbtekniker

Webbtekniker

(2)

Översikt Webbtekniker

Microsofts webbtekniker ASP.NET

Klientsidan

Internet Information Server

Microsofts webbtekniker

Värd Utveckling

Server-Side Client-Side Exekvering

• IIS

• SQL Server

• Windows Azure

• SQL Database

• WebMatrix

• Visual Studio

• Visual Studio Code

• ASP.NET • JavaScript

• jQuery

• AJAX

ASP.NET

Programmingsmodeller

Web Pages

Web Forms

MVC

ASP.NET API

Konfiguration

Autentisering och auktorisation

Mellanlagring

ASP.NET

HTMLsidor

(3)

Klientsida

JavaScript

jQuery

jQuery UI

jQuery Mobile

AJAX

<p>

Content

</p>

p { color: black;

}

Internet Information Server

IIS

Funktioner

Skalning

Perimeter Networks (DMZ)

IIS Express

Andra webbservrar

ASP.NET

Azure Virtual Network

ASP.NET

Hantering av virtuella Hantering av virtuella maskiner

SkräddarsyAzure Virtual Network

(4)

Översikt ASP.NET

Web Page Web Forms MVC

Delade funktioner Framtiden

Web Pages

Web Matrix eller Visual Studio kan användas.

Kodas i .CSHHTML filer.

Precis kontroll över HTML- kod.

Designat för enkel server-side scripting.

Snabb teknik att lära, dock ingen kontroll över URL.

.

Kan användas Kodas i Kontroll över

För enkel Snabb teknik

Web Pages -exempel

<h2>Erbjudande</h2>

<p>Plommonmannen har dessa erbjudande:</p>

@foreach (var item in offers) {

<div class="offer-card">

<div class="offer-picture">

@if (!String.IsNullOrEmpty(item.PhotoUrl)){

<img src="@Href(item.PhotoUrl) alt="@item.Title" />

}

</div>

</div>

}

(5)

Web Forms

EndastVisual Studio kan användas.

Kodas i .aspx filer och “code- behind” filer.

Skapa användaregränssnitt genom att dra control till sida.

Controllers tillhandahåller flera egenskaper och även möjlighet att lägga till händelser.

Binda control till information.

Endast Kodas i Dra control Tillhandahåller Till information

MVC

EndastVisual Studio kan användas.

Models kapslar in objekt och information.

Views används för användare- gränsnitt

Controllers interagerar med händelser som användare gör.

Kodas i .cshtml och .cs filer.

Lätt att använda unit test.

Endast

Kapslar in Användare- Användare- gränssnitt Händelser Kodas i

MVC (forts.)

Webbläsare Controller

View Model

Databas

Webbserver HTTP/HTTPS

SQL

(6)

Delade funktioner

Teknikerna har delade funktioner:

• Konfiguration.

• Autentisering.

• Medlemskap och roller.

• Hantering av state.

• Mellanlagring.

Delade funktioner

Framtiden

Klient/server modell

Översikt lagring i Azure Azure Storage Tables Klient/server modell

(7)

Översikt Klient/server modell

Klient/server modell Att tänka på Layout för sidan Rendering Navigering Validering Undantagshantering Presentation layer Data layer Service layer Patterns

Klient/server modell

Att tänka på

Dela upp din applikation logiskt.

Förstå hur de olika komponenterna skall kommunicera.

Använd mellanlagring.

Skicka inte känslig information oskyddat.

Designa din applikation att arbeta med ett konto med låga rättigheter.

Dela upp Förstå hur Mellanlagring

Skicka inte Låga rättigheter

(8)

Layout för sidan

Använd Cascading Style Sheets (CSS) för layout där det är möjligt.

Table layout endast när information skall visas.

Använd ett gemensamt utseende på sidorna.

Använd AJAX server controls och klientbibliotek för AJAX, för att stödja olika webbläsare.

Där det Endast när Gemensamt

Använd

Rendering

Överväg att använda skript på klientsidan eller ASP.NET AJAX, för färre antal post back.

För snabbare rendering använd data binding för controller.

Skall olika språk användas för användaregränssnitt?

Överväg att Snabbare Olika språk

Navigering

Designa din navigerings- strategi på ett sådant sätt att den är separerad från logik för bearbetning.

Använd navigeringsfunktioner i Master Page, så funktionen ser likadan ut för hela applikationen.

Använd site map för att

Designa Likadan För att hjälpa

(9)

Validering

Designa en effektiv lösning för validering av indata är viktig för säkerheten och minska riskerna.

Använd validering både på klientsidan och serversidan.

Effektiv Validering

Undantagshantering

Effektiv undantagshantering är viktigt för säkerheten och hur pass bra din applikation fungerar.

Använd användbara felmeddelande som visar fel i applikationen utan att lämna ifrån känslig information.

Försäkra dig om att du fångar undantag och rensar upp om ett undantag uppstår.

Effektiv Användbara Försäkra dig

Presentation layer

Skiktet visar användare- gränssnitt och ger möjlighet till interaktion med användare.

Skiktet består av server-side komponenter som renderar HTML och komponenter på klientsidan som exekverar skript och visar HTML.

Använd AJAX för att exekvera logik på klient, oftast för att förbättra användarens upplevelse.

Visar Består av Exekvera logik

(10)

Data layer

Skiktet hanterar logik som är nödvänding för att få tillgång till databas.

Gör det lättare att konfigurera och underhålla applikationen.

Detaljer om databas göms för andra skikt i din applikation.

Hanterar Lättare att Detaljer om

Service layer

Skiktet används om Web Service skall användas.

Designa så att komponenter kan återanvändas.

Hanterar Lättare att

Patterns

Microsoft har tagit fram ett antal monster, patterns, som behandlar olika aspekter för utveckling.

Tagit fram

(11)

Utrullning

Storage Blobs

Kontrollera tillgång Konfiguration av Azure Konfiguration av Azure Storage Accounts Utrullning

Översikt utrullning

Non-distributed Distributed Lastbalansering

Non-distributed

All logik för de olika skikten är fysiskt placerade på samma webserver, förutom databas.

Databas finns på separat server.

All logik Finns på

(12)

Distributed

Presentations- och business skikten är separerade.

Oftast är business och data access skikten på samma server.

Är separerade Oftast är

Lastbalansering

Om din applikation läggs på flera servrar kan

lastbalansering mellan dessa användas, för att distribuera förfrågningar mellan dessa.

Viktigt att hantera state.

Flera servrar Viktigt att

Repetitionsfrågor

References

Related documents

Att man inom personalgruppen pratar om att man har svårt för vissa klienter och känner att man kan be sina kollegor om hjälp, samtidigt som man inte pratar om allt det andra;

Velmi užitečný je také refactoring kódu, který zásadním způsobem zjednodušuje práci s kódem jako takovým, úkony jako přejmenování proměnné nebo třídy by

The Private Organization’s Jurisdiction of Incorporation, Registration, Charter, or License, and/or its Place of Business must not be in any country where the CA is prohibited

Další úrovní je nastavení komponent Struts 2 v souboru struts.properties (viz. Pro nastavení připojení k databázi se používá soubor context.xml. Dále je tu nastavení

I en P2P arkitektur hanteras logiken lokalt i varje klient och denna logik måste sedan skickas till alla andra klienter, vilket ökar mängden data som skickas i takt med att

Ida, och till viss del även Karin, vill se att revisionsplikten för små företag försvinner eftersom dagens förslag på nya och hårdare regler skulle innebära

Det krävs därför kunskap gällande vilka sårbarheter som existerar i en sådan klient, samt vilka av dessa som hypotetiskt sett skulle kunna användas för att extrahera

Från diagrammet går det utläsa att responstiden för Ajax marginellt drar iväg längre i jämförelse med Websockets ju större datamängd som skickas tillbaka till