導(dǎo)讀 |上周OpenAI發(fā)布了對話語言模型 ChatGPT，相關(guān)討論引爆全網(wǎng)。你是否也迫不及待體驗一番？本文特邀作者騰訊云開發(fā)者社區(qū)作者戴傳友從開發(fā)環(huán)境準(zhǔn)備、開發(fā)過程、服務(wù)器接口、騰訊API網(wǎng)關(guān)接入到部署，詳細(xì)教你如何動手開發(fā)一個chatGPT微信小程序。
在《ChatGPT-地表最強AI模型！要消滅人類？》、《算法工程師深度解構(gòu)ChatGPT技術(shù)》兩篇文章中，我們分別囊舉了ChatGPT的豐富玩法并解析其工作原理。如果你對相關(guān)內(nèi)容感興趣，歡迎回溯圍觀～公眾號的粉絲朋友們在評論區(qū)暢想了更多ChatGP應(yīng)用實踐，也有粉絲表示想要親自體驗下其奇妙之處。此次，我們邀請騰訊云開發(fā)者社區(qū)開發(fā)者由淺入深帶你動手開發(fā)一個ChatGPT微信小程序，其中會詳細(xì)介紹開發(fā)環(huán)境準(zhǔn)備、項目實現(xiàn)、服務(wù)接口搭建、騰訊API網(wǎng)關(guān)接入、部署等環(huán)節(jié)。{ "pages": [ "pages/chat/index", "pages/index/index", "pages/logs/logs" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "ChatGPT", "navigationBarTextStyle": "black" }, "style": "v2", "sitemapLocation": "sitemap.json", "useExtendedLib": { "weui": true }, "tabBar": { "color": "#1485EE", "selectedColor": "#FF514E", "list": [ { "pagePath": "pages/chat/index", "text": "ChatGPT概覽" }, { "pagePath": "pages/index/index", "text": "我的創(chuàng)作" } ] }}值得注意的是，tabBar-list-pagePath的路徑需要存在，否則編譯器會報錯。此處我把項目的工程目錄截圖公開，各位對比上下文配置信息更容易理解。3） 編寫主界面規(guī)劃的界面中只需要一個輸入框及一個詢問按鈕。當(dāng)用戶點擊詢問按鈕的時候，獲取輸入框中的值，去請求服務(wù)器的/ask接口獲取結(jié)果。獲取數(shù)據(jù)之后，再展示到頁面中的結(jié)果展示中。確定了這個基本流程，接下來只要知道這些基本組件在微信小程序里面使用什么標(biāo)簽就好了。更多的細(xì)節(jié)可以訪問 微信小程序的開發(fā)文檔。
(資料圖)
submitForm: function (e) { //一般前置檢查代碼 ... const that = this wx.request({ url: "http://youdomain.com/api/xxxx", method: "post", header: {"content-type": "application/x-www-form-urlencoded"}, data: data, success(rsp) { console.log("ask result-----",rsp.data) that.setData({ result: rsp.data.data.rsp, disabled: false, loading: false, }) }, complete(d) { console.log(d) } }) console.info("form.submited") ....其他相關(guān)代碼},值得注意的是，上面用到的url需要在小程序中進(jìn)行域名白名單注冊，否則無法被訪問到。同時進(jìn)行注冊的域名，需要進(jìn)行備案。配置地址：登錄微信小程序管理后臺，在開發(fā)管理-服務(wù)器域名中進(jìn)行配置。如下圖。async ask() { const { request, helper, axios, logger } = this.ctx const { message } = request.body logger.info("requset body===", request.body) logger.info("message===",message) ...其余相關(guān)代碼 這里的token就是前面提到的在openai上申請到的token const config = { headers: { Authorization: `Bearer ${token}` } } const req = { model: "text-curie-001", prompt: message, max_tokens: 2000, temperature: 0.5 } console.log("req===",req) let text = "" const result = await axios.post("https://api.openai.com/v1/completions", req, { timeout: 300000, headers: { Authorization: "Bearer ${token}" } }) .then(rsp => { console.log("pdf file result", rsp) if (rsp.choices) { text = rsp.choices[0].text } }) .catch(err => { console.log("pdf file error", err) }) const data = { rsp: text } helper.success(data, "success")}這里的token就是前面提到的在openai上申請到的token ，注意不要泄漏。騰訊api網(wǎng)關(guān)接入及部署1）網(wǎng)關(guān)接入考慮到并發(fā)能力，頻率限制，自動擴(kuò)容等能力的接入，我選擇了騰訊云api網(wǎng)關(guān)。如何把api通過騰訊云暴露到外網(wǎng)呢？首先，訪問https://console.cloud.tencent.com/apigateway/service?rid=1。其次，新建一個service，并且選擇https協(xié)議【微信要求https協(xié)議】。最后，新建接口ask并且映射到我們自己的服務(wù)器。1、算法工程師深度解構(gòu)ChatGPT技術(shù)
2、耗時減半？騰訊云OCR只做了3件事
3、探秘微信業(yè)務(wù)優(yōu)化：DDD從入門到實踐
4、10分鐘！從架構(gòu)視角讀懂K8s
標(biāo)簽：
Copyright © 2015-2022 太平洋獸藥網(wǎng) 版權(quán)所有 備案號：豫ICP備2022016495號-17 聯(lián)系郵箱：93 96 74 66 9@qq.com
