Inleiding tot ASP.NET webpagina's - Een site publiceren met Behulp van WebMatrix

door Tom FitzMacken

Deze zelfstudie is de laatste installatie in de zelfstudieset waarin ASP.NET webpagina's en Microsoft WebMatrix worden geïntroduceerd. Hierin wordt besproken hoe u uw site publiceert op internet, zodat anderen ermee kunnen werken. Hierbij wordt ervan uitgegaan dat u de reeks hebt voltooid door een consistent uiterlijk te maken voor ASP.NET websites.

U leert hoe u uw site publiceert met behulp van:

  • Microsoft Azure
  • Webhostingbedrijf

Over het publiceren van uw site

Tot nu toe hebt u al uw werk gedaan op een lokale computer, inclusief het testen van uw pagina's. Als u uw.cshtml-pagina's wilt uitvoeren, hebt u de webserver gebruikt die is ingebouwd in WebMatrix, namelijk IIS Express. Maar natuurlijk kan niemand de site zien die u hebt gemaakt, behalve u. Als u anderen met uw site wilt laten werken, moet u deze publiceren op internet.

Tenzij u al toegang hebt tot een openbare webserver, betekent publiceren dat u een account met een cloudplatform of een hostingprovider moet hebben. Een cloudplatform, zoals Microsoft Azure, biedt infrastructuur op aanvraag voor uw toepassingen. Een hostingprovider is een bedrijf dat eigenaar is van openbaar toegankelijke webservers en die u ruimte voor uw site huren. Hostingabonnementen lopen van een paar dollar per maand (of zelfs gratis) voor kleine sites tot vele honderden dollars per maand voor grote commerciële websites.

Opmerking

Mogelijk hebt u toegang tot een openbare webserver via de internetprovider (ISP) die u gebruikt om de internetservice thuis te krijgen. Uw hostingprovider moet echter ondersteuning bieden voor ASP.NET webpagina's. Veel ISP's doen dat niet, maar het is altijd de moeite waard om te controleren.

In deze zelfstudie krijgt u een overzicht van het publiceren. Het is niet praktisch om exacte details voor alles te verstrekken, omdat het proces een beetje verschilt voor elke hostingprovider. Maar u krijgt een goed idee van hoe het proces werkt.

Deze zelfstudie bevat vier secties:

  1. De standaardpagina instellen
  2. Publiceren (kies een van de volgende opties)
    a. Uw site publiceren naar Microsoft Azure
    b. Uw site publiceren naar een webhostingbedrijf
  3. De livesite bijwerken: opnieuw publiceren

De standaardpagina instellen

Wanneer een gebruiker naar het basisadres voor uw website navigeert, wordt de standaardpagina voor uw site weergegeven aan de gebruiker. Wanneer Default.htm bijvoorbeeld is ingesteld als de standaardpagina voor de site op www.contoso.com, is navigeren naar www.contoso.com hetzelfde als navigeren naar www.contoso.com/Default.htm.

Op dit moment gebruikt uw site Default.cshtml als de standaardpagina. Deze pagina is prima voor uw standaardpagina, maar in deze zelfstudie hebt u geen inhoud aan die pagina toegevoegd, zodat er een lege pagina wordt weergegeven. Open Default.cshtml en vervang de inhoud door de volgende code.

@{
    Layout = "~/_Layout.cshtml";
    Page.Title = "Welcome to Movie site";   
}

<p><a href="~/Movies">Go to movie listing</a></p>

Uw site is nu klaar voor publicatie. Eerst ziet u hoe u de site implementeert in Azure en hoe u deze implementeert in een webhostingbedrijf. Beide opties werken voor uw website en u hoeft slechts een van de implementatieopties te volgen.

Uw site publiceren naar Microsoft Azure

In deze zelfstudie leert u eerst hoe u uw site implementeert in Microsoft Azure. Door u aan te melden met een Microsoft-account, kunt u maximaal 10 gratis sites maken in Azure. Deze gratis sites bieden een handige manier om uw sites te testen. U kunt deze voorbeeldsite later altijd verwijderen om te voorkomen dat u al uw gratis sites gebruikt. U kunt binnen een paar minuten een gratis proefaccount maken. Zie Gratis proefversie van Azure voor meer informatie.

Klik op het lint van WebMatrix op de knop Publiceren .

Schermopname van het webmatrixlint met de knop Publiceren gemarkeerd met een rode rechthoek naast de knop Uitvoeren.

Het dialoogvenster Uw site publiceren wordt weergegeven. Als u zich niet hebt aangemeld bij uw Microsoft-account, bevat het dialoogvenster een Aan de slag met Azure-link. Klik op deze koppeling.

Schermopname van het dialoogvenster Uw site publiceren met de optie Aan de slag met Windows Azure gemarkeerd met een rode rechthoek.

Als u zich niet hebt aangemeld bij een Microsoft-account, krijgt u opnieuw de mogelijkheid om u aan te melden. U moet zich aanmelden bij een Microsoft-account om uw site op Azure te publiceren.

Schermopname van het aanmeldingsdialoogvenster van Microsoft Windows Azure met de aanmeldingen van het Microsoft-account en het organisatieaccount.

Nadat u zich hebt aangemeld bij uw Microsoft-account, bevat het dialoogvenster koppelingen om een nieuwe site in Azure te maken of verbinding te maken met een van uw bestaande sites in Azure.

Schermopname van het dialoogvenster Uw site publiceren met de optie Een nieuwe site maken gemarkeerd met een rode rechthoek.

Selecteer Een nieuwe site maken.

Als u de naam van uw project WebPagesMovies hebt genoemd, wordt de standaardnaam voor uw site webpagesmovies.azurewebsites.net. Deze standaardnaam is waarschijnlijk niet beschikbaar, zoals aangegeven met het rode uitroepteken.

Schermopname van het venster Site maken in Windows Azure met de standaardnaam is niet beschikbaar, zoals aangegeven met het rode uitroepteken.

Wijzig de naam van de site in iets dat beschikbaar is en selecteer een locatie die zich dicht bij uw locatie bevindt.

Schermopname van het venster Site maken in Windows Azure met de gewijzigde sitenaam in het veld Sitenaam.

Klik op OK.

WebMatrix voert een test uit om te bepalen of de server compatibel is met uw site.

Schermopname van het webmatrixvenster met een bericht dat aangeeft dat een servertest wordt gestart zodra de gebruiker de knop Doorgaan selecteert.

Klik op Doorgaan.

De resultaten van de compatibiliteitstest worden weergegeven.

Schermopname van het webmatrixvenster met de resultaten van de compatibiliteitstest met de geslaagde items die worden aangegeven met een groen vinkje.

Klik op Doorgaan.

WebMatrix geeft de bestanden en databases weer die naar de site worden gepubliceerd. Omdat dit de eerste keer is dat u de site publiceert, worden alle bestanden weergegeven. U kunt een bestand uitschakelen dat niet gereed is om te worden gepubliceerd. In de volgende publicaties worden alleen de bestanden weergegeven die zijn gewijzigd. Zie De livesite bijwerken: opnieuw publiceren.

Schermopname van het venster Voorbeeld publiceren met alle bestanden en databases in een lijst met selectievakjes die overeenkomen met elk item.

Klik op Doorgaan.

Nadat de site is geïmplementeerd in Azure, wordt een bericht weergegeven dat aangeeft dat de implementatie is voltooid.

Schermopname van het volledige publicatiebericht dat aangeeft dat de implementatie van de website is geslaagd.

Uw site en database zijn gepubliceerd naar Azure en zijn nu beschikbaar voor het publiek. Klik op de koppeling in het bericht dat de publicatie is voltooid en u ziet nu de geïmplementeerde site. U of iedereen met internettoegang kan records toevoegen aan of wijzigen in de database.

Schermopname van de geïmplementeerde website met de URL in de adresbalk gemarkeerd met een rode rechthoek.

Uw site publiceren naar een webhostingbedrijf

Als u besluit om niet naar Azure te publiceren, kunt u in plaats daarvan uw site publiceren naar een webhostingbedrijf.

Klik op de koppeling Webhosting zoeken .

Schermopname van het dialoogvenster Uw site publiceren met de koppeling Windows-webhosting zoeken gemarkeerd met een rode rechthoek.

U gaat naar een pagina op de Microsoft-site met hostingproviders die ondersteuning bieden voor ASP.NET.

Schermopname van de microsoft Find Web Hosting-pagina met een lijst met hostingproviders die ondersteuning bieden voor A S P dot Net.

Het kan natuurlijk moeilijk zijn om nu precies te weten welke hostingfuncties u op de lange termijn nodig hebt. Hier volgen enkele aandachtspunten:

  • Voor de WebPagesMovies-site hoeft u geen afzonderlijke invoegtoepassing te hebben voor SQL Server, wat vaak extra kost. Op uw site gebruikt u SQL Server Compact Edition, die zelfstandig is. U hebt echter mogelijk SQL Server-toegang nodig voor een aantal toekomstige websitewerkzaamheden die u doet. Als u denkt dat u misschien denkt, moet u ervoor zorgen dat u later SQL Server-functionaliteit kunt toevoegen.
  • Controleer of de hostingprovider het publicatieprotocol Web Deploy ondersteunt. U kunt publiceren met behulp van het FTP-protocol, maar het is handiger om Web Deploy te gebruiken.

Sommige sites bieden een gratis proefperiode. Een gratis proefversie is een goede manier om te proberen publiceren en hosten terwijl u nog steeds experimenteert met WebMatrix en ASP.NET webpagina's.

Kies er een die je leuk vindt. Voor deze zelfstudie hebben we DiscountASP.NET geselecteerd, omdat tijdens het maken van de zelfstudie dat bedrijf een promotie had waarmee mensen een site een paar maanden gratis konden hosten.

Opmerking

Onze keuze van een hostingprovider voor deze zelfstudie mag niet worden geïnterpreteerd als een goedkeuring van dat bedrijf ten opzichte van andere bedrijven. Maar we moesten er een kiezen voor illustratie en DiscountASP.NET is een van de vele bedrijven die ondersteuning bieden voor ASP.NET webpagina's en het protocol Web Deploy voor publicatie.

Normaal gesproken stuurt het bedrijf, nadat u zich bij de hostingprovider hebt geregistreerd, een e-mailbericht met een gebruikersnaam en wachtwoord, de URL van de webserver, enzovoort. Als het hostingbedrijf het protocol Web Deploy ondersteunt, kunnen ze u een bestand met publicatie-instellingen sturen of een bestand downloaden. Een bestand met publicatie-instellingen vereenvoudigt het proces voor u.

Wanneer u zich hebt geregistreerd en klaar bent om te publiceren, klikt u op de knop Publiceren op het lint webmatrix. Het dialoogvenster Publicatie-instellingen wordt weergegeven.

Als de hostingprovider u een publicatie-instellingenbestand heeft verzonden, klikt u op de koppeling Publicatie-instellingen importeren en importeert u het bestand. Als u geen bestand met publicatie-instellingen hebt, vult u de velden in met behulp van de waarden die het hostingbedrijf u per e-mail heeft verzonden. Het dialoogvenster Publicatie-instellingen kan er als volgt uitzien wanneer u klaar bent:

Schermopname van het dialoogvenster Publicatie-instellingen met de details van het hostingbedrijf ingevuld in de tekstvelden.

Klik op Verbinding valideren. Als alles in orde is, wordt in het dialoogvenster Succesvol verbonden gemeld, wat betekent dat er communicatie mogelijk is met de server van de hostingprovider.

Schermopname van de knop Verbinding valideren met een groen vinkje dat aangeeft dat de verbinding is geslaagd.

Als er een probleem is, doet WebMatrix het beste om u te vertellen wat het probleem is:

Schermopname van de knop Verbinding valideren met een geel waarschuwingspictogram met een foutbericht dat overeenkomt met de fout.

Klik op Opslaan om uw instellingen op te slaan. WebMatrix biedt aan om een test uit te voeren om ervoor te zorgen dat deze correct kan communiceren met de hostingsite:

Schermopname van het dialoogvenster Compatibiliteit publiceren met een bericht waarin de sitecompatibiliteitstest wordt uitgelegd waarin wordt gevraagd om de knop Ja te selecteren om door te gaan.

Klik op Ja. WebMatrix uploadt enkele voorbeeldbestanden naar de hostingprovider. Wanneer de compatibiliteitstest is voltooid, rapporteert WebMatrix de resultaten:

Schermopname van de Publish Compatibility-test met de testresultaten, waarbij de geslaagde items worden aangeduid met een groen vinkje.

Als u klaar bent om aan de slag te gaan, klikt u op Doorgaan om het publicatieproces echt te starten. WebMatrix bepaalt welke bestanden zich op uw site bevinden en zich al op de hostserver bevinden (op dit moment geen) en geeft u een voorbeeld van het publicatieproces:

Schermopname van het venster Preview publiceren met een lijst met sitebestanden die klaar zijn om te worden gepubliceerd op de website en een voorbeeld van de website.

De lijst met bestanden die u wilt publiceren, bevat de webpagina's die u hebt gemaakt, zoals Movies.cshtml. De lijst bevat ook bestanden voor helpers die u hebt geïnstalleerd, de bestanden voor het uitvoeren van SQL Server Compact Edition voor uw database, enzovoort. Hierdoor kan het eerste publicatieproces aanzienlijk zijn.

Klik op Continue. WebMatrix kopieert uw bestanden naar de server van de hostingprovider. Wanneer dit is gebeurd, worden de resultaten gerapporteerd op de statusbalk:

Schermopname van de statusbalk met een gemarkeerd geel bericht wanneer het publicatieproces is voltooid.

Als u uw livesite wilt zien, klikt u op de koppeling in de statusbalk. Voeg films toe aan de URL en u ziet het bestand Movies.cshtml dat u hebt gemaakt:

Schermopname van de livesite met het gewijzigde bestand Movies dot c s h t m l door de rood gemarkeerde URL in de adresbalk te wijzigen.

De livesite bijwerken: opnieuw publiceren

Nadat u uw site hebt gepubliceerd (naar Azure of een webhostingbedrijf), zijn er twee kopieën hiervan: de versie op uw computer en de versie van de serviceprovider. Waarschijnlijk wilt u doorgaan met het ontwikkelen van de site (als er niets anders is, als onderdeel van de volgende zelfstudieset). Wanneer u dit doet, moet u uw site opnieuw publiceren om wijzigingen van uw computer naar de serviceprovider te kopiëren. Het publicatieproces in WebMatrix kan bepalen welke bestanden op uw site zijn gewijzigd en alleen die bestanden publiceren.

Als u wilt zien hoe het opnieuw publiceren werkt, opent u de site Movies.cshtml , voert u een kleine wijziging aan en slaat u het bestand op. Wijzig bijvoorbeeld de titel in Movies - Updated.

Klik op de knop Publiceren op het lint. WebMatrix bepaalt wat er is gewijzigd en toont een voorbeeld van de bestanden die worden gepubliceerd.

Schermopname van het dialoogvenster Voorbeeld publiceren met de bijgewerkte bestanden in de lijst met gewijzigde bestanden en een bericht over het overschrijven van externe databases.

Belangrijk

Standaard publiceert WebMatrix uw database (.sdf-bestand ) alleen de eerste keer dat u de site publiceert. Zodra uw site is gepubliceerd en personen interactie hebben met de website, bevat de database op de livesite doorgaans de werkelijke gegevens van de site. U moet heel voorzichtig zijn om de livedatabase niet te overschrijven met het .sdf-bestand dat zich op uw computer bevindt, die meestal alleen testgegevens bevat. Daarom ziet u de waarschuwing Het publiceren zal alle externe databases overschrijven, en waarom het selectievakje voor WebPagesMovies.sdf standaard leeg is.

Klik op Continue. WebMatrix publiceert de gewijzigde bestanden en toont een succesbericht, zoals de eerste keer dat u hebt gepubliceerd.

Ga naar de livesite (u kunt op de koppeling in het bericht klikken als deze nog steeds wordt weergegeven) en controleren of uw wijziging is gepubliceerd.

Aanbeveling

Bestanden op afstand bewerken

Als alternatief voor het wijzigen van uw site en vervolgens opnieuw publiceren, kunt u externe bestanden rechtstreeks in WebMatrix bewerken. In dit scenario opent u een bestand dat zich in de serviceprovider bevindt en downloadt WebMatrix een kopie van het bestand dat u kunt bewerken. Telkens wanneer u het bestand opslaat, verzendt WebMatrix de wijzigingen naar de site.

Extern bewerken is een eenvoudige manier om wijzigingen aan te brengen in uw livesite. De wijzigingen die u op deze manier aanbrengt, worden echter niet gesynchroniseerd met de bestanden op uw lokale site. Als u de lokale bestanden wilt synchroniseren met de externe site, kunt u de externe bestanden downloaden. Dit proces werkt vergelijkbaar met publiceren, behalve omgekeerd.

We beschrijven hier niet meer over de faciliteiten voor extern bewerken en downloaden op afstand van WebMatrix. Ze zijn heel nuttig als meerdere personen op dezelfde site op verschillende computers moeten werken. Zie Publiceren en bewerken van een externe site met WebMatrix 2 Beta voor meer informatie.

Aanvullende informatiebronnen