Alternatieve benaderingen voor de self-host-ontwikkelaarsportal

Artikel
04/04/2024

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:

Overzicht van de Azure API Management-ontwikkelaarsportal

Share via