Est-il possible d'utiliser la bibliothèque p5.js dans google apps script

J'essaie d'accéder à la bibliothèque p5.js de google app script. Voici ma fonction doGet() que j'ai essayée. Est-ce que je le fais mal? Ou cette bibliothèque est-elle inaccessible lors de l'utilisation du script des applications?Est-il possible d'utiliser la bibliothèque p5.js dans google apps script

function doGet() { eval(UrlFetchApp.fetch('https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js', Object).getContentText()); 

return HtmlService.createHtmlOutputFromFile('index'); 
}

J'ai aussi essayé de mettre à jour le code en supprimant le paramètre objet comme celui-ci:

function doGet() { 
eval(UrlFetchApp.fetch('https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js').getContentText()); 
     return HtmlService.createHtmlOutputFromFile('index'); 
    }

Mais je reçois toujours une erreur.

SyntaxError: Nom manquant après. opérateur.

MISE À JOUR: J'ai essayé le code de Mario ci-dessous. Il a corrigé la première erreur. Mais maintenant j'essaye de créer une toile, et tout ce que je vois est une page blanche. Aucune erreur répertoriée. Voici à quoi ressemble le code maintenant.

doget.gs

function doGet() { 
    var template = HtmlService.createTemplateFromFile("demo"); 
    return template.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME); 
}

sketch.gs

function setup() { 
    createCanvas(400,600); 
} 

function draw() { 
    background(100); 
}

demo.html

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js"></script> 
    <script src="sketch.gs"></script> 
</head> 
<body> 
</body> 
</html>

Source

2017-10-11 GMath314

Que se passe quand vous faites cela? Avez-vous un message d'erreur? –

il dit, "mauvaise valeur" – GMath314

D'abord, vous devez créer un nouveau fichier et mettre tout votre code HTML avec le javascript vous voulez utiliser.

demo.html

<html> 
<head> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js"></script> 
    <?!= include('sketch'); ?> 
</head> 
<body> 
</body> 
</html>

sketch.html

<script> 
function setup() { 
    createCanvas(400,600); 
} 

function draw() { 
    background(100); 
} 
</script>

Ensuite, dans votre code.gs. fichier Appsscript Ce créer un mélange de code Google Apps Script et HTML pour produire des pages dynamiques

function doGet() { 
    var template = HtmlService.createTemplateFromFile("demo"); 
    return template.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME); 
} 

function include(filename) { 
    return HtmlService.createHtmlOutputFromFile(filename) 
     .getContent(); 
}

Voici la documentation Google de service HTML https://developers.google.com/apps-script/guides/html/templates

Source

2017-10-11 19:40:39

S'il vous plaît expliquer ce que fait ce code et pourquoi c'est la bonne réponse au lieu de simplement déverser du code inexpliqué. –

Le code de Mario a corrigé la première erreur. Mais maintenant je vois juste une page blanche. Aucune toile J'ai mis à jour le code dans mon post original pour montrer ce que j'ai jusqu'ici. Il ne renvoie aucune erreur. Seulement un écran vide. – GMath314

Wow! Cela prend tout son sens! Merci, Mario! Tu es l'homme! – GMath314

Est-il possible d'utiliser la bibliothèque p5.js dans google apps script

Répondre

Questions connexes