web-dev-qa-db-ja.com

テストサイトと本番サイトを効果的に区別するにはどうすればよいですか？

場合によっては、運用サイトをTESTサイトに複製する必要があります。複製後、URLを除いて同じに見えます。

TESTサイトのフロントエンドとバックエンドをすばやく効果的に区別するための推奨プラクティスをお知らせください。これにより、PRODとTESTが誤って混同されることがなくなります。

目的：

  • ユーザーが誤ってTESTサイトに生産データを入力するのを防ぎます
  • 開発者（テスターなど）が誤って本番サイトでテストを実行するのを防ぎます
recommended-practices
15
miroxlav

これは、Apacheの設定にある程度の経験が必要なため、非常に技術的なソリューションです。利点は、Joomlaのファイルをハックする必要がないことです。インストール自体。

基本的に私がやりたいことは、生成されている任意のページ（ほとんどすべてのページ）にHTMLを追加することです。

これには Apache Module mod_substitute を使用します。モジュール自体をhttpd.conf内でアクティブ化する必要があります（通常は＃コメントを削除するだけです）。

LoadModule substitute_module modules/mod_substitute.so

次に仮想ホストファイル（httpd-vhosts.conf）：

<VirtualHost *>
DocumentRoot "C:\...."
ServerName joomla-development

AddOutputFilterByType SUBSTITUTE text/html
Substitute "s|</body>|<div style='position:fixed; left:100px; top:50px; background-color:red'><h1>DEV WEBSITE</h1></div></body>|i"

<Directory "C:\....">
    AllowOverride All
    Require all granted
    Order allow,deny
    Allow from all
</Directory>

</VirtualHost>

基本的にSubstituteで</body>タグをHTMLに置き換えています。このようにして、Ajaxの要求に触れないようにします。

最終結果：

enter image description here

10
Valentin Despa

私たちが実践するのは-

  1. グローバル設定のウェブサイトのタイトルを[テスト]の元のタイトルに変更します。
  2. Mailtrap.ioを指すようにメール設定を変更します
  3. テストサイトが同じサーバー上にある場合は、データベースの詳細を変更します。
  4. すべてのサードパーティ統合をテストアカウント（joomlaを超えるサービス）に変更します。例：
    • Memcacheまたはredis
    • 外部データベース/ストレージ
    • 支払いゲートウェイ、
    • ニュースレターシステム（mailchimp）
    • CDNアカウントとドメイン
    • Analyticsサービスアカウント（google analytics、new-relic）
13
Shyam

制作ではなく開発バージョンでコンテンツを作成するクライアントにも同じ問題があります。私はこれに対処するために以下を使用します：

  • すべてのデータベース名とパスワード名を変更する
  • で管理テンプレートを変更する
    • ログイン画面の別の背景
    • トップバーの色違い
  • これが本番サイトであることを明確に示すフロントエンドの目立つ位置にモジュールを使用します
  • 一部のサイトでは、ログインして開発サイトを表示することも強制しています

enter image description here

6
tim.baker

別のアプローチは、ブラウザーにCSSスタイルをサイトに追加させることです。

スタイリッシュなブラウザプラグイン（ Firefoxの場合 および Chromeの場合 ）は、このタスク用に設計されています。 追加のカスタムCSSを特定のURLのすべてのページに適用します。実際にルールを定義します[URL] => [CSS]。

enter image description here

上記の例：左に実線または点線を追加することで区別できます
赤=生産、黄=試作。、緑= TEST、青=トレーニング、Grey= DEVなど.

利点：

  • 通常は視覚補助のない状態に保たれている生産現場に適用できます。
  • 必要に応じて、ユーザーが一時的にオフにすることができます（たとえば、スクリーンショットを撮る場合など）。
  • ユニバーサルソリューション–（URLパスに基づいて）任意のサイトまたはその一部に適用できます。
  • 特定のWebサイトへの管理者アクセスなしで使用できます。
  • 一度セットアップすれば、サイトが変わってもメンテナンス不要。

欠点：

  • 現在、FirefoxとChromeに限定されています。 （それでも、DEV/TEST /サポートチームがプライマリブラウザーで内部的に合意した場合は問題ありません。）
  • スタイル設定を他のユーザーとプライベートに共有するには、もう少し作業が必要です。既知のWebサイトの場合、これは問題ではありません– userstyles.org （プラグインのホーム）には、数千のスタイルがすでに存在しています。 StackOverflowを黒で、またはページセクション間のスペースを減らして表示しますか？
4
miroxlav