1. Local/Offline: môi trường offline thử nghiệm chỉ có một mình mình truy cập được vào server với IP nội bộ(IP private ví dụ: 192.168.1.100)

2. Remote/Online: môi trường internet cho phép nhiều người có thể đăng nhập vào và tương tác với nhau thông qua server IP dạng công khai(IP public ví dụ: 102.93.91.93) Trong quá trình dev chúng ta sẽ nghe ít nhiều về 2 cụm từ server offline, server online vậy theo định nghĩa trên chúng ta đã hiểu phần nào điểm khác biệt cơ bản của chúng.

Trong bài viết này, chúng ta cùng tìm hiểu một vấn đề là làm sao để setup cài đặt được một môi trường làm việc(dev) cơ bản và quy chuẩn nhất.

Chuẩn ở đây mình định nghĩa theo 3 tiêu chí sau:

• Môi trường thuận tiện, rõ ràng, dễ dàng cài đặt, sao lưu được.
• Môi trường ở local và remote giống nhau, có cơ chế đồng bộ giữa local và remote, online và offline.
• Sạch, gọn và đủ sức hỗ trợ chúng ta làm việc nhiều giờ liền

3. Môi trường - công cụ hỗ trợ dev local

• Vmware: máy ảo chạy server, jx linux thì cần 2 máy ảo, jx win thì cần 1 máy ảo.
• Visual code: Code IDE hỗ trợ lập trình phát triển code, dùng cho cả code client và server
• Git: công cụ quản lý code, đồng bộ code giữ môi trường local và remote dễ dang(local git push, remote git pull và ngược lại)
• Github: nơi chứa code gồm: 1 bột mã nguồn server(jxser), 1 mã nguồn client.dev(client chưa pak data) và một client.pro(client đã pak data)
• WinSCP/Bitvise: Xem, xóa, sửa file nhanh trên centos, nếu dùng tốt git có thể bỏ luôn công cụ này.
• Putty: công cụ ssh tới server centos/ubuntu, nếu dùng tốt vscode terminal có thể bỏ luôn công cụ này.
• Remote Desktop: công cụ quản lý Windows VPS
• Sublime Text: Code Editor, nếu dùng tốt vscode terminal có thể bỏ luôn công cụ này.
• Ultraview điều khiển từ xa máy tính của bạn

4. Môi trường - công cụ hỗ trợ dev online

• Putty: công cụ ssh tới server centos/ubuntu, nếu dùng tốt vscode terminal có thể bỏ luôn công cụ này.
• Remote Desktop: công cụ quản lý Windows VPS
• Sublime Text: Code Editor, nếu dùng tốt vscode terminal có thể bỏ luôn công cụ này.
• Ultraview điều khiển từ xa máy tính của bạn
• WinSCP/Bitvise: Xem, xóa, sửa file nhanh trên centos, nếu dùng tốt git có thể bỏ luôn công cụ này.

Quá trình đưa lên online phải chú ý tới về mặt security như port, ddos và dump server, vì lúc này bất cứ ai trên internet đều thấy server của bạn và họ cố tính phá nhằm gây tê liệt server nên đòi hỏi chung ta phải có kiến thức cơ bản nhất định mới có thể phát triển online lâu dài được.

Ví dụ: ở đây mình dùng như sau: - Vmware 17.1: chạy máy ảo một cho: vmware centos 7.9 và một cho vmware windows 7. Trong máy ảo vmware centos này đã có cài git giúp có thể đẩy code lên github lưu trữ sau khi đã dev và test xong tính năng nào đó.

- Visual code: setup ngôn ngữ hỗ trợ font TCVN3 như  .vnarial, sonkt_Source Code Pro và encoding iso-8851

- Github:

• https://github.com/rinodung/jxdocs/tree/master/jx-linux-6.0-hkmp - Server
• https://github.com/rinodung/jxdocs/tree/master/jx-linux-6.0-hkmp-client-dev - Client môi trường dev
• https://github.com/rinodung/jxdocs/tree/master/jx-linux-6.0-hkmp-client-pro - Client môi trường Production

- Git: cài trên máy vmware centos, cài trên máy thật

- Máy thật: chạy client với 2 phiên bản dev và pro. bản dev chứa nhiều spr, tài nguyên dùng cho việc thử nghiệm bản pro thì là bản đã dùng công cụ để gom mọi thứ thành .pak rồi đưa vào package.ini của client load lên. Trong bản client.pro này có thể có kèm thêm patch theo từng phiên bản hoặc autoupdate.exe

5. Visual Code và phần IDE còn lại

Có thể nói Visual Code là bộ công cụ miễn phí và mạnh mẽ nhất hiện này khi chỉnh sửa code jx mà tôi từng sử dụng, đặc thù công việc dev code jx là mò mẫm, tìm kiếm đi tìm kiếm lại rất nhiều lần nên có 1 bộ công cụ hỗ trợ code tốt là IDE code phải nhanh và sạch.

Các bộ công cụ hỗ trợ code có thể bạn đã dùng trước đó là: notepad++, Sublime Text, Lua Editor... hãy thử dùng 1 lần visual code để so sánh.

Tải công cụ tại đây: https://code.visualstudio.com/ 

Cấu hình Vs Code để dev jx

Cài thêm extension: Symbol mask

Chọn File => Preferences => Settings

Hoặc click vào Edit in settings.json để điều chỉnh cho đúng

Nội dung settings.json như sau

{
    "editor.fontSize": 14,
    //Thiết lập pattern và rule cho Symbol Masks
    "symbolMasks.masks": [
        {

            "language": [ "lua", "plaintext", "ini", "log", "c", "csharp", "cpp", "json"],
            "patterns": [
            {
            "pattern": "­",

            "replace": "ư",
            }
            ]
        }
    ],

    "security.workspace.trust.untrustedFiles": "open",
    "security.workspace.trust.enabled": false,
    "editor.unicodeHighlight.ambiguousCharacters": false,
    "editor.unicodeHighlight.invisibleCharacters": false,
    "Lua.diagnostics.enable": false,
    "editor.guides.bracketPairs": "active",
    "php.validate.executablePath": "C:\\xampp8\\php\\php.exe",    
    "problems.decorations.enabled": false,
    "editor.fontWeight": "normal",
    "terminal.integrated.fontFamily": "Consolas",
    "files.autoSave": "afterDelay",
    "explorer.confirmDelete": false,
    "editor.codeLensFontFamily": "Source Code Pro",
    "files.encoding": "iso88591",
    "editor.fontFamily": "Source Code Pro",
    "editor.fontLigatures": false
}

Font hỗ trợ hiển thị tiếng việt

Tải font ở đây: https://drive.google.com/drive/folders/1w7VYUqiV0TgWxIRO6gJdk2w0XOsIy4ya

Nguồn font: SonKT_source code pro

Cấu hình Visual Code để dev jx

{
    "editor.fontSize": 14,
    //Thiết lập pattern và rule cho Symbol Masks
    "symbolMasks.masks": [
        {
            //SymbolMasks sẽ hoạt động với những file ngôn ngữ được liệt kê dưới đây.
            "language": [ "lua", "plaintext", "ini", "log", "c", "csharp", "cpp", "json"],
            "patterns": [
            {
            //Trong "" đã có chữ "ư" mã Unicode, trình duyệt không hiển thị
            "pattern": "­",
            //Thay thế ký tự được liệt kê trong pattern bằng kí tự này
            "replace": "ư",
            }
            ]
        }
    ],
    //Bỏ qua thông báo trust files khi mở folder mới
    "security.workspace.trust.untrustedFiles": "open",
    "security.workspace.trust.enabled": false,
    //Bỏ qua highlight những ký tự unicode (tiếng việt có dấu là những ký tự unicode)
    "editor.unicodeHighlight.ambiguousCharacters": false,
    "editor.unicodeHighlight.invisibleCharacters": false,
    //Tắt diagnose Lua script, vì mình không có source code nên hay báo lỗi sai 1 vài hàm
    "Lua.diagnostics.enable": false,
    "editor.guides.bracketPairs": "active",
    "php.validate.executablePath": "C:\\xampp8\\php\\php.exe",    
    "problems.decorations.enabled": false,
    "editor.fontWeight": "normal",
    "terminal.integrated.fontFamily": "Consolas",
    "files.autoSave": "afterDelay",
    "explorer.confirmDelete": false,
    "editor.codeLensFontFamily": "sonkt_Source Code Pro",
    "files.encoding": "iso88591",
    "editor.fontFamily": "sonkt_Source Code Pro",
    "editor.fontLigatures": false
}

Tải font ở đây: https://drive.google.com/drive/folders/1R2zQVfheDWj3oCdswGXiQNcY7phDkrlA?usp=sharing

Thành quả: