Skip to main content

partial search with firestore


You can provide partial search [ type ahead facility ] with firestore. It's not that much streight forward and also not feasible in case of large amount of data that has to support the partial search.

Here is just a sample of how you provide partial search with firestore.

Logic behind the search is a custom kind of indexing that enables partial search for us. You need to create a collection of documents called indexes which contains indexes generated for the fields you want to search over.



First reqirement is to create every possible partial search strings.


Below function returns array of the possible indexes generate after chopping out input string character by character.


/* storing searchabel fields */

function _chopped_object(iString) {

  var searchables = {}
  for (i = 0; i < iString.length; i++) {
    var string_part = iString.substr(0, iString.length - i)
    searchables[string_part] = true
  }

  return searchables

}

Output of _chopped_object(manish) will be,

{
manish :true
manis :true
mani :true
man :true
ma :true
:true
}
That's what we want, Right !
We want tha if we write "m..." it should know we may want to write "manish"


Next question is how to store this index and use it with firebase project.



Create a sperate collection called searchables ( I am saying it searachables 😀, you are free to say anything man ), and store these index documents inside it.


 db.collection("searchables")
   .doc([some-randome-string])
   .set({
   // searchable_index: _chopped_object(sender_profile[key]),
   searchables_index: _chopped_object(sender_profile[key]),

   mapping_value: [mapping_value]

   }).then(() => {

    console.log("Document successfully updated!");

   }).catch((err) => {

    console.log(err)

   });


It may be that it's some confusing, how to use this code.


Example 



We have dictonary of Persons, It includes details like name,phone,email,address


{
    name:"manish",
    phone:[not-going-to-share],
    email:m.champaneri.20@gmail.com,
    address:"something something",
},
{
    name:"mchampnaeri",
    phone:[not-going-to-share],
    email:m.champaneri.20@gmail.com,
    address:"something something",
},
{
    name:"rohan",
    phone:[not-going-to-share],
    email:m.champaneri.20@gmail.com,
    address:"something something",
},

This is our document we are storing in collection of persons

We want to create searchable index of field of name. 
Means, If, I type "m" I should get suggetion of "manish" and "mchampaneri" and after "ma" it should just suggest "manish" 👍.


In this case, 

when you store the person details in document you can create a searchable index in same process.

( I am using nodejs exmpale is in javascript )


function storePersonDeatails(){

var some_radom_key = [ -value- ]  // To store person document 
var some_radom_key2 = [ -value-2 ]  // To store person document search index
 
db.collection("persons")
   .doc( some_radom_key )
   .set({
   personObject
   }).then(() => {   

 // Incase of success full insertion you should create a searchable
        // index on name field for that person
  db.collection("searchables")
    .doc( some_radom_key2 )
    .set({
      searcables_index: _chopped_object(personObject.name),
     mapping_value: some_radom_key  // Same value used as key for document, 
                                                  // so index get attached with the document via key 

    }).then(() => {
     console.log("Document successfully updated!");

    }).catch((err) => {
     console.log(err)

    });

   }).catch((err) => {

    console.log(err)

   });

}


If you see your serachables documents you will find data look like somthing this

searchable Index
searchable Index
UpTo This we just make searchable index now just use it in your search box

here is example code for search box ..


function search(value) {
 db.collection("searchables")
  .where("searchables_index."+ value,"==",true)                 
  .get()
  .then((searchbles)=>{
    searchbles.forEach((item)=>{
    consle.log(item.data())
  })
 }) 
}


Upper code will just try to read the property [value] of the object searchables_index and will get true if it exist.

Hope this was easy to understand. 

If it's not clear,  let me know!

Have a great day !

Comments

  1. Very good blog This is very useful. Thanks to you for publishing this blog

    Best Seo Company

    ReplyDelete

Post a Comment

Popular posts from this blog

Google blogger Ideas panel

Google blogger Ideas  I opened by blogger today, and..   I got this.  Google blogger Ideas  A panel suggesting a topic on which I can write my next blog. It's fetching unanswered question from web according to your previous post and topics. It was something, I was really looking for, after all it takes time to finding subject on which to write next and still being in the same niche.  Awesome feature Blogger! 

Apache : setup basic auth with apache in windows

Authentication is any process by which you verify that someone is who they claim they are. Authorization is any process by which someone is allowed to be where they want to go or to have information that they want to have. I will show here how to set up basic auth on the apache with windows. Pre-requests  Windows VPS Apache server ( That's it ) ( In windows it might be difficult to setup the Apache alone. So instead use something ling xampp , wamp or laragon .) RestClient (  I personally use the postman , but you can use your preferable client)  Windows VPS provider Steps  Enable the necessary modules in the Apache Create the password file Set the auth directives in the virtual host file. Verify basic auth. Enable the  necessary   modules  in the Apache Open the httpd.conf file in the apache's conf folder. httpd.conf file Enable the necessary modules to make the basic auth working. Necessary modules  mod_auth_basic

Sciter : GUI Application with Golang using HTML/CSS

GUI library for golang sciter This is the words from Sciter's Web site, Sciter brings a stack of web technologies to desktop UI development. Web designers and developers can reuse their experience and expertise in creating modern looking desktop applications. Various GUI frameworks offer different UI declaration and styling languages, such as QML and  XAML (Microsoft WPF) . On the contrary, Sciter allows using time proven, robust, and flexible HTML and CSS for GUI definition and GPU accelerated rendering.   Before using sciter I already tried other alternatives but none of them was satisfactory as an example first i tried andlabs / ui  library   i already have written a post on it. You can read it on post gui programming with golang .  But this library is still under construction and has no support for production apps. Secondly, I go for electron but the problem was my simple calc like the app was of size 150mb. Which is 15mb of go and other was the e