建站
咨詢
售后
建站咨詢
新聞中心
chatGPT是一款由OpenAI開發(fā)的聊天機器人模型，是一種高效語言模型，它能夠模擬人類的語言行為，與用戶進行自然的交互。它的名稱來源于它所使用的技術——GPT-3架構，即生成式語言模型的第3代。
站在用戶的角度思考問題，與客戶深入溝通，找到鳳縣網(wǎng)站設計與鳳縣網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設計與互聯(lián)網(wǎng)技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都做網(wǎng)站、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名申請、虛擬主機、企業(yè)郵箱。業(yè)務覆蓋鳳縣地區(qū)。
chatGPT的核心技術是 GPT-3 架構。它通過使用大量的訓練數(shù)據(jù)來模擬人類的語言行為，并通過語法和語義分析，生成人類可以理解的文本。它可以根據(jù)上下文和語境，提供準確和恰當?shù)幕卮?，并模擬多種情緒和語氣。這樣，就可以讓用戶在與機器交互時，感受到更加真實和自然的對話體驗。
chatGPT 的應用場景也很廣泛。它可以用于處理多種類型的對話，包括對話機器人、問答系統(tǒng)和客服機器人等。它還可以用于各種自然語言處理任務，比如文本摘要、情感分析和信息提取等。例如，在一個問答系統(tǒng)中，chatGPT可以提供準確的答案，解決用戶的疑惑；在一個客服機器人中，它可以幫助用戶解決問題，提供更好的服務體驗。
在使用chatgpt時，你需要注意一些事項。首先，chatgpt只能根據(jù)已經(jīng)訓練過的語料來生成文本，因此它不能處理新穎的語言表達方式。其次，由于chatgpt是一種大型的語言模型，它需要大量的計算資源來運行，因此在使用時需要注意資源利用率。
此外，chatgpt還支持多種語言，包括英語、中文和日語等。這使得它可以被應用于跨語言的場景，例如翻譯機器人。
如果你看到這里對chatgpt依然還是不怎么理解，沒有關系；直白一點的說，到目前為止，上面的這些文字都是chatGPT生成的。
在未來，chatGPT的發(fā)展方向?qū)佣嘣?。它可能會引入更多的語言模型和深度學習技術，使得它的性能更加優(yōu)秀。它也可能會拓展到更多的應用場景，為更多的人群提供服務。
此外，chatGPT也面臨著一些風險和挑戰(zhàn)。其中，最主要的問題是隱私和安全。由于chatGPT涉及到大量的個人信息，因此如果不加以保護，就有可能被黑客攻擊和泄露。而且chatGPT會模擬人類的語言行為，因此如果不加以控制，它也可能會發(fā)生一些不良信息的傳播。
總的來說，chatgpt是一種非常有用的工具，它可以為許多對話式人工智能應用提供支持。如果你正在開發(fā)對話式人工智能應用，那么chatgpt是一個值得考慮的選擇。
## chatGPT能用來干什么，大致感受一下
因為本文主要講解如何開發(fā)chatgpt微信小程序，更多的使用場景，大家可以參考文章后面的更多參考文章；
本文大綱分為下面幾個部分，大概需要5分鐘閱讀時間
- ## 準備工作
- ## openai 賬號申請
- ## 開發(fā)環(huán)境
- ## 開發(fā)過程
- ## 服務器接口
- ## 騰訊api網(wǎng)關接入
- ## 部署上架
## 準備工作
1. 去微信中搜索 "chatGPT"相關的小程序，看下還有哪些名字可以注冊
2。選好名字，去申請微信小程序，記錄準備logo，需要滿足144px*144px.
3。 提交審核之后，就可以同時準備進行小程序開發(fā)
4。 不出意外的話，耐心等待大概3個小時左右就通過審核了，記得關注用來申請小程序的微信賬號，會有消息提醒。
附上小程序申請攻略：
https://cloud.tencent.com/developer/article/1358178
## openai 賬號申請
由于openai https://openai.com/ 不在中國區(qū)域開展業(yè)務，國內(nèi)不能正常的體驗到openai提供的服務；
我們可以通過曲線救國的方式來實現(xiàn)賬號的申請和注冊，具體教程可以自行搜索；
申請到賬號之后，為了在代碼中實現(xiàn)對openai 提供的 api ，我們還需要申請一個apiKey；這是通過代碼訪問chatGPT的關鍵所在。
賬號申請成功后，訪問 https://beta.openai.com/account/api-keys 頁面生成apiKey，后面會用到;尤其注意保存好這個key，后面需要用到，且不能再次查看，如果丟失，只能重新生成。
至此，關于賬號的申請工作都已經(jīng)準備完成。接下來就是核心代碼的開發(fā)流程了；
## 開發(fā)環(huán)境
1。 根據(jù)自己的實際情況，下載對應版本的微信開發(fā)者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
本地開發(fā)環(huán)境
2。 新建小程序，選擇最簡單的基礎模版，麻雀雖小，五臟俱全。目的是去除繁雜的配置，能夠讓自己快速對微信小程序的代碼結構有初步的了解。 此時因為申請的小程序還沒有審核通過，可以選擇測試號用來進行開發(fā)；
小程序云開發(fā)環(huán)境
2。1 此處也推薦使用使用云開發(fā)環(huán)境，因為是使用云開發(fā)環(huán)境有很多現(xiàn)場的模版可以直接套用，對于新手使用起來非常的友好，直接在現(xiàn)有的項目里面進行改動，立即能看到效果這樣對于新手編程非常的有成就感。
更多參考文檔可以查看。https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/quickstart.html
3。 導出初始化項目之后，看起來文件結構也很清晰； 其實小程序開發(fā)跟普通的html，css，js 三劍客用來開發(fā)網(wǎng)頁沒有本質(zhì)的區(qū)別；微信這里的wxml,wxss,js 也都是 html，css，js的子集而已；
頁面的結構在wxml 中寫，用到的樣式在 wxss中定義； 變量和函數(shù)以及網(wǎng)絡請求 等在 js 中執(zhí)行。
簡單說來，小程序包含一個描述整體程序的 app 和多個描述各自頁面的 page。
這里的 app 是指放在根目錄的 app.js、app.json、app.wxss 這三個文件，他們主要負責全局性的邏輯、配置及樣式。
pages 則是你即將編寫的多個頁面。多個 pages 之間可以通過官方提供的導航功能進行跳轉(zhuǎn)。
每個 page 頁面由 page.js、page.json、page.wxml、page.wxss 四個文件組成，其中 WXML 頁面類似 HTML 文件，主要負責頁面的結構。
不過比起 HTML，WXML 更加簡單，你的布局基本上是在使用
需要注意查看官方文檔中，有關組件這部分的內(nèi)容。
## 開發(fā)過程
由于平時主要寫后端代碼，對于前端只了解html的一些基礎皮毛；只能現(xiàn)學現(xiàn)賣。對于頁面展示采用了微信官網(wǎng)開發(fā)的WEUI組件，就不要自己去設計新的組件了，我的目的只有一個,就是用最快的速度把demo弄出來。旨在讓用戶體驗一個完整的chatGPT的交互流程；頁面后期可以優(yōu)化。
1. 如何引入 weui 組件
他們提供兩種組件接入方式
a. 通過 useExtendedLib 擴展庫 的方式引入，這種方式引入的組件將不會計入代碼包大小。
b. 可以通過npm (opens new window)方式下載構建，npm包名為weui-miniprogram
我不想在重新去了解npm這些東西，只想快點實現(xiàn)看到效果，而且上架到小程序商店對代碼包大小有限制，而useExtendedLib 擴展庫不計入代碼包大小，當然是選擇了第一種方式。
weui 官方參考文檔
https://wechat-miniprogram.github.io/weui/docs/quickstart.html
2. 定義tabbar
一個頁面展示的信息過于單調(diào)，我決定在小程序中使用tabbar的方式，但是第一次接觸也不知道如何寫tabbar，隨便搜索一下，發(fā)現(xiàn)不少的結果。想想官網(wǎng)的文檔還是準確且權威一點，于是進入立馬發(fā)現(xiàn)了答案。這種感覺太絲滑了。
按照自定義tabbar指引把代碼復制到項目工程中，簡直不要太容易。
主要步驟： 在app.json 中新增 tabbar 配置信息
{
"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. 編寫主界面
非常簡單界面，只需要一個輸入框，一個詢問按鈕；核心功能就是，點擊詢問按鈕 的時候，獲取輸入框中的值，然后去請求服務器的/ask接口，獲取結果； 獲取數(shù)據(jù)之后，再設置到 頁面中的結果展示中； 確定了這個基本流程，接下來只要知道這些基本組件在微信小程序里面使用什么標簽就好了；更多的細節(jié)可以訪問 微信小程序的開發(fā)文檔
4. 綁定點擊事件
在form表單上綁定事件
然后在對應的js文件里面定義submitForm方法；
5. 請求服務器接口
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")
....其他相關代碼
},
注意上面用到的 url，需要在小程序中進行域名白名單注冊，否則無法被訪問到； 同時進行注冊的域名需要進行備案；
配置地址，登錄微信小程序管理后臺，開發(fā)管理-服務器域名中進行配置
到此，小程序部分配置完成，可以用手機進行預覽，或者真機調(diào)試； 如果此時沒有配置域名，也可以通過忽略掉域名強制檢查，當然，這些只在開發(fā)環(huán)境下才可以使用；正式上線審核的話，一定得有一個備案的域名 且在小程序后臺中進行配置過；
## 服務器接口
架子都搭建好了，自然需要配置服務器了，找了一個現(xiàn)有的api-server腳手架，https://github.com/wytxer/template-node-egg; 初始化項目，簡單配置了一下路徑。能夠接收http請求； 感覺挺不錯，目前已經(jīng)過去了兩個小時了，得抓緊時間才行；抽空看了下小程序?qū)徍诉€沒有通過；
本著快速開發(fā)的原則，一切用現(xiàn)成的輪子；效率第一；配置了接口名字以及對應的handle。
我定義了一個名字叫做 /ask 的接口名字，同時定義了處理ask接口的 handle函數(shù)
async ask() {
const { request, helper, axios, logger } = this.ctx
const { message } = request.body
logger.info('requset body===', request.body)
logger.info("message===",message)
...其余相關代碼
這里的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 ，注意不要泄漏；
更多的玩法可以參考openai的更多模型和更多接口
參考文檔 ： https://beta.openai.com/docs/api-reference/introduction
## 騰訊api網(wǎng)關接入
考慮到并發(fā)能力，頻率限制，自動擴容等能力的接入，我選擇了騰訊云api網(wǎng)關。
如何把api通過騰訊云暴露到外網(wǎng)呢？
1. 訪問https://console.cloud.tencent.com/apigateway/service?rid=1
2. 新建一個service，并且選擇https協(xié)議【微信要求https協(xié)議】
3. 新建接口ask，并且映射到我們自己的服務器
完成之后，我們就能通過api網(wǎng)關訪問到我們自己的服務了，干杯????
更多騰訊云api 介紹 https://cloud.tencent.com/developer/article/1877519
## 部署過程
這里非常簡單了，直接在微信開發(fā)者工具里面進行代碼上傳，然后在微信小程序后臺里面就能看到上傳的版本；
建議提交審核之前用真機掃描體驗一下；有bug及時修復；
確認無誤后就可以提交審核了，系統(tǒng)提示1-7個工作日內(nèi)完成；但是基本上3，4個小時就審核完成了，為審核人員的高效率點贊；
值得注意的是，需要時刻關注審核動態(tài)，因為審核完成后，還需要自己手動進行 “全量” 或者 “灰度” 發(fā)布，才能夠在小程序里面搜索到；
## 體驗
歡迎大家體驗，還有不少bug，請大家多提寶貴意見；
好了，基本上就講到這里了，如果還有不太明白的地方，可以通過掃描入群或者留言的方式總能聯(lián)系到我；
有問題可以一起交流探索。
感謝微信，感謝騰訊云
網(wǎng)頁標題：如何在3小時快速開發(fā)上線一款chatGPT微信小程序
當前URL：http://fisionsoft.com.cn/article/cccesoj.html
