以上修改后，編譯出來的 exe 雙擊就可以打開了

托盤圖標(biāo)(右鍵點擊有 menu)

啟動時設(shè)置窗口不能改變大小，隱藏 titlebar， 讓 Webview 控件占滿整個窗口

這里要根據(jù)平臺不同實現(xiàn)不同了，windows 平臺采用 winAPI 調(diào)用，具體看工程代碼吧！

WebView

在 MainPage.xaml 添加控件

對應(yīng)的靜態(tài) html 等文件放在工程的 Resource\Raw 文件夾下 (整個文件夾里面默認是作為內(nèi)嵌資源打包的，工程文件里面的如下配置起的作用)

<!– Raw Assets (also remove the “Resources\Raw” prefix) –>
<MauiAsset Include=”Resources\Raw\**” LogicalName=”%(RecursiveDir)%(Filename)%(Extension)” />

【重點】js 和 csharp 互相調(diào)用

這部分我找了很多資料，最終參考了這個 demo，然后改進了下。

主要原理是：

• js 調(diào)用 csharp 方法前先把數(shù)據(jù)存儲在 localstorage 里

• 然后 windows.location 切換特定的 url 發(fā)起調(diào)用，返回一個 promise，等待 csharp 的事件

• csharp 端監(jiān)聽 webview 的 Navigating 事件，異步進行下面處理

• 根據(jù) url 解析出來 localstorage 的 key

• 然后 csharp 端調(diào)用 excute 根據(jù) key 拿到 localstorage 的 value

• 進行邏輯處理后返回通過事件分發(fā)到 js 端

js 的調(diào)用封裝如下：

// 調(diào)用csharp的方法封裝
export default class CsharpMethod {
constructor(command, data) {
this.RequestPrefix = “request_csharp_”;
this.ResponsePrefix = “response_csharp_”;
// 唯一
this.dataId = this.RequestPrefix + new Date.getTime;
// 調(diào)用csharp的命令
this.command = command;
// 參數(shù)
this.data = { command: command, data: !data ? : JSON.stringify(data), key: this.dataId }
}

// 調(diào)用csharp 返回promisecall {// 把data存儲到localstorage中 目的是讓csharp端獲取參數(shù)localStorage.setItem(this.dataId, this.utf8_to_b64(JSON.stringify(this.data)));let eventKey = this.dataId.replace(this.RequestPrefix, this.ResponsePrefix);let that = this;const promise = new Promise(function (resolve, reject) {const eventHandler = function (e) {window.removeEventListener(eventKey, eventHandler);let resp = e.newValue;if (resp) {// 從base64轉(zhuǎn)換let realData = that.b64_to_utf8(resp);if (realData.startsWith(err:)) {reject(realData.substr(4));} else {resolve(realData);}} else {reject(“unknown error ：” + eventKey);}};// 注冊監(jiān)聽回調(diào)(csharp端處理完發(fā)起的)window.addEventListener(eventKey, eventHandler);});// 改變location 發(fā)送給csharp端window.location = “/api/” + this.dataId;return promise;}

// 轉(zhuǎn)成base64 解決中文亂碼utf8_to_b64(str) {return window.btoa(unescape(encodeURIComponent(str)));}// 從base64轉(zhuǎn)過來 解決中文亂碼b64_to_utf8(str) {return decodeURIComponent(escape(window.atob(str)));}

}

前端的使用方式

import CsharpMethod from ../../services/api

// 發(fā)起調(diào)用csharp的chat事件函數(shù)const method = new CsharpMethod(“chat”, {msg: message});method.call // call返回promise.then(data =>{// 拿到csharp端的返回后展示onMessageHandler({message: data,username: Robot,type: chat_message});}).catch(err => {alert(err);});

csharp 端的處理：

這么封裝后，js 和 csharp 的互相調(diào)用就很方便了。

• demo https://github.com/mahop-net/Maui.HybridWebView

chatgpt 的開放 api 調(diào)用

注冊好 chatgpt 后可以申請一個 APIKEY。

API 封裝：

public static async Task<CompletionsResponse> GetResponseDataAsync(string prompt){// Set up the API URL and API keystring apiUrl = “https://api.openai.com/v1/completions”;

// Get the request body JSONdecimal temperature = decimal.Parse(Setting.Temperature, CultureInfo.InvariantCulture);int maxTokens = int.Parse(Setting.MaxTokens, CultureInfo.InvariantCulture);string requestBodyJson = GetRequestBodyJson(prompt, temperature, maxTokens);

// Send the API request and get the response datareturn await SendApiRequestAsync(apiUrl, Setting.ApiKey, requestBodyJson);}

private static string GetRequestBodyJson(string prompt, decimal temperature, int maxTokens){// Set up the request bodyvar requestBody = new CompletionsRequestBody{Model = “text-davinci-003”,Prompt = prompt,Temperature = temperature,MaxTokens = maxTokens,TopP = 1.0m,FrequencyPenalty = 0.0m,PresencePenalty = 0.0m,N = 1,Stop = “[END]”,};

// Create a new JsonSerializerOptions object with the IgnoreNullValues and IgnoreReadOnlyProperties properties set to truevar serializerOptions = new JsonSerializerOptions{IgnoreNullValues = true,IgnoreReadOnlyProperties = true,};

// Serialize the request body to JSON using the JsonSerializer.Serialize method overload that takes a JsonSerializerOptions parameterreturn JsonSerializer.Serialize(requestBody, serializerOptions);}

private static async Task<CompletionsResponse> SendApiRequestAsync(string apiUrl, string apiKey, string requestBodyJson){// Create a new HttpClient for making the API requestusing HttpClient client = new HttpClient;

// Set the API key in the request headersclient.DefaultRequestHeaders.Add(“Authorization”, “Bearer ” + apiKey);

// Create a new StringContent object with the JSON payload and the correct content typeStringContent content = new StringContent(requestBodyJson, Encoding.UTF8, “application/json”);

// Send the API request and get the responseHttpResponseMessage response = await client.PostAsync(apiUrl, content);

// Deserialize the responsevar responseBody = await response.Content.ReadAsStringAsync;

// Return the response datareturn JsonSerializer.Deserialize<CompletionsResponse>(responseBody);}

調(diào)用方式

var reply = await ChatService.GetResponseDataAsync(xxxxxxxxxx);

• 完整代碼參考 https://github.com/yuzd/maui_chatgpt

在學(xué)習(xí) maui 的過程中，遇到問題我在 Microsoft Learn 提問，回答的效率很快，推薦大家試試看！

微軟最有價值專家（MVP）

微軟最有價值專家是微軟公司授予第三方技術(shù)專業(yè)人士的一個全球獎項。29年來，世界各地的技術(shù)社區(qū)領(lǐng)導(dǎo)者，因其在線上和線下的技術(shù)社區(qū)中分享專業(yè)知識和經(jīng)驗而獲得此獎項。

MVP是經(jīng)過嚴(yán)格挑選的專家團隊，他們代表著技術(shù)最精湛且最具智慧的人，是對社區(qū)投入極大的熱情并樂于助人的專家。MVP致力于通過演講、論壇問答、創(chuàng)建網(wǎng)站、撰寫博客、分享視頻、開源項目、組織會議等方式來幫助他人，并最大程度地幫助微軟技術(shù)社區(qū)用戶使用 Microsoft 技術(shù)。

更多詳情請登錄官方網(wǎng)站：

https://mvp.microsoft.com/zh-cn

掃碼了解更多 MAUI 相關(guān)資料。

點擊「閱讀原文」了解 MAUI ~返回搜狐，查看更多

責(zé)任編輯：

不會自己注冊chagpt賬號或者太麻煩，可以直接購買一個成品chagpt賬號，直接使用！一人一號，獨立使用！直接購買聯(lián)系qq465693115 定制個人郵箱，非共享號碼實時幫你接收驗證碼，非?？焖?