tvOS 不加载外部 TVML 文件
tvOS not loading external TVML file
在创建新的客户端-服务器 tvOS 应用程序时,tvOS 不会从我的外部 tvml
文件中获取数据。这是错误:ITML <Error>: Failed to load launch URL with error: (null)
这是main.js
代码
function getDocument(url) {
var templateXHR = new XMLHttpRequest();
templateXHR.responseType = "document";
templateXHR.addEventListener("load", function() {pushDoc(templateXHR.responseXML);}, false);
templateXHR.open("GET", url, true);
templateXHR.send();
return templateXHR;
}
function pushDoc(document) {
navigationDocument.pushDocument(document);
}
App.onLaunch = function(options) {
var templateURL = 'niclasblog.com/appletv/main.tvml';
getDocument(templateURL);
}
App.onExit = function() {
console.log('App finished');
}
我也附上了 main.tvml
文件
<document>
<alertTemplate>
<title>Test</title>
<description>This is a test</description>
<button>
<text>Yes</text>
</button>
<button>
<text>No</text>
</button>
</alertTemplate>
</document>
该代码直接来自 Apple 文档,所以我不知道为什么它不起作用。
尝试替换这个
var templateURL = 'niclasblog.com/appletv/main.tvml';
具有完全限定的 URI
var templateURL = 'https://niclasblog.com/appletv/main.tvml';
还有
templateXHR.responseType = "document";
不需要,因为这似乎是默认行为。
在您的 App.onLaunch 函数中,您可以获得 BASEURL 并使用它来加载您的所有资产:
App.onLaunch = function(options) {
var BASEURL = options.BASEURL;
// etc.
}
您还可以考虑使用不同的方法来加载模板。考虑使用 DOMParser 来解析 XML 字符串。这样您就可以编写包含 "real" 内容的多行模板字符串,例如
getDocument(options) {
let parser = new DOMParser();
let templateString = `<?xml version="1.0" encoding="UTF-8" ?>
<document>
<alertTemplate>
<description>${options.translate.errorRandomErrorAlertText}</description>
<button>
<text>${options.translate.utilOk}/text>
</button>
</alertTemplate>
</document>`;
return parser.parseFromString(templateString, "application/xml");
}
我已经为使用 es6 的 Apple TVML 应用程序编写了 generator,它仍处于开发初期,但可能会帮助您入门。
在创建新的客户端-服务器 tvOS 应用程序时,tvOS 不会从我的外部 tvml
文件中获取数据。这是错误:ITML <Error>: Failed to load launch URL with error: (null)
这是main.js
代码
function getDocument(url) {
var templateXHR = new XMLHttpRequest();
templateXHR.responseType = "document";
templateXHR.addEventListener("load", function() {pushDoc(templateXHR.responseXML);}, false);
templateXHR.open("GET", url, true);
templateXHR.send();
return templateXHR;
}
function pushDoc(document) {
navigationDocument.pushDocument(document);
}
App.onLaunch = function(options) {
var templateURL = 'niclasblog.com/appletv/main.tvml';
getDocument(templateURL);
}
App.onExit = function() {
console.log('App finished');
}
我也附上了 main.tvml
文件
<document>
<alertTemplate>
<title>Test</title>
<description>This is a test</description>
<button>
<text>Yes</text>
</button>
<button>
<text>No</text>
</button>
</alertTemplate>
</document>
该代码直接来自 Apple 文档,所以我不知道为什么它不起作用。
尝试替换这个
var templateURL = 'niclasblog.com/appletv/main.tvml';
具有完全限定的 URI
var templateURL = 'https://niclasblog.com/appletv/main.tvml';
还有
templateXHR.responseType = "document";
不需要,因为这似乎是默认行为。
在您的 App.onLaunch 函数中,您可以获得 BASEURL 并使用它来加载您的所有资产:
App.onLaunch = function(options) {
var BASEURL = options.BASEURL;
// etc.
}
您还可以考虑使用不同的方法来加载模板。考虑使用 DOMParser 来解析 XML 字符串。这样您就可以编写包含 "real" 内容的多行模板字符串,例如
getDocument(options) {
let parser = new DOMParser();
let templateString = `<?xml version="1.0" encoding="UTF-8" ?>
<document>
<alertTemplate>
<description>${options.translate.errorRandomErrorAlertText}</description>
<button>
<text>${options.translate.utilOk}/text>
</button>
</alertTemplate>
</document>`;
return parser.parseFromString(templateString, "application/xml");
}
我已经为使用 es6 的 Apple TVML 应用程序编写了 generator,它仍处于开发初期,但可能会帮助您入门。