首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在我的应用程序代码中使用pulumi输出的最佳方式

在我的应用程序代码中使用pulumi输出的最佳方式
EN

Stack Overflow用户
提问于 2020-10-06 19:31:03
回答 1查看 136关注 0票数 0

我想知道在我的应用程序代码中使用Pulumi部署结果的最佳方式是什么。举一个具体的例子,假设我的Pulumi堆栈为一个API网关端点生成以下url

代码语言:javascript
运行
复制
    [Output]
    public Output<string> APIEndpoint { get; set; }

此url将由存储在S3存储桶中的JavaScript代码使用。JavaScript由webpack在构建期间捆绑,然后也由普鲁米在部署期间存储到S3存储桶中。

将此url传递给前端JavaScript捆绑包代码的最佳方式是什么?

EN

回答 1

Stack Overflow用户

发布于 2020-10-08 18:44:38

经过一番研究后,我决定使用this solution

部署时url被注入到窗口对象中,如下所示

代码语言:javascript
运行
复制
window['runtime-config'] = {
    apiUrl: 'http://localhost:8080/api'
}

它由前端应用程序使用

代码语言:javascript
运行
复制
    var value = document.getElementById("my_input").value;
    const url = window["runtime-config"].apiUrl;

在将运行时配置.js文件复制到S3存储桶之前,它会在部署时被覆盖

代码语言:javascript
运行
复制
    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));
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64224908

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档