Delen via

Alternatieve benaderingen voor de self-host-ontwikkelaarsportal

  • Artikel

VAN TOEPASSING OP: Ontwikkelaar | Basic | Basic v2 | Standaard | Standard v2 | Premium

Er zijn verschillende alternatieve benaderingen die u kunt verkennen wanneer u zelf een ontwikkelaarsportal host:

  • Gebruik productieversies van de ontwerper en de uitgever.

  • Gebruik een Azure Function-app om uw portal te publiceren.

  • Fronteer de bestanden van uw portal met een CDN (Content Delivery Network) om de laadtijden van pagina's te verminderen.

Dit artikel bevat informatie over elk van deze benaderingen.

Als u dit nog niet hebt gedaan, stelt u een lokale omgeving in voor de nieuwste versie van de ontwikkelaarsportal.

Bouwen voor productie

Als u de ontwikkelomgeving van de portal online wilt hosten voor samenwerkingsdoeleinden, gebruikt u productieversies van de ontwerper en de uitgever. Productie-builds bundelen de bestanden, sluiten bronkaarten uit, enzovoort.

Maak een bundel in de ./dist/designer map door de opdracht uit te voeren:

npm run build-designer

Het resultaat is een toepassing met één pagina, zodat u deze nog steeds kunt implementeren op een statische webhost, zoals de statische website van Azure Blob Storage.

Plaats op dezelfde manier een gecompileerde en geoptimaliseerde uitgever in de ./dist/publisher map:

npm run build-publisher

Functie-app gebruiken om de portal te publiceren

Voer de publicatiestap in de cloud uit als alternatief voor het lokaal uitvoeren ervan.

Voor het implementeren van publiceren met een Azure-functie-app hebt u de volgende vereisten nodig:

  • Maak een Azure-functie. De functie moet een JavaScript-taalfunctie zijn.
  • Azure Functions Core Tools installeren: 
    npm install –g azure-function-core-tools

Stap 1: Uitvoeropslag configureren

De inhoud rechtstreeks uploaden naar de hostingwebsite ('$web'-container met uitvoeropslag), in plaats van een lokale map. Configureer deze wijziging in het ./src/config.publish.json bestand:

{
   ...
   "outputBlobStorageContainer": "$web",
   "outputBlobStorageConnectionString": "DefaultEndpointsProtocol=...",
   ...
}

Stap 2: de functie-app bouwen en implementeren

Er bevindt zich een voorbeeld van een HTTP-triggerfunctie in de ./examples map. Voer de volgende opdracht uit om het te bouwen en erin ./dist/functionte plaatsen:

npm run build-function

Meld u vervolgens aan bij de Azure CLI en implementeer deze:

az login
cd ./dist/function
func azure functionapp publish <function app name>

Zodra deze is geïmplementeerd, kunt u deze aanroepen met een HTTP-aanroep:

curl -X POST https://<function app name>.azurewebsites.net/api/publish

Hosting en CDN

In een zelf-hostend ontwikkelaarsportal hebben we aangeraden een Azure-opslagaccount te gebruiken om uw website te hosten. U kunt de bestanden echter publiceren via elke oplossing, inclusief services van hostingproviders.

U kunt de bestanden ook fronteren met een CDN (Content Delivery Network) om de laadtijden van pagina's te verminderen. We raden u aan Azure CDN te gebruiken.

Volgende stappen

Meer informatie over de ontwikkelaarsportal: