Utilisez-vous des bibliothèques javascript externes pour les applications Apple TV basées sur TVML?

Question

Est-il possible de charger et d'utiliser des librairies javascript externes pour une utilisation sur les applications Apple TV TVML? Par exemple, puis-je charger la bibliothèque Firebase js et l'utiliser pour extraire des données? Par exemple, est-ce que je peux charger la bibliothèque Firebase js? Ou charger lodash pour utiliser ses fonctions?

Answer 1

Vous pouvez charger des bibliothèques JavaScript externes à l'aide de la fonction evaluateScript.

evaluateScripts([“ARRAY OF JS URLS”], function(success) { 

// do work here once the JavaScript files have been evaluated 

}] 

Answer 2

J'ai eu de la chance en utilisant webpack pour empaqueter toutes mes dépendances dans un seul fichier application.js minifié. Webpack s'occupera du regroupement des modules commonjs requis et des bibliothèques tierces et vous pouvez utiliser babel-loader pour ajouter le support es6 manquant (import/export, const/let, fonctions de flèches, etc.).

Voici mon application.js:

require('babel-polyfill'); 
import Presenter from './presenter'; 
import ResourceLoader from './resourceLoader'; 

App.onLaunch = function(options) { 
    let resourceLoader = new ResourceLoader(options.BASEURL); 

    Presenter.resourceLoader = resourceLoader; 

    let index = resourceLoader.loadResource(`${options.BASEURL}templates/Index.xml.js`, (resource) => { 
    let doc = Presenter.makeDocument(resource); 
    doc.addEventListener('select', Presenter.load.bind(Presenter)); 
    navigationDocument.pushDocument(doc); 
    }); 
} 

et mes webpack.config.js:

var webpack = require('webpack'); 

module.exports = { 
    entry: "./src/js/application.js", 
    output: { 
     path: __dirname + "/public/js", 
     filename: "application.js" 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /(node_modules|bower_components)/, 
     loader: 'babel', 
     query: { 
      cacheDirectory: true, 
      presets: ['es2015'] 
     } 
     } 
    ] 
    } 
}; 

Answer 3

https://github.com/emadalam/tvml-catalog-using-atvjs

Reportez-vous à ce port du code de l'échantillon original écrit en réutilisant atvjs cadre qui utilise des bibliothèques externes comme Handlebars, lodash, atvjs etc.