MySQLのデータを同期させるために、リアルタイム検索のヒントと、フルテキスト検索機能を実現するために、

最近、同社のプロジェクトのための統合されたフルテキスト検索エンジンで数日間過ごし、プロジェクトの当初の目的は、検索ボックスのための即時のプロンプトです。データは小さくないので、同期の後、最初の継続的な増分同期を考慮する必要がある、は、MySQLからのデータを同期する必要があります。ここで使用されるオープンソースサービスがElasticSearchです。

ElasticSearch

同僚は私が前に理解していなかったが、サービスを提供するには、以前のRedisについての詳細を知っていると、製品の評判と同じ推定されるべきではないと思います専門にアマゾンの例を参照することをお勧めする前にElasticSearchは、オープンソースの全文検索エンジンサービスを使用することは非常に簡単ですだけでなく、テストは、本番環境で使用することができます立っています。何かを理解するためにインターネットを発見した後、実際にそうです:

フルテキスト検索は、最も一般的なニーズの中で、オープンソースElasticsearchは今の好適フルテキスト検索エンジンです。それはすぐに、保管、検索、および大量のデータを分析することができます。ウィキペディアは、スタックオーバーフロー、Githubには、それを採用しています。

騒ぎ、私のビルドプロセスの通常の記録として。

インストールElasticSearch

CentOSのソースからインストールし、私は個人的にはまだyumを好むインストールする方法はいくつかあります。

ヤムは、CentOSのインストール

入力するには、まず/etc/yum.repos.d、ディレクトリをという名前のファイルを作成しelasticsearch.repoたソースを、以下の内容を記入:

  1. [elasticsearch-6.x]
  2. name=Elasticsearch repository for 6.x packages
  3. baseurl=https://artifacts.elastic.co/packages/6.x/yum
  4. gpgcheck=1
  5. gpgkey=https://artifacts.elastic.co/GPG-KEY-elasticsearch
  6. enabled=1
  7. autorefresh=1
  8. type=rpm-md

ここでは弾性最新バージョンは6.2ですが、対応するElasticsearch-PHPはPHPのバージョン7.0以降が必要です。同社のPHPバージョン5.xとして、これだけセカンドベスト、古いバージョン5.6.9の少し、インストール5.xのバージョンを選択し、このステップは、ソースファイルの内容の上のすべての6が必要になります。 X 5.xのは、交換することができます。

次回の実行

  1. yum install elasticsearch

他のサーバからネットワークにアクセスする必要性が、また、リスニング範囲を開く必要がある場合は、インストール後は、デフォルトでは、唯一のローカルサービスにアクセスすることが可能です。インストールディレクトリを入力し/usr/share/elasticsearch、編集しelasticsearch.ymlたファイルを、次のセクションを変更します。

  1. network.host: 0.0.0.0
  2. path.data: /var/lib/elasticsearch
  3. path.logs: /var/log/elasticsearch
  4. http.host: 0.0.0.0
  5. transport.host: 127.0.0.1

これはnetwork.host一方で、外部ネットワークへのアクセスにあるpath.datapath.logs、デフォルトのパスが正しく設定されていないため、手動で設定する必要がありますが。セットアップが完全なパスされた後、以前のインストールディレクトリ内の残留量、空バックアップする必要がある場合に、それ以外の場合は問題が発生します、これら2つのディレクトリが存在するか確認する必要があります。

その後、サービスを再起動します。

  1. service elasticsearch restart

インストールのテスト

再起動が完了したら、ブラウザに入力してください

  1. http://127.0.0.1:9200/?pretty

あなたはインストールが成功したことを示す対応情報を見ることができる場合

インストールLogStash

そして、統一地方行政にログログ情報のすべてのタイプを要約するために使用されLogStashサービスをインストールし、ここでは弾性にMySQLからのデータを同期するためにそれを使用するために必要で、このサービスを使用します。

YUMはLogStashをインストール

これはまた、弾性製品の本拠地であるため、それ以前の設定ソースに含まれており、今のみのインストールを実行する必要があります。

  1. yum install logstash

これは、インストールを完了します。そして、あなたはまた、プラグインをインストールする必要があり、心配しないでください。

インストールlogstash入力-JDBCプラグ

入力する最初の/usr/share/logstash/binディレクトリを、実行します。

  1. ./logstash-plugin install logstash-input-jdbc

プラグインがインストールされた後、logstashインストールは現在、完全とみなされます。そこに多くのプラグインは、機能豊富なさまざまなを達成することができませんが、ここではこれ以上言います。

弾性の同期を設定するには、MySQLのデータ

次いで、フォーカスがどこ弾性にMySQLデータベースの同期からの構成データの比較。まず、任意のディレクトリ同期プロファイルに設立され、同期スクリプトは、私がここにあるあまりないので、直接ディレクトリlogstashのを行い置きます:

  1. cd /usr/share/logstash/bin
  2. mkdir ktsee
  3. cd ktsee

次に、2つのファイルを作成jdbc.confし、設定ファイル、同期されているMySQLのスクリプトの同期を。まず、編集、コンテンツを記入:jdbc.sqljdbc.confjdbc.sqljdbc.conf

  1. input {
  2. stdin {
  3. }
  4. jdbc {
  5. # mysql jdbc connection string to our backup databse 后面的ktsee对应mysql中的test数据库
  6. jdbc_connection_string => "jdbc:mysql://192.168.1.1:3306/ktsee"
  7. # the user we wish to excute our statement as
  8. jdbc_user => "root"
  9. jdbc_password => "password"
  10. # the path to our downloaded jdbc driver 这里需要设置正确的mysql-connector-java-5.1.38.jar路径,找不到可以从网上下载后放在配置路径中
  11. jdbc_driver_library => "/elasticsearch-jdbc-2.3.2.0/lib/mysql-connector-java-5.1.38.jar"
  12. # the name of the driver class for mysql
  13. jdbc_driver_class => "com.mysql.jdbc.Driver"
  14. jdbc_paging_enabled => "true"
  15. jdbc_page_size => "50000"
  16. # 以下对应着要执行的sql的绝对路径
  17. statement_filepath => "/usr/local/logstash/bin/logstash_jdbc_test/jdbc.sql"
  18. # 定时字段 各字段含义(由左至右)分、时、天、月、年,全部为*默认含义为每分钟都更新
  19. schedule => "* * * * *"
  20. # 设定ES索引类型
  21. type => "ktsee_type"
  22. }
  23. }
  24. filter {
  25. json {
  26. source => "message"
  27. remove_field => ["message"]
  28. }
  29. }
  30. output {
  31. elasticsearch {
  32. #ESIP地址与端口
  33. hosts => "192.168.1.1:9200"
  34. #ES索引名称(自己定义的)
  35. index => "ktsee_index"
  36. #自增ID编号
  37. document_id => "%{id}"
  38. }
  39. stdout {
  40. #以JSON格式输出
  41. codec => json_lines
  42. }
  43. }

これは、上記の構成ファイル内の対応する音符があることに留意すべきです。

プロジェクトに統合さElasticsearch-PHPライブラリを使用します

ここでは、自動的に他の依存ライブラリをダウンロードし、作曲、対応するバージョンに取り付け、直接、パケット管理のための作曲を使用してプロジェクトが、それはシンプルであれば、Elasticsearch公式PHPライブラリElasticsearch-PHPを使用することを選択しました。プロジェクトにコードを追加します。

  1. $client = \Elasticsearch\ClientBuilder::create()
  2. ->setHosts(['192.168.1.1:9200'])
  3. ->allowBadJSONSerialization()
  4. ->build();
  5. $params = [
  6. 'index' => 'ktsee_index',
  7. '_source' => [
  8. "id",
  9. "product_name",
  10. "product_type"
  11. ],
  12. 'body' => [
  13. 'query' => [
  14. 'match_phrase_prefix' => [
  15. 'product_name' => [
  16. "query" => $post['keyword'],
  17. "slop" => 10
  18. ]
  19. ],
  20. ]
  21. ]
  22. ];
  23. $response = $client->search($params);

このように、検索キーワードに応じElasticSearchするための簡単な通話を実現します。

検索インスタントプロンプトのコードを達成します

HTML部分:

  1. <form method="get" action="/search" id="header_search">
  2. <input type="text" id="keyword" name="keyword" value="" autocomplete="off" />
  3. <input type="submit" value="" />
  4. </form>
  5. <ul id="header_search_suggest"></ul>

これは、と相まって、検索ボックス入力コントロールことは注目に値するautocomplete="off"近いネイティブのヒントドロップボックスは、回避し、我々はスマートプロンプト紛争をやろうとしています。

CSSの一部:

  1. #header_search_suggest{
  2. position: absolute;
  3. width: calc(100% - 10px);
  4. left: 4px;
  5. border: solid 1px #ccc;
  6. background-color: white;
  7. text-align: left;
  8. z-index: 101;
  9. display: none;
  10. }
  11. #header_search_suggest li{
  12. font-size: 14px;
  13. border-bottom: 1px solid #eeeeee;
  14. }
  15. #header_search_suggest li a{
  16. padding:0.5em 1em;
  17. color:#333333;
  18. display: block;
  19. text-decoration: none;
  20. }
  21. #header_search_suggest li a:hover{
  22. background-color: #EDF0F2;
  23. color:#2F7EC4;
  24. }
  25. #header_search_suggest li a em{
  26. font-style: italic;
  27. color:#999;
  28. font-size:0.8em;
  29. }

JSの一部:

  1. var xhr = null;
  2. $('#keyword').bind('input propertychange', function () {
  3. if (xhr) {
  4. xhr.abort();//如果存在ajax的请求,就放弃请求
  5. }
  6. var inputText = $.trim(this.value);
  7. if (inputText != "") { //检测键盘输入的内容是否为空,为空就不发出请求
  8. xhr = $.ajax({
  9. type: 'POST',
  10. url: '/search/suggest',
  11. cache: false,//不从浏览器缓存中加载请求信息
  12. // data: "keyword=" + inputText,
  13. data: {keyword: inputText},
  14. dataType: 'json',
  15. success: function (json) {
  16. //console.log(json);
  17. if (json.count != 0) {
  18. //检测返回的结果是否为空
  19. var lists = "";
  20. $.each(json.data, function (index, obj) {
  21. //处理高亮关键词
  22. var searchContent = obj.product_name;
  23. var suggestItem = '';
  24. if (searchContent.toLowerCase().indexOf(inputText.toLowerCase()) > -1) {
  25. var searchRegExp = new RegExp('(' + inputText + ')', "gi");
  26. suggestItem = searchContent.replace(searchRegExp, ("<strong>$1</strong>"));
  27. }
  28. suggestItem = suggestItem + "<em> - " + obj.product_type + "</em>";
  29. //遍历出每一条返回的数据
  30. lists += "<li class='listName' ><a href='/search/suggest?id=" + obj.id + "&key=" + encodeURI(searchContent + ' - ' + obj.product_type) + "'>" + suggestItem + "</a></li>";
  31. });
  32. $("#header_search_suggest").html(lists).show();//将搜索到的结果展示出来
  33. } else {
  34. $("#header_search_suggest").hide();
  35. }
  36. //记录搜索历史记录
  37. $.post('/search/savesearchlog',{keyword: inputText,count: json.count});
  38. }
  39. });
  40. } else {
  41. $("#header_search_suggest").hide();//没有查询结果就隐藏搜索框
  42. }
  43. }).blur(function () {
  44. setTimeout('$("#header_search_suggest").hide()',500);//输入框失去焦点的时候就隐藏搜索框,为了防止隐藏过快无法点击,设置延迟0.5秒隐藏
  45. });

デモンストレーション効果

図:

クイック検索のヒントボックスレンダリング


この記事  surenkid  使用して作成、  クリエイティブ・コモンズ表示3.0は 自由に、再現名前の著者で引用されたとの記事のソースを示すことができます。

おすすめ

転載: www.cnblogs.com/HKROnline-SyncNavigator/p/10971701.html