Làm thế nào để phân biệt hiệu quả thử nghiệm và trang web sản xuất?

Đôi khi bạn có thể cần sao chép trang web sản xuất của mình vào trang TEST. Sau khi nhân bản, chúng trông giống hệt nhau ngoại trừ URL.

Vui lòng tư vấn cho thực tiễn được đề xuất của bạn để phân biệt front-end và back-end của trang TEST của bạn một cách nhanh chóng và hiệu quả để không thể nhầm lẫn SẢN XUẤT và KIỂM TRA.

Mục đích:

• ngăn người dùng nhập dữ liệu sản xuất vào trang TEST do nhầm lẫn
• ngăn chặn các nhà phát triển (, người kiểm tra, v.v.) thực hiện kiểm tra trên trang web sản xuất do nhầm lẫn

Đây là một giải pháp khá công nghệ vì nó đòi hỏi một số kinh nghiệm trong việc cấu hình Apache. Ưu điểm là bạn không phải hack bất kỳ tệp nào trong Joomla! tự cài đặt.

Về cơ bản những gì tôi muốn làm là nối thêm một số HTML vào bất kỳ trang nào (gần như bất kỳ trang nào) đang được tạo.

Đối với điều này, tôi sẽ sử dụng mô-đun Apache mod_substolarship . Bản thân mô-đun cần được kích hoạt (nói chung chỉ cần xóa # bình luận) bên trong httpd.conf.

LoadModule substitute_module modules/mod_substitute.so

Tiếp theo trong tệp máy chủ ảo ( 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>

Về cơ bản với Substitutetôi đang thay thế </body>thẻ bằng một số HTML. Bằng cách này, tôi cố gắng tránh xa mọi yêu cầu của Ajax.

Kết quả cuối cùng:

Thực hành chúng tôi làm theo là -

1. Thay đổi tiêu đề trang web trong cấu hình toàn cầu thành tiêu đề ban đầu [TEST].
2. Thay đổi cấu hình email để trỏ đến mailtrap.io
3. Nếu trang web thử nghiệm trên cùng một máy chủ, thay đổi chi tiết cơ sở dữ liệu.
4. Thay đổi tất cả tích hợp của bên thứ ba thành tài khoản thử nghiệm (dịch vụ ngoài j Joomla), vd
   • Memcache hoặc redis
   • cơ sở dữ liệu / lưu trữ bên ngoài
   • cổng thanh toán,
   • hệ thống bản tin (mailchimp)
   • Tài khoản và tên miền CDN
   • Tài khoản dịch vụ phân tích (phân tích google, di tích mới)

Tôi có cùng một vấn đề với khách hàng đôi khi tạo nội dung trên phiên bản phát triển không sản xuất. Tôi sử dụng như sau để đối phó với điều này:

• Thay đổi tất cả tên cơ sở dữ liệu và mật khẩu
• Sửa đổi mẫu quản trị với
• • Một nền tảng khác cho màn hình đăng nhập
• • Một màu khác cho thanh trên cùng
• Sử dụng một mô-đun ở một vị trí nổi bật ở mặt trước cho thấy rõ đây là nơi sản xuất
• Trên một số trang web tôi cũng buộc đăng nhập để xem trang web phát triển

Một cách tiếp cận khác là để trình duyệt của bạn thêm các kiểu CSS vào trang web của bạn.

Stylish plugin trình duyệt ( Firefox và dành cho Chrome ) được thiết kế cho nhiệm vụ này. Nó áp dụng CSS tùy chỉnh bổ sung cho mọi trang tại URL đã cho. Bạn thực sự xác định quy tắc [URL] => [CSS].

Ví dụ trên: phân biệt có thể được thực hiện bằng cách thêm đường liền nét hoặc chấm vào bên trái
Red = sản xuất, Vàng = tiền sản xuất, Xanh = TEST, Xanh lam = Đào tạo, Xám = DEV, v.v.

Ưu điểm:

• Có thể được áp dụng cho các trang web sản xuất thường được giữ sạch các dụng cụ trực quan.
• Có thể tạm thời tắt bởi người dùng nếu cần (ví dụ để chụp ảnh màn hình).
• Giải pháp phổ quát - có thể được áp dụng cho bất kỳ trang web hoặc phần nào của nó (dựa trên đường dẫn URL).
• Có thể được sử dụng mà không cần quản trị viên truy cập vào trang web nhất định.
• Thiết lập một lần, không cần bảo trì nếu thay đổi trang web.

Nhược điểm:

• Hiện chỉ giới hạn ở Firefox và Chrome. (Vẫn không có vấn đề gì với các nhóm DEV / TEST / Hỗ trợ đã đồng ý nội bộ trên trình duyệt chính của họ.)
• Chia sẻ riêng tư cài đặt kiểu của bạn với người dùng khác sẽ tốn công hơn một chút. Đối với các trang web được biết đến công khai, đây không phải là vấn đề - tại userststyle.org (nhà của plugin) đã tồn tại hàng ngàn kiểu. Bạn muốn xem StackOverflow màu đen hoặc có ít không gian hơn giữa các phần trang?