我需要在我的Angular 2项目中实现Snipcart。以下脚本标签需要插入到我的index.html文件的头部。
重要的是,script标签在index.html文件中可用,snipcart.com将检查此项以确保安全性。
我已经尝试在运行时执行此操作:将没有src-url的脚本标签添加到index.html文件中,然后在main.ts中使用正确的api-key值和src-url更新标签属性。
这样,snipcart将使用正确的密钥运行,但来自snipcart.com的验证失败了。
因此,我需要在编译时设置api-key。我的index.html在开发模式和生产模式下需要不同。
我的项目是使用angular cli创建的。
但是,开发环境和生产环境的data-api-key不同..我该怎么做?
<script src="https://cdn.snipcart.com/scripts/2.0/snipcart.js"
id="snipcart"
data-api-key="insert-your-key-here">
</script>
重要的是,script标签在index.html文件中可用,snipcart.com将检查此项以确保安全性。
我已经尝试在运行时执行此操作:将没有src-url的脚本标签添加到index.html文件中,然后在main.ts中使用正确的api-key值和src-url更新标签属性。
这样,snipcart将使用正确的密钥运行,但来自snipcart.com的验证失败了。
因此,我需要在编译时设置api-key。我的index.html在开发模式和生产模式下需要不同。
我的项目是使用angular cli创建的。
"angular-cli": "1.0.0-beta.19-3",
"@angular/common": "~2.1.0",
"@angular/compiler": "~2.1.0",
"@angular/core": "~2.1.0",
"@angular/forms": "~2.1.0",
"@angular/http": "~2.1.0",
"@angular/platform-browser": "~2.1.0",
"@angular/platform-browser-dynamic": "~2.1.0",
"@angular/router": "~3.1.0",
谢谢,
祝好
Gerd