Skip to content
Tất cả bài viết
Blog25 tháng 3, 20266 min read
SL

Screenshots.live

Team

Ngung thiet ke thu cong: Cach tu dong hoa anh chup App Store bang API

Tim hieu cach tu dong tao, ban dia hoa va tich hop anh chup App Store vao pipeline CI/CD cua ban voi Screenshots.live va API.

Neu ban phat hanh ung dung tren App Store hoac Google Play, ban se hieu van de nay: moi ban cap nhat, moi ngon ngu moi, moi thiet bi moi dong nghia voi hang chuc anh chup man hinh can tao thu cong. Dieu co the quan ly duoc voi mot ngon ngu se tro thanh con ac mong hau can voi muoi hoac hai muoi ngon ngu.

Trong bai viet nay, chung toi se chi cho ban tai sao viec tao anh chup thu cong khong the mo rong, va cach ban co the tu dong hoa toan bo quy trinh voi Screenshots.live va giai phap dua tren API.

Tai sao viec tao anh chup thu cong khong the mo rong

Hay tuong tuong ung dung cua ban ho tro 15 ngon ngu va ban co 6 anh chup cho moi trang cua hang. Do la 90 hinh anh chi cho mot nen tang. Voi iPhone va iPad, con so nay tang gap doi. Them Google Play va ban nhanh chong dat den hang tram asset.

Moi khi giao dien thay doi hoac ban quang ba tinh nang moi, ban phai lap lai quy trinh nay. Dieu nay khong chi ton thoi gian ma con de mac loi. Van ban sai, anh chup loi thoi hoac thuong hieu khong nhat quan la nhung hau qua dien hinh.

Cach tiep can dua tren template cua Screenshots.live

Screenshots.live giai quyet van de nay bang he thong template. Ban tao mot template truc quan voi cac cho trong cho van ban, hinh anh va khung thiet bi. Template nay co the duoc dien qua API voi cac noi dung khac nhau de tao anh chup da ban dia hoa trong vai giay.

Nguyen tac co ban rat don gian: thiet ke mot lan, render khong gioi han. Nha thiet ke cua ban tao template va API lo phan con lai.

Cach hoat dong

1. Tao template: Trong trinh soan thao truc quan cua Screenshots.live, ban dinh nghia bo cuc, phong chu, mau sac va cac cho trong.

2. Cau hinh cuoc goi API: Ban gui yeu cau POST voi cac van ban va hinh anh mong muon.

3. Nhan anh chup: API tra ve hinh anh da render san sang su dung trong cua hang.

Cau hinh YAML cho ban dia hoa

De don gian hoa quy trinh hon nua, ban co the su dung tep YAML chua tat ca van ban theo ngon ngu:

templates:
  - id: "hero-screenshot"
    layers:
      title:
        vi: "Quan ly cong viec cua ban"
        en: "Stay on Top of Tasks"
        fr: "Gerez vos taches"
      subtitle:
        vi: "Don gian. Nhanh chong. Dang tin cay."
        en: "Simple. Fast. Reliable."
        fr: "Simple. Rapide. Fiable."

Mot script don gian lap qua cac ngon ngu va goi API cho moi to hop. Nhu vay ban tao hang tram anh chup trong vai phut thay vi nhieu ngay.

Tich hop Fastlane

Neu ban da su dung Fastlane de trien khai ung dung, Screenshots.live tich hop lien mach. Trong Fastfile, ban co the dinh nghia mot lane rieng de tao anh chup va tai len truc tiep:

lane :generate_screenshots do
  screenshots = generate_via_api(
    template_id: "hero-screenshot",
    locales: ["de", "en", "fr", "es"]
  )
  upload_to_app_store(
    screenshots_path: screenshots.output_dir
  )
end

Nhu vay viec tao anh chup tro thanh mot phan cua quy trinh phat hanh hien tai cua ban.

Thiet lap pipeline CI/CD

Con tot hon khi ban tich hop viec tao anh chup vao pipeline CI/CD. Voi moi ban phat hanh, anh chup moi duoc tu dong tao va cap nhat trong cua hang. Mot quy trinh dien hinh nhu sau:

1. Day thay doi ma: Mot commit moi kich hoat pipeline.

2. Build va kiem thu: Ung dung duoc build va kiem thu.

3. Tao anh chup: Pipeline goi API Screenshots.live va tao tat ca hinh anh da ban dia hoa.

4. Tai len cua hang: Anh chup hoan thanh duoc tu dong tai len App Store va Google Play.

# GitHub Actions Example
steps:
  - name: Generate Screenshots
    run: |
      python generate_screenshots.py \
        --template hero-screenshot \
        --locales de,en,fr,es,it,pt \
        --output ./screenshots
  - name: Upload to App Store
    run: fastlane deliver --screenshots_path ./screenshots

Cach tiep can nay loai bo hoan toan cac buoc thu cong va dam bao rang cac trang cua hang cua ban luon duoc cap nhat.

Tu dong hoa ban dia hoa

Tiet kiem thoi gian lon nhat den tu ban dia hoa. Thay vi chen van ban thu cong vao hinh anh cho moi ngon ngu, ban dinh nghia cac ban dich mot lan trong tep YAML hoac lay truc tiep tu cong cu dich thuat.

Screenshots.live ho tro tat ca cac ngon ngu va he thong chu viet pho bien. Du la tieng A Rap voi chu viet tu phai sang trai hay tieng Nhat voi ky tu phuc tap, cong cu render xu ly tat ca chinh xac.

Thong qua tich hop voi cac nen tang dich thuat nhu Lokalise hoac Phrase, ban co the tu dong hoa hoan toan quy trinh: ban dich moi tu dong kich hoat viec tao anh chup moi.

Uu diem so voi tao thu cong

Tom lai, cach tiep can tu dong hoa mang lai nhung uu diem sau:

  • Toc do: Hang tram anh chup trong vai phut thay vi nhieu ngay
  • Nhat quan: Tat ca anh chup tuan theo cung he thong thiet ke
  • Kha nang mo rong: Them ngon ngu hoac thiet bi moi hau nhu khong ton them cong suc
  • Giam loi: Khong co loi danh may thu cong hay anh chup loi thoi
  • Tiet kiem chi phi: It gio thiet ke hon, thoi gian ra mat nhanh hon

Ket luan

Viec tao anh chup thu cong la di san cua thoi dai khi ung dung chi duoc phat hanh bang mot ngon ngu va cho mot thiet bi. Ngay nay, voi thi truong toan cau va hang chuc loai thiet bi, can co cach tiep can tu dong.

Screenshots.live cung cap chinh xac dieu do: he thong template voi API manh me tich hop lien mach vao cac quy trinh hien co. Du la Fastlane, GitHub Actions hay he thong CI/CD khac, viec tich hop don gian va loi ich la rat lon.

Bat dau ngay hom nay va tu dong hoa anh chup App Store cua ban. Ban trong tuong lai se cam on ban.

Bài viết liên quan