【开讲啦】智能小程序接入搜索基础操作最全讲解-视频版-第二节:小程序第一种提交方式
- 威海自媒体运营与推广 威海智能小程序接入搜索
- 1273
在接入智能小程序搜索功能时,有多种提交方式可供选择。本次讲解将重点介绍第一种提交方式。 首先,我们需要在小程序管理后台打开「智能小程序搜索」开关,并获取到小程序的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数组中 ] } ``` 最后,将这个文档上传至小程序管理后台的「智能小程序搜索」页面中。 至此,我们已经完成了第一种提交方式的操作。在下一节中,我们将介绍第二种提交方式。