如何在Rails应用程序中创建“导游”？

Question

我正在寻找想法，最佳实践，宝石（如果存在的话），这将使我能够轻松地为现有的Rails 4 Web应用程序创建导览。

我希望任何新用户都会收到一条欢迎消息，用户可以解释该网站的某些功能。当他们点击“下一步”时，他们应该转到另一个页面（比如项目列表），其中会出现另一条解释性消息。下一步将是另一个带有消息等的页面（例如任务列表）......我希望解释性消息尽可能不引人注目，类似于flash消息。

有可能跳过或隐藏导览并稍后开始导游，这当然是非常好的。

我知道我可以使用cookies和一些额外的控制器逻辑（闪存消息）“手动”创建它，但不想用导游的额外逻辑来污染所有控制器。

Answer 1

另一个选择是IntroJs http://usablica.github.io/intro.js/，这个和Baldrick的答案都是不错的选择。

Answer 2

我在Rails应用程序中过去几个月一直在使用Shepherd.js。我发现它在响应式Web应用程序中处理了自己最好的JavaScript旅游库，因为移动体验是我们产品的重要组成部分。此外，它提供的主题很容易融入我们现有的外观。 （您可以安装Shepherd.js rails-assets gem以便在资产管道中使用。）

我已经将Shepherd.js包装成一个名为Abraham的Rails gem，以便更容易配置巡视内容，跟踪哪些用户看过每个巡演，并允许用户暂时跳过巡演。

Answer 3

您可以使用jQuery插件Joyride。

我会创建一个专门用于导览的控制器来渲染你的一些现有视图（例如'/ tour / 1'，'/ tour / 2'，'tour / 3'，...），但是添加在Joyride使用的隐藏html ol内（参见文档）。在每个页面的游览结束时，使用Joyride回调postRideCallback将用户重定向到游览的下一页。