Google Cloud Functions bật CORS?

Question

Tôi vừa hoàn thành các Hello World Google Cloud Chức năng hướng dẫn và nhận các tiêu đề phản ứng sau:

Connection → keep-alive 
Content-Length → 14 
Content-Type → text/plain; charset=utf-8 
Date → Mon, 29 Feb 2016 07:02:37 GMT 
Execution-Id → XbT-WC9lXKL-0 
Server → nginx 

Làm thế nào tôi có thể thêm tiêu đề CORS để có thể gọi hàm của tôi từ trang web của tôi?

Answer 1

ở đây chúng tôi đi:

exports.helloWorld = function helloWorld(req, res) { 
    res.set('Access-Control-Allow-Origin', "*") 
    res.set('Access-Control-Allow-Methods', 'GET, POST') 
    res.status(200).send('weeee!); 
}; 

sau đó bạn có thể jquery/bất cứ điều gì như thường lệ:

$.get(myUrl, (r) => console.log(r)) 

Answer 2

Tôi là người quản lý sản phẩm cho Google Cloud Functions. Cảm ơn câu hỏi của bạn, đây là một yêu cầu phổ biến.

Chúng tôi chưa có thông báo nào, nhưng chúng tôi biết một số cải tiến cần được thực hiện đối với khả năng gọi hàm của Chức năng đám mây HTTP và chúng tôi sẽ triển khai các cải tiến này và nhiều lĩnh vực khác trong các lần lặp lại trong tương lai.

CẬP NHẬT:

Chúng tôi đã cải thiện cách bạn xử lý HTTP trong chức năng đám mây. Bây giờ bạn có quyền truy cập đầy đủ vào các đối tượng HTTP Request/Response để có thể thiết lập các tiêu đề CORS thích hợp và đáp ứng các yêu cầu OPTIONS trước chuyến bay (https://cloud.google.com/functions/docs/writing/http)

Answer 3

Nếu bạn đang tìm kiếm một mẫu mã thực tế (và câu hỏi của bạn vẫn là có liên quan), tôi đã viết một bài đăng blog về điều đó: https://mhaligowski.github.io/blog/2017/03/10/cors-in-cloud-functions.html.

Answer 4

Bạn có thể sử dụng phần mềm trung gian thể hiện của CORS.

package.json

npm install express --save 
npm install cors --save 

index.js

'use strict'; 

const functions = require('firebase-functions'); 
const express = require('express'); 
const cors = require('cors')({origin: true}); 
const app = express(); 

app.use(cors); 
app.get('*', (req, res) => { 
    res.send(`Hello, world`); 
}); 

exports.hello = functions.https.onRequest(app); 

Answer 5

Tôi vừa tạo webfunc. Đó là một máy chủ HTTP nhẹ hỗ trợ CORS cũng như định tuyến cho Google Cloud Functions. Ví dụ:

const { serveHttp, app } = require('webfunc') 

exports.yourapp = serveHttp([ 
    app.get('/', (req, res) => res.status(200).send('Hello World')), 
    app.get('/users/{userId}', (req, res, params) => res.status(200).send(`Hello user ${params.userId}`)), 
    app.get('/users/{userId}/document/{docName}', (req, res, params) => res.status(200).send(`Hello user ${params.userId}. I like your document ${params.docName}`)), 
]) 

Trong thư mục gốc của dự án của bạn, chỉ cần thêm một appconfig.json trông như thế này:

{ 
    "headers": { 
    "Access-Control-Allow-Methods": "GET, HEAD, OPTIONS, POST", 
    "Access-Control-Allow-Headers": "Origin, X-Requested-With, Content-Type, Accept", 
    "Access-Control-Allow-Origin": "*", 
    "Access-Control-Max-Age": "1296000" 
    } 
} 

Hope this helps.

Answer 6

tôi đã viết một bài đăng blog đơn giản về CORS xử lý với các chức năng điện toán đám mây google https://4dev.at/google-cloud-functions-with-cors/