javascript - 创建配置页面并将变量传递给 simply.js 应用程序

Question

我开发了一个 simply.js 应用程序，它从网络服务中获取公交车到达时间，问题是截至目前它只适用于一站。

我想创建一个带有多选的配置页面，我可以在其中选择多个站点，将它们作为一个数组发送到鹅卵石，然后在按下向上/向下按钮时我想循环数组以显示不同的公交车站。我不擅长 C，我更喜欢 javascript 那是因为我使用了 simply.js。

我想知道并学习如何去做，因为我认为网上没有太多的文档和示例。

Answer 1

在 simply.js github 页面上发现了类似的问题/问题 https://github.com/Meiguro/simplyjs/issues/11 .下面的代码示例来自 Meiguros 第一个答案。该代码将用户发送到您的配置网站，您应该配置该网站以发回 json。

您可以复制启用配置窗口的代码示例并将其粘贴到主 Pebble app.js 文件的开头。不要忘记添加 "capabilities": [ "configurable" ],在您的 appinfo.json 文件中。如果您使用的是 cloudpebble，则应转到应用程序的设置页面并确保选中可配置框。

 var initialized = false;
    Pebble.addEventListener("ready", function() {
    console.log("ready called!");
    initialized = true;
    });
    Pebble.addEventListener("showConfiguration", function() {
    console.log("showing configuration");
        //change this url to yours
        Pebble.openURL('http://assets.getpebble.com.s3-website-us-east-1.amazonaws.com/pebble-js/configurable.html');
        });
        Pebble.addEventListener("webviewclosed", function(e) {
        console.log("configuration closed");
        // webview closed
        var options = JSON.parse(decodeURIComponent(e.response));
        console.log("Options = " + JSON.stringify(options));
        }); 

(https://github.com/pebble-hacks/js-configure-demo/blob/master/src/js/pebble-js-app.js - 删除 https://后的空格)

然后将设置推回 pebble 我认为你需要添加

Pebble.sendAppMessage(options);

就在

    console.log("configuration closed");
    // webview closed

我在这个 Pebble 论坛帖子的最后一篇帖子中发现了这一点 http://forums.getpebble.com/discussion/12854/appmessage-inbox-handlers-not-getting-triggered-by-javascript-configuration-data

你也可以在https://github.com/pebble-hacks/js-configure-demo的代码示例所在的同一个git中找到一个名为configurable.html的配置网站示例删除https://

希望这对您实现目标有所帮助