Danh sách công cụ javascript

REGION_ID là mã viết tắt mà Google chỉ định dựa trên khu vực bạn chọn khi tạo ứng dụng của mình. Mã này không tương ứng với một quốc gia hoặc tỉnh, mặc dù một số ID khu vực có thể trông giống với mã quốc gia và tỉnh thường được sử dụng. Đối với các ứng dụng được tạo sau tháng 2 năm 2020, REGION_ID.r được bao gồm trong URL của Máy ứng dụng. Đối với các ứng dụng hiện có được tạo trước ngày này, ID khu vực là tùy chọn trong URL

Tìm hiểu thêm

VÂNG

Bạn có thể sử dụng Google App Engine để lưu trữ một trang web tĩnh. Các trang web tĩnh có thể chứa các công nghệ phía máy khách như HTML, CSS và JavaScript. Lưu trữ trang web tĩnh của bạn trên App Engine có thể tốn ít chi phí hơn so với sử dụng nhà cung cấp dịch vụ lưu trữ truyền thống, vì App Engine cung cấp một bậc miễn phí

Các trang web được lưu trữ trên App Engine được lưu trữ trên tên miền phụ REGION_ID.r.appspot.com, chẳng hạn như [my-project-id].uc.r.appspot.com. Sau khi bạn triển khai trang web của mình, bạn có thể ánh xạ tên miền của riêng mình tới trang web được lưu trữ trên Máy ứng dụng của bạn

Trước khi bắt đầu

Trước khi bạn có thể lưu trữ trang web của mình trên Google App Engine

  1. Tạo dự án bảng điều khiển Google Cloud mới hoặc truy xuất ID dự án của dự án hiện có để sử dụng

    Chuyển đến trang Dự án

    Mẹo. Bạn có thể truy xuất danh sách ID dự án hiện tại của mình bằng.
  2. Cài đặt rồi khởi tạo Google Cloud CLI

    Tải xuống SDK

Liệt kê ID dự án bảng điều khiển Google Cloud của bạn

Từ dòng lệnh, chạy

gcloud projects list

VÂNG

Tạo một trang web để lưu trữ trên Google App Engine

Cấu trúc cơ bản cho dự án

Hướng dẫn này sử dụng cấu trúc sau cho dự án

  • app.yaml. Định cấu hình cài đặt của ứng dụng App Engine của bạn
  • runtime: python27
    api_version: 1
    threadsafe: true
    
    handlers:
    - url: /
      static_files: www/index.html
      upload: www/index.html
    
    - url: /[.*]
      static_files: www/\1
      upload: www/[.*]
    
    0. Thư mục lưu trữ tất cả các tệp tĩnh của bạn, chẳng hạn như HTML, CSS, hình ảnh và JavaScript
    • runtime: python27
      api_version: 1
      threadsafe: true
      
      handlers:
      - url: /
        static_files: www/index.html
        upload: www/index.html
      
      - url: /[.*]
        static_files: www/\1
        upload: www/[.*]
      
      1. Thư mục lưu trữ stylesheet
      • runtime: python27
        api_version: 1
        threadsafe: true
        
        handlers:
        - url: /
          static_files: www/index.html
          upload: www/index.html
        
        - url: /[.*]
          static_files: www/\1
          upload: www/[.*]
        
        2. Biểu định kiểu cơ bản định dạng giao diện trang web của bạn
    • runtime: python27
      api_version: 1
      threadsafe: true
      
      handlers:
      - url: /
        static_files: www/index.html
        upload: www/index.html
      
      - url: /[.*]
        static_files: www/\1
        upload: www/[.*]
      
      3. Thư mục tùy chọn để lưu trữ hình ảnh
    • runtime: python27
      api_version: 1
      threadsafe: true
      
      handlers:
      - url: /
        static_files: www/index.html
        upload: www/index.html
      
      - url: /[.*]
        static_files: www/\1
        upload: www/[.*]
      
      4. Một tệp HTML hiển thị nội dung cho trang web của bạn
    • runtime: python27
      api_version: 1
      threadsafe: true
      
      handlers:
      - url: /
        static_files: www/index.html
        upload: www/index.html
      
      - url: /[.*]
        static_files: www/\1
        upload: www/[.*]
      
      5. Thư mục tùy chọn để lưu trữ tệp JavaScript
    • Thư mục tài sản khác

Tạo tệp app.yaml

Tệp app.yaml là tệp cấu hình cho App Engine biết cách ánh xạ URL tới các tệp tĩnh của bạn. Trong các bước sau, bạn sẽ thêm các trình xử lý sẽ tải

runtime: python27
api_version: 1
threadsafe: true

handlers:
- url: /
  static_files: www/index.html
  upload: www/index.html

- url: /[.*]
  static_files: www/\1
  upload: www/[.*]
8 khi ai đó truy cập trang web của bạn và tất cả các tệp tĩnh sẽ được lưu trữ và gọi từ thư mục
runtime: python27
api_version: 1
threadsafe: true

handlers:
- url: /
  static_files: www/index.html
  upload: www/index.html

- url: /[.*]
  static_files: www/\1
  upload: www/[.*]
9

Tạo tệp app.yaml trong thư mục gốc của ứng dụng của bạn

  1. Tạo một thư mục có cùng tên với ID dự án của bạn. Bạn có thể tìm thấy ID dự án của mình trong Bảng điều khiển
  2. Trong thư mục bạn vừa tạo, tạo một tệp có tên app.yaml
  3. Chỉnh sửa tệp app.yaml và thêm đoạn mã sau vào tệp

    runtime: python27
    api_version: 1
    threadsafe: true
    
    handlers:
    - url: /
      static_files: www/index.html
      upload: www/index.html
    
    - url: /[.*]
      static_files: www/\1
      upload: www/[.*]
    

Thông tin tham khảo thêm về tệp app.yaml có thể được tìm thấy trong tài liệu tham khảo app.yaml

Tạo tệp
runtime: python27
api_version: 1
threadsafe: true

handlers:
- url: /
  static_files: www/index.html
  upload: www/index.html

- url: /[.*]
  static_files: www/\1
  upload: www/[.*]
4

Tạo một tệp HTML sẽ được phân phối khi ai đó điều hướng đến trang gốc của trang web của bạn. Lưu trữ tệp này trong thư mục

runtime: python27
api_version: 1
threadsafe: true

handlers:
- url: /
  static_files: www/index.html
  upload: www/index.html

- url: /[.*]
  static_files: www/\1
  upload: www/[.*]
9 của bạn


  
    Hello, world!
    
  
  
    

Hello, world!

This is a simple static HTML file that will be served from Google App Engine.

Triển khai ứng dụng của bạn lên App Engine

Khi bạn triển khai các tệp ứng dụng của mình, trang web của bạn sẽ được tải lên App Engine. Để triển khai ứng dụng của bạn, hãy chạy lệnh sau từ trong thư mục gốc của ứng dụng nơi đặt tệp app.yaml

Chủ Đề