這份保姆級別的Cursor Coze教程，幫你輕松完成微信小程序搭建！

新用戶62592529 2024-12-12

展開全文

整體說明

從小程序的注冊到后面的上線發(fā)布，爭取讓不懂代碼的人，可以用cursor完成第一個小程序項目。

廢話不多說，現在開始。

整體思路

界面一個展示頁面：輸入框、確定按鈕、展示區(qū)域。

當用戶在輸入框中輸入明星姓名之后，點擊確定按鈕后，將輸入內容發(fā)送給智能體，通過聯網功能去獲取該明星的丑聞信息，再返回給界面展示。

軟件注冊與下載

微信小程序注冊與下載

· 點擊網址：
https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN

· 接下來便是賬號的基本注冊流程，按照要求繼續(xù)執(zhí)行。

· 當填完賬號信息之后，就是郵箱的激活了，我們會收到1條激活短信。

· 第三步就是完成個人信息，包括手機號碼、身份證號碼的信息填寫。

· 完成注冊之后，進入界面，拿到appID，保存在記事本中。

· 同時繼續(xù)點擊下面服務器域名配置，將添加成合法域名。

· 微信小程序開發(fā)工具下載，點擊下面鏈接：

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

具體安裝步驟按照官方提示操作即可，這里不再展開描述。

cursor注冊與下載

· 點擊網址https://www./，進入到cursor官網。

download 就可以進行安裝包的下載，這里直接點擊下一步即可。

· 點擊sign in，進行cursor的注冊，會跳轉到這個頁面。

按照要求輸入的你郵箱并接收驗證碼。注冊好之后可以有14天的免費試用機會。

tips：至于如何一直免費試用，可以看章節(jié)第6部分。

Coze開發(fā)一個簡單的智能體

本文主要是講解整體cursor開發(fā)內容，目標是流程跑通。因此我們就用coze開發(fā)一個簡單智能體。

主要為了實現：輸入明星姓名，調用百度或者頭條插件，將返回的結果

coze賬號注冊并創(chuàng)建智能體

· 注冊coze：https://www./，我們選擇基礎版登錄即可。

· 點擊左側的添加智能體選項

· 輸入智能體的名稱，然后點擊保存進入編輯頁面。

生成令牌（調用API的鑰匙）

· 第一步：點擊左側的按鈕即可

· 第二步：在彈出的頁面，點擊“授權”按鈕。

· 第三步：點擊添加新令牌。（相當于我們后期訪問api的鑰匙）

· 第四步：接下來點擊勾選權限，點擊確定。（建議勾選所有權限，免得后面遇到問題沒辦法解決）

· 第五步：接下來就會彈出窗，讓用戶保存令牌信息。

！重點：這個令牌只會顯示一次，因此，必須要點擊右下角的按鈕，保存到你的記事本中。（后面會用到）

coze開發(fā)智能體

這里就是我們智能體的主要開發(fā)窗口了。我們主要在這兩塊添加內容即可。

· 添加插件

這里我們選擇頭條搜索作為插件，點擊添加。

· 人設和回復邏輯

這里主要是告訴智能體，我們想要搜索的內容以及返回的結果格式?？梢灾苯訌椭葡旅娴膬热莸饺嗽O與回復邏輯。

可以把我的prompt直接復制到“人設和回復邏輯”編輯窗中。

# 角色
你是一個擅長吐槽明星的高手，能夠以幽默詼諧的語言調侃明星的各種行為和事件。

## 技能
### 技能 1: 吐槽明星劣跡
1. 當用戶給出一個明星的名字時，
1.1 使用百度搜索查找該明星的劣跡信息。
1.2 使用頭條搜索一起查找該明星的劣跡信息。
2. 整合百度搜索和頭條搜索返回的內容，用幽默詼諧的語言將明星的劣跡展示出來，字數控制在 200 字左右。
===回復示例===
這位明星呀，那可真是讓人哭笑不得。[具體劣跡 1 描述]，簡直就是一場鬧劇。還有[具體劣跡 2 描述]，真是讓人不知道說啥好?？傊?，這位明星的行為可真是讓人忍不住吐槽。
除了上述的回復方式，還可以參考以下幾種回復方式：
方式一：哎呀，這位明星的行為可真是讓人難以理解?。具體劣跡 1 描述]，這是在挑戰(zhàn)大家的底線嗎？還有[具體劣跡 2 描述]，真是讓人不禁感嘆，他/她的世界我們不懂??！
方式二：哈哈，這位明星的所作所為真是讓人笑掉大牙！[具體劣跡 1 描述]，這是要成為“搞笑擔當”嗎？還有[具體劣跡 2 描述]，看來他/她是想在娛樂圈留下獨特的印記啊！
方式三：天吶，這位明星的行為簡直讓人無法直視！[具體劣跡 1 描述]，這是在追求“與眾不同”嗎？還有[具體劣跡 2 描述]，真是讓人懷疑他/她的腦子是不是進水了！
方式四：哇塞，這位明星的舉動真是讓人驚掉下巴！[具體劣跡 1 描述]，這是要創(chuàng)造新的“傳奇”嗎？還有[具體劣跡 2 描述]，看來他/她是想在娛樂圈掀起一陣波瀾?。?br>方式五：嘿嘿，這位明星的行為可真是讓人捉摸不透??！[具體劣跡 1 描述]，這是在玩什么“神秘游戲”嗎？還有[具體劣跡 2 描述]，真是讓人對他/她充滿了好奇！
方式六：唉，這位明星的所作所為真是讓人感到失望??！[具體劣跡 1 描述]，這是要自毀前程嗎？還有[具體劣跡 2 描述]，希望他/她能早日認識到自己的錯誤，重新做人吧！
===示例結束===

## 限制:
- 只吐槽明星的行為和事件，不進行人身攻擊。
- 所輸出的內容必須客觀真實，且有可靠的搜索來源。
- 請使用 Markdown 的 ^^ 形式說明引用來源。

· 調試

點擊右側的輸入框，輸入內容進行調試。

發(fā)布API

· 點擊右上角的發(fā)布按鈕，就可以點擊右上角進行智能體的發(fā)布了。

· 頁面一直拉到最下面，可以看到'Agent as API'，勾選前面的框。點擊發(fā)布。

· 發(fā)布成功就會出現下面的頁面。

重點：一定將瀏覽器中這串數字保存到記事本中，這個是我們這個智能體的id值。

用cursor進行微信小程序的開發(fā)

這一章節(jié)就進入到我們的重頭戲，通過cursor不寫代碼就完成小程序的開發(fā)。

小程序工具初始化項目

· 打開小程序開發(fā)工具，點擊添加按鈕。

· 進入創(chuàng)建小程序界面。APPID填入我們系統(tǒng)APPID（如果不記得，看2.1章節(jié)）

后端服務：選擇不使用云服務、模板選擇：不使用模板。

最后點擊右下角的創(chuàng)建就可以了。這個時候就自動創(chuàng)建一份文件，具體的文件目錄看截圖。

· 出現下面界面代表已經成功了。

cursor開發(fā)調試基本功能

· 打開cursor工具，然后點擊open a folder，打開剛才新建的文件目錄。

打開的界面如下圖所示

· 在根目錄新建文件“instruction.md”,并輸入下面的文字，點擊保存。要想讓cursor完全理解你的需求是不現實的。

因此，我們必須要告訴大模型，下一步是怎么處理的。

1. 這是個小程序開發(fā)系統(tǒng)
2. 你的角色是一個ui設計師，務必要求審美過關,我比較喜歡element-ui 的風格和樣式
3. 小程序已經使用官方腳本初始化完成，你只需要實現接下來的功能即可。在page目錄下完成
4. 功能如下： 進入首頁有三塊內容：一個文本輸入框、一個提交按鈕、一個展示區(qū)域。其中輸入框和按鈕在一起，展示區(qū)域在下面。盡量合理布局。距離頂部要有一定距離。
5. 點擊按鈕后，文本輸入框的內容會顯示在展示區(qū)域。

· 接下來，快捷鍵“comand/ctrl + i”就是等待，生成。在彈出框中輸入下面的文字：“根據instrction.md文檔的內容，生成具體的代碼”。

· 等待幾秒鐘，cursor就自動生成對應的腳本。點擊accept all才生效。

· 這時候，就要打開微信開發(fā)工具，點擊編譯按鈕，就能快速預覽內容了。可是不幸的事情發(fā)了，竟然報錯了。

我們接下來把報錯的信息復制到cursor中，讓cursor給我們解決吧。

· 就這樣，cursor快速給出了結果。點擊“accept all”再試試。

就這樣，我們完成了初級的布局功能。輸入“李誕”點擊提交，展示區(qū)域就顯示“李誕”的名稱。

與coze的API關聯起來

現在我們的需求是輸入內容，點擊提交，去調用coze的api并返回結果。

· 我們只需要把我們的想法告訴cursor。

可以直接輸入以下內容：

現在點擊按鈕，要調用coze的api， coze api的說明文檔是：'’'curl --location --request POST 'https://api./open_api/v2/chat' \
--header 'Authorization: Bearer {{Personal_Access_Token}}' \
--header 'Content-Type: application/json' \
--header 'Accept: */*' \
--header 'Host: api.' \
--header 'Connection: keep-alive' \
--data-raw '{
    'conversation_id': '123',
    'bot_id': '{{Bot_Id}}',
    'user': '29032201862555',
    'query': 'hello',
    'stream':false
}'
'’'