&lt;p&gt;This is a sample demonstrating to use the &lt;a href&#x3D;&quot;https://platform.openai.com/docs/api-reference/chat/create&quot;&gt;OpenAI Chat API&lt;/a&gt; with TypeScript.&lt;/p&gt;
&lt;p&gt;The application exposes an endpoint to ask a question in the body of a POST request and get an answer in the response. Originally created for the &lt;a href&#x3D;&quot;https://github.com/fermyon/workshops/blob/main/spin/02b-json-api-openai.md&quot;&gt;Spin Workshop&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Pre-requisites&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;npm&lt;/li&gt;
&lt;li&gt;spin (&amp;gt;1.3)&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Getting Started&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Clone the repository&lt;/li&gt;
&lt;li&gt;In the repository folder, run &lt;code&gt;npm install&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;Generate an API key for OpenAI at &lt;a href&#x3D;&quot;https://platform.openai.com/account/api-keys&quot;&gt;platform.openai.com/account/api-keys&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;Set an environment variable to hold the API key &lt;br&gt; 
&lt;code&gt;export SPIN_CONFIG_OPENAI_KEY&#x3D;&amp;quot;Your OpenAI Key&amp;quot;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;Run Spin &lt;br&gt;
&lt;code&gt;spin build --up&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Running the Application with a Provided API Key&lt;/h2&gt;
&lt;p&gt;This example gets the OpenAI key from a Spin configuration variable. Pass the value of the key to Spin in an environment variable prefixed with SPIN_CONFIG. Spin’s environment variable provider with parse the local process environment for these variables and expose them through the Spin config SDK.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;$ export SPIN_CONFIG_OPENAI_KEY&#x3D;$YOUR_OPENAI_KEY 
$ spin build --up
Serving http://127.0.0.1:3000
Available Routes:
  openai-chat-ts: http://127.0.0.1:3000/question
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Now ask your question in the body of the request:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;$ curl -d &amp;quot;Will I get a pet tortoise?&amp;quot; http://127.0.0.1:3000/question
{&amp;quot;answer&amp;quot;: &amp;quot;Outlook is uncertain.&amp;quot;}
&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;Notes&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;A system prompt has been added to restrict the response to five words or less.&lt;/li&gt;
&lt;li&gt;No context preservation: This is a simple example that demonstrates how to use the OpenAI chat API in a Question-Answer pattern. &lt;b&gt;The conversation context is not preserved.&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Code Overview&lt;/h2&gt;
&lt;p&gt;The HTTP request is handled by the &lt;code&gt;handleRequest&lt;/code&gt; function. Following is an overview of the process flow:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Retreive the question by decoding the response body&lt;/li&gt;
&lt;li&gt;Fetch the OpenAPI Key from the Spin Config &lt;a href&#x3D;&quot;https://developer.fermyon.com/spin/dynamic-configuration#custom-config-providers&quot;&gt;Reference&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Structure the request to be sent to OpenAI &lt;/li&gt;
&lt;li&gt;Decode the response&lt;/li&gt;
&lt;li&gt;Structure and return the response to the client.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Please refer to the code for the details of the implementation.&lt;/p&gt;
&lt;h2&gt;References&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href&#x3D;&quot;https://developer.fermyon.com/spin/javascript-components#sending-outbound-http-requests&quot;&gt;Sending Outbound HTTP Requests&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href&#x3D;&quot;https://developer.fermyon.com/spin/dynamic-configuration#custom-config-providers&quot;&gt;Spin Config&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href&#x3D;&quot;https://platform.openai.com/docs/api-reference/chat/create&quot;&gt;Create chat completion&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;