wsSearchView：一个简单方便的微信小程序搜索框页面组件

该搜索框组件基于开源项目wxSearch进行了改进，主要有以下几个修改点：

1.增加了注释，修改了一些bug，项目可以跑起来。

2.为了解决搜索框和输入法界面重叠的问题，将搜索组件作为一个独立的页面。

3.修改了界面样式，更加美观。

4.减少了暴露接口，复杂性更低。

小程序演示：

项目地址：  前往github项目

一、微信里不同搜索入口

微信中原生页面的搜索入口一共有9个，涉及到搜索的内容有十多种类别，从表格可以看出，每个入口对搜索内容的覆盖是大不相同的。下面介绍一下几个主要搜索入口的区别。

1、首页和通讯录入口

首页和通讯录页面的搜索入口是伴随着微信的基础聊天功能就有的，在这两个入口进行搜索最开始的目的很明显，一是找人/群，二是找聊天记录，作为基础的搜索功能，这两项是支持本地搜索的，即不需要连接网络。后来有了公众号、朋友圈、小程序等等，首页搜索入口覆盖的内容越来越广。

但从上述表格中的搜索内容我们可以看出，首页的搜索内容基本是微信内的内容，不管是聊天记录、公众号、收藏的内容，这些都是用户在微信内产生过关联关系的内容，其实这符合大多数产品对搜索的定义，相当于在站内搜索内容，必须是已有的内容，而对于站外资源并不支持在首页搜索到，而是把这个任务单独交给了新推出的功能搜一搜。

2、搜一搜

搜一搜是2017年上半年上线的新功能，除了聊天记录和联系人，搜一搜基本上覆盖了微信内所有的搜索需求，它的目的是帮助用户快速的获取想要的内容和服务，提供了微信内搜索内容和站外内容，可以理解为在微信里抢手机百度的饭碗。而在搜一搜主页中一大模块是微信热点，类似微博的热搜，不过目前仅支持展示5条热点。在搜一搜中输入内容搜索内容，结果页顶部有很多类别，包括了文章、公众号、表情等微信内容，以及问答、百科、小说等站外信息。搜一搜有以下两个特有的功能。

1）顶部分类栏设计

但在产品设计上，顶部的分类栏位置并不是固定不变的，会根据搜索内容的不同改变展示顺序。比如搜索一段文字“长太帅，怎么办”，搜索结果中分类栏会默认把“文章”、“问答”排在前面，且不会显示“商品”这一分类；而搜索一个商品名称比如“耳机”时，搜索结果会默认把“商品”类别排在最前面，点击结果页内容可以直达京东购物的商品详情页。

2）关键词直达服务

搜一搜对有的生活常用功能提供了关键词直达服务，比如搜索“天气”、“日历”、当前上映的电影名称等，会直接展示一个小程序的服务展示页面，无需先进入小程序再查看或使用，不过这种直接显示服务内容的形式并不多，目前体验过的基本都是小工具类小程序的服务页面。

3、看一看入口

看一看与搜一搜同时上线，搜一搜对标百度提供了站外资源搜索，而看一看相当于对标头条，提供个性化内容资讯。

在新闻资讯类产品中，用户一般是被动的接受推荐内容，搜索特定的内容并不是一个高频的动作，因此在产品设计上，并没有像其他页面一样，把搜索框直接放在页面顶部，而是放在不太明显的右上角，点击再进入一个单独的搜索页，并提供了特色专栏和很多精选分类。

看一看搜索的内容仅限文章资讯和视频，文章来源全部为站内所有公众号资源，视频来源于腾讯视频。可以看出，看一看是公众号内容的重要曝光入口，自从订阅号首页改成了信息流的展示方式后，促使各公众号的内容首先得到曝光，但内容在看一看中曝光效果显然会更好。

4、小程序入口

小程序上线的一年多内，一直只支持搜索小程序的名称，在第一版本的小程序上线时，甚至不支持模糊搜索，只能准确搜索名称。然而当小程序对小商家的覆盖越来越广，连接的线下实业越来越多，很多商家都会自己做一个商城小程序，提供商品或服务。于是在2018年9月，微信为了拉近这些商家与用户的距离，上线了小程序以下两个小程序搜索功能。

1）功能直达

搜索某些特定的关键词，第一个搜索结果是服务列表，即搜索可以直达小程序服务。小程序服务可以理解为小程序主要功能的提炼，需要后台申请接入服务搜索开发平台才可以被搜索到，相比于搜索到小程序，服务可以更快的触达到用户，不过前提是提供的服务与搜索关键词相匹配才会通过申请。

2）我的购物单

小程序的搜索入口也支持商品名称的搜索，搜索的商品为购物单商品，什么是购物单商品？这里不得不解释以下“我的购物单”。

我的购物单相当于微信小程序店铺的共用购物车，不管你在哪个小程序店铺中添加了商品到购物车，都可以统一在这里查看，不需要一个个进入小程序查看。只要成功的添加过一个商品到购物单，在小程序搜索框的下方便显示了我的购物单入口。

在小程序搜索入口中搜商品名称，会优先显示购物单商品，据我观察，显示的内容为所有微信用户的已购订单商品内容，将关键词匹配成功的商品按成交量顺序排列展示，暂不清楚地理位置对搜索的影响权重如何。因此，商家在购物单商品搜索上是可以做SEO的，比如刷成交量，关键词优化。

可以看出，搜一搜中商品是给亲儿子京东的商品提供了一步到达商品详情页的搜索，而小程序的商品搜索则是对微信生态的商家提供了入口，二者搜索入口和内容互斥，各不影响。

二、微信搜索三个阶段

从微信的发展历程可以将微信搜索大致分为三个阶段。

1、对内搜索

最早期支持对联系人和聊天记录的搜索，是一个本地查询的简单模式。当朋友圈、公众号、表情商店上线后，覆盖了对这些内容的搜索，但仍然是对微信生态中内容的快速查找。

2、支持站外搜索

即搜一搜和看一看的上线，接入了搜狗搜索的内容资源、微信游戏、腾讯视频的内容等，让用户在其他平台搜索的需求在微信内得到满足，而且可以无缝接入游戏和视频业务，当微信用户需要搜索的时候习惯打开微信搜一搜，而不是打开手机浏览器或手机百度的时候，微信作为一个移动端资源连接中心的角色会更加明显。

3、连接商品和服务

搜一搜接入商品搜索，直接展示京东购物的商品详情页，这比从 发现页——购物——搜索商品 缩短了一步 *** 作，在微信生态内提高了京东商品曝光率。

而小程序搜索展示购物单商品的功能更是对千万小程序商家开放了流量入口。小程序的搜索作为未来微信连接无数商家商品和服务的连接入口，相信还会完善更多的能力。

三、总结

微信里的搜索，从简单的聊天内容查找，到对公众号内容的反复挖掘，再到扩大站外资源，最后连接小程序生态的商家和服务，每一次新增功能都契合了微信的发展方向。期待未来微信对各产业的连接过程中，微信内搜索的进一步进化和发展。

---