首页 / JAVASCRIPT / javascript – 使用仅JSON API的Web应用程序的基础架构和国际化

javascript – 使用仅JSON API的Web应用程序的基础架构和国际化

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用仅JSON API的Web应用程序的基础架构和国际化，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1793字，纯文字阅读大概需要3分钟。

内容图文

这是我打算建立的：
有一项服务使用RESTful JSON-only API提供数据.服务器设置是Python Flask.
有几个客户使用此API,如普通的网络应用程序,移动兼容的客户端和Facebook应用程序.

现在,我的假设/决定：

>我决定在服务器上通过JSON提供数据,从而将演示文稿完全交给客户端.
>我希望使网络应用程序与移动设备兼容,从而无需单独的移动客户端.
>此外,对于Facebook应用程序,我决定使用Facebook Canvas,它将呈现正常Web应用程序的一部分,从而重用代码.
如果上述假设出现任何问题,请随时纠正我.虽然上述理论上是可行的,但我想知道实际实施是否可行.

现在,web服务器从服务器获取基页/模板后,必须在通过JSON API获取数据后动态处理呈现.数据非常简单：多选项问题,回答哪个用户收到另一个问题.最后,用户可以共享结果或邀请其他用户.

有了这个设置,我需要像angularjs或jQuery这样的框架吗？

我主要关注的是如何处理国际化？我最初打算使用Flask-Babel来国际化HTML模板.但是我已经专注于仅使用JSON的API,我现在没有关于如何/在何处处理它的线索：在客户端或服务器端？我用它的工具是什么？

我能想到的一种方法是在服务器本身上使用不同语言的数据,并使用适当语言的数据发送JSON响应,具体取决于客户端在请求中发送的某些属性.

另一种方法是让客户端为服务器发送的公共数据集执行所有转换.我不确定这种做法.

解决方法:

你可以找到this插件真有帮助.

就使用情况而言,为由JSON API提供支持的单页应用程序设置它非常简单.

如果我们看一下样本用法：

HTML：

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="[PATH]/jquery.js" /> // optional
    <script type="text/javascript" src="[PATH]/i18next.js" />
  </head>
  <body>
    <ul class="nav">
      <li><a href="#" data-i18n="nav.home"></a></li>
      <li><a href="#" data-i18n="nav.page1"></a></li>
      <li><a href="#" data-i18n="nav.page2"></a></li>
    </ul>
  </body>

Json(加载资源)：

{
  "app": {
    "name": "i18next"
  },
  "nav": {
    "home": "Home",
    "page1": "Page One",
    "page2": "Page Two"
  }
}

JS：

i18n.init(function(t) {
  // translate nav
  $(".nav").i18n();

  // programatical access
  var appName = t("app.name");
});

内容总结

以上是互联网集市为您收集整理的javascript – 使用仅JSON API的Web应用程序的基础架构和国际化全部内容，希望文章能够帮你解决javascript – 使用仅JSON API的Web应用程序的基础架构和国际化所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/770656.html

来源：【匿名】