Hi @jayflesher85,
Welcome to Google Cloud Community!
It sounds like you are trying to make an HTTP request from an HTTPS site, and this is causing a mixed content error in your browser. This is a security feature designed to prevent an attacker from being able to read or modify the communication between your browser and the server.
One potential solution to this problem is to use a secure connection (HTTPS) for both your frontend and backend. If you are using Cloud Run, you can enable HTTPS by enabling the "Require TLS" option in the Cloud Run console. This will ensure that all traffic to your Cloud Run service is encrypted.
Alternatively, you can use the Cloud Run client libraries to make secure requests to your Cloud Run service. These libraries handle the details of authenticating and making HTTPS requests to your Cloud Run service, so you don't have to worry about it. The libraries are available for a variety of languages, including Angular.
For example, in Angular, you can use the @google-cloud/functions-framework package to make HTTPS requests to your Cloud Run service. Here's an example of how you might use it:
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { CloudFunction, EventContext } from '@google-cloud/functions-framework';
@Injectable({
providedIn: 'root'
})
export class MyService {
@CloudFunction()
public async getData(data: any, context: EventContext) {
// Use the HttpClient to make an HTTPS request to your Cloud Run service
const response = await this.http.get('https://your-service-name.a.run.app').toPromise();
return response;
}
constructor(private http: HttpClient) {}
}
Thanks
LinkedIn
Twitter
