Thiết lập proxy để trải nghiệm Stitch
Tự chạy proxy server trên EC2 để trải nghiệm Google Stitch cho việc thiết kế giao diện.
Khi được biết Google vừa mới ra mắt Stitch - một công cụ cho phép thiết kế giao diện - mình đã nhanh chóng vào đăng ký tài khoản để trải nghiệm thử. Tuy nhiên sau khi đăng nhập vào bằng tài khoản Google của mình thì mình nhận được thông báo dịch vụ không khả dụng. Có lẽ Google chưa ra mắt công khai cho Việt Nam.
Mình nghĩ đến proxy. Tuy nhiên hiện tại mình đang không dùng công cụ proxy nào. Cơ bản mình cũng không thích dùng proxy. Để kiểm chứng việc dùng proxy có thể vào được Stitch, mình nhờ một đứa em kiểm tra, và đúng là có vào được sau khi thiết lập proxy. Mình quyết định tự tạo proxy server để dùng thay vì cài công cụ.
Giải pháp của mình là chạy một web server đóng vai trò như một reversed proxy, chạy trên một con server nằm ở nước ngoài. Hiện tại mình đang có một con EC2 nằm ở Singapore. Còn với reversed proxy, sau khi cân nhắc mình quyết định sử dụng squid.
Quá trình thiết lập cũng khá đơn giản. Đầu tiên là chạy và thiết lập squid. Mình chọn docker để chạy vì đã có sẵn docker trên server rồi. Và đây là câu lệnh mình dùng để chạy squid:
docker run --name squid -d --restart=always \
--publish 3128:3128 \
--volume ./squid.conf:/etc/squid/squid.conf \
--volume ./passwords:/etc/squid/passwords \
--volume /srv/docker/squid/cache:/var/spool/squid \
sameersbn/squid:3.5.27-2Sau khi chạy được squid thì thiết lập proxy cho máy của mình. Bước này khá dễ dàng, mình dùng MacOS, chỉ cần vào Network Preferences là được.
Thiết lập xong proxy thì mình đã vào được stitch thành công. Mình bắt đầu trải nghiệm với một prompt để thiết kế một website. Khá ấn tượng với kết quả ban đầu mà nó đưa ra. Tuy nghiên mình chưa rõ khả năng của nó như thế nào khi cần phải tùy chỉnh thêm các chi tiết nhỏ. Stitch cho phép tải code về hoặc chuyển code sang Figma.