我想知道在我的应用程序代码中使用Pulumi部署结果的最佳方式是什么。举一个具体的例子,假设我的Pulumi堆栈为一个API网关端点生成以下url
[Output]
public Output<string> APIEndpoint { get; set; }
此url将由存储在S3存储桶中的JavaScript代码使用。JavaScript由webpack在构建期间捆绑,然后也由普鲁米在部署期间存储到S3存储桶中。
将此url传递给前端JavaScript捆绑包代码的最佳方式是什么?
发布于 2020-10-08 18:44:38
经过一番研究后,我决定使用this solution。
部署时url被注入到窗口对象中,如下所示
window['runtime-config'] = {
apiUrl: 'http://localhost:8080/api'
}
它由前端应用程序使用
var value = document.getElementById("my_input").value;
const url = window["runtime-config"].apiUrl;
在将运行时配置.js文件复制到S3存储桶之前,它会在部署时被覆盖
Func<string, Output<string>?> overwriteFiles = fileName => fileName == "runtime-config.js"? url.Apply(x=>$@"window['runtime-config'] = {{apiUrl: '${x}'}}") : null;
var objects = bucket.BucketName.Apply(bucketName => LoadFilesToS3(@"./public", bucketName, overwriteFiles));
https://stackoverflow.com/questions/64224908
复制相似问题