AddChat Laravel Lite へようこそ。
AddChat は、Laravel の新しいチャット友達です。これは、Web サイトの既存のusers
ベースを使用するスタンドアロンのチャット ウィジェットで、Web サイト ユーザーが互いにチャットできるようにします。
完全なソースコードを入手できるため、AddChat はデータベースを含むサーバー/ホスティング上で稼働し、実行されます。したがって、データに対する完全なプライバシーが得られます。あなたは大企業か中小企業のどちらかです。 AddChat は誰でも利用できます。
すぐに始めるための完全なビデオチュートリアルガイドはこちらです。AddChat Laravel Academy ✌️
Addchat Liteは、既存または新規の Laravel Web サイトに統合できるチャット ウィジェットです。 AddChat はスタンドアロン ウィジェットのように機能し、次のようなビジネス関連のニーズをすべて満たします。
AddChat Proではさらに多くの機能を利用できます ⚡️
主なハイライトのいくつか、AddChat を使用したい理由について説明します。
AddChat が既存のデータベース テーブルやレコードを変更することはありません。また、ウェブサイトの機能が損なわれることはありません。
AddChat は完全にテストされており、運用 Web サイトですぐに使用できます。
AddChat は非常に軽量、高性能、スケーラブルで安全です。
VueJsで構築された AddChat フロントエンドは、純粋に API ベースの Web アプリです。
Laravelで構築された AddChat バックエンド (API)
AddChat はCSS FlexboxとSassで設計されています。 CSS Flexboxの何が特別なのか、またそれを使用した理由を見てみましょう。
AddChat は CSS フレームワークに依存しません。つまり、Web サイトがどの CSS フレームワークに属していても、Web サイトの CSS に影響を与えたり、影響を受けたりすることはありません。
またはその他...
AddChat CSS は完全にカプセル化されています ( #addchat-bot .c-
プレフィックスが付いた AddChat ラッパーでラップされています)。
したがって、Web サイトの CSS をオーバーライドしたり、CSS を継承したりすることはありません。
AddChat UI は非常に応答性が高いです。超小型デバイスから大型の4K デスクトップまで最適化 -
Chrome, Firefox, Safari, Edge
などのすべての種類のブラウザで AddChat UI デザインを同じにするために、人気のあるNPMパッケージのauto-prefixer
使用しました。
AddChat はすべての言語とタイムゾーンと互換性があります。 AddChat は、Web サイトのデフォルトのタイムゾーンと言語に応じて地域設定を自動的に適応および調整します。 AddChat Laravel での新しい言語の追加の詳細については、「言語」セクションを参照してください。
AddChat は Web サイトの機能を決して中断しません。AddChat で何か問題が発生した場合でも、最悪のシナリオごとに
fallback modes
が用意されています。
これはAddChat Liteバージョンのドキュメントです
AddChat Liteはオープンソースで、無料で使用できます。 Lite バージョンには機能が制限されています。
アドチャット Laravel Lite
AddChat Pro バージョンには商用ライセンスが付属しています。 Pro バージョンには、便利でエキサイティングな機能が満載されています。
アドチャット Laravel プロ
AddChat は、composer 経由でインストールできます。スムーズ... ?
すぐに始めるための完全なビデオチュートリアルガイドはこちらです。AddChat Laravel Academy ✌️
config/database.php
'strict' => false
で strict モードを無効にします。既存のLaravelアプリケーションにAddChatをインストールしていて、すでに認証システムがある場合は、このステップをスキップしてください
新しいLaravelアプリケーションにインストールする場合は、次を実行します
Laravel 5.5~5.8の場合
php artisan make:auth
php artisan migrate
Laravel 6.xの場合
composer require laravel/ui --dev
php artisan ui vue --auth
npm install && npm run dev
php artisan migrate
Composer 経由で AddChat をインストールする
composer require classiebit/addchat-laravel
AddChat インストール コマンドを実行する
php artisan addchat:install
共通レイアウト ファイルを開きます。ほとんどの場合、共通レイアウト ファイルは HTML タグと BODY タグを含むファイルです。
AddChat CSS コードをコピーし、 </head>タグを閉じる直前に貼り付けます。
<!-- 1. Addchat css -->
<link href=" <?php echo asset ( ' assets/addchat/css/addchat.min.css ' ) ?> " rel="stylesheet">
AddChat Widget コードをコピーし、 <body>タグを開いた直後に貼り付けます。
<!-- 2. AddChat widget -->
<div id="addchat_app"
data-baseurl=" <?php echo url ( '' ) ?> "
data-csrfname=" <?php echo ' X-CSRF-Token ' ?> "
data-csrftoken=" <?php echo csrf_token () ?> "
></div>
AddChat JS コードをコピーし、 </body>タグを閉じる直前に貼り付けます。
<!-- 3. AddChat JS -->
<!-- Modern browsers -->
<script type="module" src=" <?php echo asset ( ' assets/addchat/js/addchat.min.js ' ) ?> "></script>
<!-- Fallback support for Older browsers -->
<script nomodule src=" <?php echo asset ( ' assets/addchat/js/addchat-legacy.min.js ' ) ?> "></script>
{警告} <php ?>タグを{{}}中括弧に置き換えてください。
<head>
<!-- **** your site other content **** -->
<!-- 1 . Addchat css -->
<link href=" <?php echo asset ( ' assets/addchat/css/addchat.min.css ' ) ?> " rel="stylesheet">
</head>
<body>
<!-- 2. AddChat widget -->
<div id="addchat_app"
data-baseurl=" <?php echo url ( '' ) ?> "
data-csrfname=" <?php echo ' X-CSRF-Token ' ?> "
data-csrftoken=" <?php echo csrf_token () ?> "
></div>
<!-- **** your site other content **** -->
<!-- 3. AddChat JS -->
<!-- Modern browsers -->
<script type="module" src=" <?php echo asset ( ' assets/addchat/js/addchat.min.js ' ) ?> "></script>
<!-- Fallback support for Older browsers -->
<script nomodule src=" <?php echo asset ( ' assets/addchat/js/addchat-legacy.min.js ' ) ?> "></script>
</body>
情報としては、
php artisan addchat:install
AddChat アセットをアプリケーションのpublic/assets
ディレクトリに公開します。
最新のブラウザの場合は
addchat.min.js
、古いブラウザの場合はaddchat-legacy.min.js
です。これらはtype="module"
&nomodule
に基づいてブラウザによって自動的に切り替えて使用されるため、何もする必要はありません。
セットアップはここで終了し、設定ドキュメントに直接進みます