我正在尝试使用 Google Apps 脚本构建 Shopify 嵌入式应用程序,但无法让库提供任何类型的响应。在使用常规 JS / HTML / CSS 之前,我已经使用 App Bridge 构建了一个应用程序,但我想知道是否有什么东西阻止它使用 Apps Scripts 创建 HTML 输出。
function doGet(e) {
// I was experimenting with this and it throws a 'window not defined' error
// eval(UrlFetch('https://unpkg.com/@shopify/app-bridge@1.25.0/umd/index.js').getContentText());
return HtmlService.createTemplateFromFile('Page')
.evaluate().setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}
function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename)
.getContent();
}
在我的 Page.html 中,我包含了 Javascript.html,例如:
<?!= include('JavaScript'); ?>
在 Javascript.html 中,我尝试初始化应用程序,但 App Bridge 库在控制台中根本没有响应。例如,我还尝试渲染 ResourcePicker,但没有任何反应。
<script src="https://unpkg.com/@shopify/app-bridge@1.17.0/umd/index.js"></script>
<script>
var AppBridge = window['app-bridge'];
var actions = AppBridge.actions;
var createApp = AppBridge.default;
var app = createApp({
apiKey: {my api key},
shopOrigin: {shopOrigin}
});
...