【开讲啦】智能小程序接入搜索基础操作最全讲解-视频版-第二节:小程序第一种提交方式
整理自网络ChatGPT产生之内容,文本内容不具备参考意义,程序内容及代码片段有且仅有借鉴意义。
在接入智能小程序搜索功能时,有多种提交方式可供选择。本次讲解将重点介绍第一种提交方式。
首先,我们需要在小程序管理后台打开「智能小程序搜索」开关,并获取到小程序的appid和密钥。
接下来,我们需要创建一个用于搜索的页面。在这个页面中,我们要实现以下几个操作:首先,引入搜索组件;然后,在onLoad函数中获取搜索关键词,并调用搜索接口获取搜索结果;最后,将搜索结果渲染到页面中。
在页面中引入搜索组件的代码如下所示:
```javascript
const searcher = requirePlugin('searcher');
Page({
data: {
resultList: [], // 搜索结果列表
},
onLoad: function(options) {
const keyword = options.keyword; // 获取搜索关键词
this.search(keyword); // 调用搜索接口,传入关键词
},
search: function(keyword) {
const that = this;
searcher.search({
keyword: keyword,
success: function(res) {
const resultList = res.data; // 获取搜索结果
that.setData({
resultList: resultList, // 将搜索结果存入data中
});
},
fail: function(res) {
console.log(res);
}
});
},
})
```
接下来,在小程序管理后台的「小程序设置 -> 小程序页面」中,找到刚刚创建的搜索页面,并将其加入到小程序的启动页中。
完成上述操作后,我们需要创建一个用于提交的文档,并填写相关信息,如下所示:
```json
{
"appid": "your_appid",
"key": "your_key",
"pages": [
"pages/search/search" // 将搜索页面加入到pages数组中
]
}
```
最后,将这个文档上传至小程序管理后台的「智能小程序搜索」页面中。
至此,我们已经完成了第一种提交方式的操作。在下一节中,我们将介绍第二种提交方式。
Public @ 2023-06-30 08:50:02 整理自网络ChatGPT产生之内容,文本内容不具备参考意义,程序内容有且仅有借鉴意义。