feat (code-style): [website] libs, formatting, and conventions

.devcontainer/devcontainer.json

@@ -0,0 +1,18 @@
+{
+ "name": "Azure OpenAI end-to-end basic reference implementation",
+ "image": "mcr.microsoft.com/devcontainers/dotnet:dev-8.0-jammy",
+ "runArgs": ["--network=host"],
+ "remoteUser": "vscode",
+ "features": {
+ },
+ "customizations": {
+ "vscode": {
+ "extensions": [
+ "ms-dotnettools.csdevkit",
+ "ms-azuretools.vscode-bicep"
+ ],
+ "settings": {}
+ } 
+ },
+ "forwardPorts": []
+}

infra-as-code/bicep/webapp.bicep

@@ -117,10 +117,10 @@ resource appsettings 'Microsoft.Web/sites/config@2022-09-01' = {
  APPINSIGHTS_INSTRUMENTATIONKEY: appInsights.properties.InstrumentationKey
  APPLICATIONINSIGHTS_CONNECTION_STRING: appInsights.properties.ConnectionString
  ApplicationInsightsAgent_EXTENSION_VERSION: '~2'
- chatApiKey: '@Microsoft.KeyVault(SecretUri=${keyVault::chatApiKey.properties.secretUri})'
- chatApiEndpoint: chatProject::scoreEndpoint.properties.scoringUri
- chatInputName: 'question'
- chatOutputName: 'answer'
+ ChatApiKey: '@Microsoft.KeyVault(SecretUri=${keyVault::chatApiKey.properties.secretUri})'
+ ChatApiEndpoint: chatProject::scoreEndpoint.properties.scoringUri
+ ChatInputName: 'question'
+ ChatOutputName: 'answer'
  keyVaultReferenceIdentity: appServiceManagedIdentity.id
  }
 }

website/chatui/Configuration/ChatApiOptions.cs

@@ -0,0 +1,16 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace chatui.Configuration;
+
+public class ChatApiOptions
+{
+ [Url]
+ public string ChatApiEndpoint { get; init; } = default!;
+
+ [Required]
+ public string ChatApiKey { get; init; } = default!;
+
+ public string ChatInputName { get; init; } = "chat_input";
+
+ public string ChatOutputName { get; init; } = "chat_output";
+}

website/chatui/Controllers/ChatController.cs

@@ -0,0 +1,68 @@
+using System.Net.Http.Headers;
+using System.Text.Json;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.Extensions.Options;
+using chatui.Configuration;
+using chatui.Models;
+
+namespace chatui.Controllers;
+
+[ApiController]
+[Route("[controller]/[action]")]
+
+public class ChatController(
+ IHttpClientFactory httpClientFactory,
+ IOptionsMonitor<ChatApiOptions> options, 
+ ILogger<ChatController> logger) : ControllerBase
+{
+ private readonly HttpClient _client = httpClientFactory.CreateClient("ChatClient");
+ private readonly IOptionsMonitor<ChatApiOptions> _options = options;
+ private readonly ILogger<ChatController> _logger = logger;
+
+ [HttpPost]
+ public async Task<IActionResult> Completions([FromBody] string prompt)
+ {
+ if (string.IsNullOrWhiteSpace(prompt))
+ throw new ArgumentException("Prompt cannot be null, empty, or whitespace.", nameof(prompt));
+
+ _logger.LogDebug("Prompt received {Prompt}", prompt);
+
+ var _config = _options.CurrentValue;
+
+ var requestBody = JsonSerializer.Serialize(new Dictionary<string, string>
+ {
+ [_config.ChatInputName] = prompt
+ });
+
+ using var request = new HttpRequestMessage(HttpMethod.Post, _config.ChatApiEndpoint)
+ {
+ Content = new StringContent(requestBody, System.Text.Encoding.UTF8, "application/json"),
+ };
+ request.Headers.Authorization = new AuthenticationHeaderValue("Bearer", _config.ChatApiKey);
+
+ var response = await _client.SendAsync(request);
+ var responseContent = await response.Content.ReadAsStringAsync();
+
+ _logger.LogInformation("HTTP status code: {StatusCode}", response.StatusCode);
+
+ if (!response.IsSuccessStatusCode)
+ {
+ _logger.LogError("Error response: {Content}", responseContent);
+
+ foreach (var (key, value) in response.Headers)
+ _logger.LogDebug("Header {Key}: {Value}", key, string.Join(", ", value));
+
+ foreach (var (key, value) in response.Content.Headers)
+ _logger.LogDebug("Content-Header {Key}: {Value}", key, string.Join(", ", value));
+
+ return BadRequest(responseContent);
+ }
+
+ _logger.LogInformation("Successful response: {Content}", responseContent);
+
+ var result = JsonSerializer.Deserialize<Dictionary<string, string>>(responseContent);
+ var output = result?.GetValueOrDefault(_config.ChatOutputName) ?? string.Empty;
+
+ return Ok(new HttpChatResponse(true, output));
+ }
+}

website/chatui/Controllers/HomeController.cs

@@ -1,12 +1,11 @@
 using Microsoft.AspNetCore.Mvc;
 
-namespace chatui.Controllers
+namespace chatui.Controllers;
+
+public class HomeController : Controller
 {
- public class HomeController : Controller
+ public IActionResult Index()
  {
- public IActionResult Index()
- {
- return View();
- }
+ return View();
  }
 }

website/chatui/Models/ChatResponse.cs

@@ -1,33 +1,3 @@
-namespace chatui.Models
-{
- public class HttpChatGPTResponse
- {
- public bool Success { get; set; }
- public string Data { get; set; }
- public string Error { get; set; }
- }
+namespace chatui.Models;
 
- public class ChatResponse
- {
- public string id { get; set; }
- public string _object { get; set; }
- public int created { get; set; }
- public Choice[] choices { get; set; }
- public Usage usage { get; set; }
- }
-
- public class Usage
- {
- public int prompt_tokens { get; set; }
- public int completion_tokens { get; set; }
- public int total_tokens { get; set; }
- }
-
- public class Choice
- {
- public int index { get; set; }
- public Message message { get; set; }
- public string finish_reason { get; set; }
- }
-
-}
+public record HttpChatResponse(bool Success, string Data);

website/chatui/Program.cs

@@ -1,8 +1,27 @@
+using chatui.Configuration;
+
 var builder = WebApplication.CreateBuilder(args);
 
-builder.Services.AddControllersWithViews();
+builder.Services.AddOptions<ChatApiOptions>()
+ .Bind(builder.Configuration)
+ .ValidateDataAnnotations()
+ .ValidateOnStart();
+
+builder.Services.AddHttpClient("ChatClient")
+ .ConfigurePrimaryHttpMessageHandler(() =>
+ {
+ HttpClientHandler handler = new();
+
+ if (builder.Environment.IsDevelopment())
+ {
+ handler.ClientCertificateOptions = ClientCertificateOption.Manual;
+ handler.ServerCertificateCustomValidationCallback = (_, _, _, _) => true;
+ }
+
+ return handler;
+ });
 
-builder.Services.AddEndpointsApiExplorer();
+builder.Services.AddControllersWithViews();
 
 builder.Services.AddCors(options =>
 {
@@ -21,8 +40,6 @@
 
 app.UseRouting();
 
-app.UseAuthorization();
-
 app.MapControllerRoute(
  name: "default",
  pattern: "{controller=Home}/{action=Index}/{id?}");

website/chatui/Properties/launchSettings.json

@@ -1,13 +1,5 @@
 {
  "$schema": "https://json.schemastore.org/launchsettings.json",
- "iisSettings": {
- "windowsAuthentication": false,
- "anonymousAuthentication": true,
- "iisExpress": {
- "applicationUrl": "http://localhost:30684",
- "sslPort": 0
- }
- },
  "profiles": {
  "http": {
  "commandName": "Project",
@@ -18,14 +10,6 @@
  "environmentVariables": {
  "ASPNETCORE_ENVIRONMENT": "Development"
  }
- },
- "IIS Express": {
- "commandName": "IISExpress",
- "launchBrowser": true,
- "launchUrl": "Home",
- "environmentVariables": {
- "ASPNETCORE_ENVIRONMENT": "Development"
- }
  }
  }
 }