Maison > interface Web > js tutoriel > le corps du texte

Exemple de didacticiel de configuration de développement ThinkJS

零下一度
Libérer: 2017-07-26 18:02:58
original
2023 Les gens l'ont consulté

Les fichiers de configuration sont définis par module

thinkjs permet aux développeurs de configurer leurs propres paramètres directement ci-dessous src/common/config/ et d'ajouter directement des fichiers js. Le nom du fichier doit uniquement répondre aux exigences de nom d'attribut json et le fichier. le contenu suit Le format est le suivant :

// 新增文件 assets.js 键入如下内容'use strict';export default {
  // key: value};
Copier après la connexion

Le contenu du fichier doit uniquement être conforme à la définition d'un format d'objet json. Regardons une définition de configuration log4js :

// log4js.js'use strict';export default {
  appenders: [{  type    : "console",  category: "console"},// 定义一个日志记录器{  type                : "dateFile",                 // 日志文件类型,可以使用日期作为文件名的占位符  filename            : "logs/",     // 日志文件名,可以设置相对路径或绝对路径  pattern             : "debug/yyyyMMddhh.txt",  // 占位符,紧跟在filename后面  absolute            : true,                   // filename是否绝对路径  alwaysIncludePattern: true,       // 文件名是否始终包含占位符  category            : "logInfo"               // 记录器名}
  ],
  levels   : {logInfo: "DEBUG"
  }        // 设置记录器的默认显示级别,低于这个级别的日志,不会输出}
Copier après la connexion

Les fichiers de configuration sont des paramètres statiques et stockent généralement des paramètres de configuration qui ne changent pas fréquemment (bien sûr, les valeurs des paramètres de configuration peuvent être modifié en mémoire, comme suit sera expliqué en détail).

De plus, le fichier de configuration est un fichier js qui exporte les définitions de variables au format ES6, pas un fichier json. L'avantage ici est que vous pouvez ajouter des commentaires commençant par //.

Si vous faites attention, vous avez dû le remarquer : en plus de src/common/config, il y a aussi un dossier src/home/ sous le module config.

D'une manière générale, il est plus raisonnable de définir et d'organiser en fonction de la portée du fichier de configuration.

Par exemple : les configurations utilisées par tous les modules sont plus appropriées pour être placées sous src/common/config, tandis que les configurations utilisées uniquement pour le module d'accueil sont plus appropriées pour être placées sous src/home/config.

Lorsqu'il y a trop de fichiers de configuration, nous devons faire attention à l'ordre de chargement de plusieurs fichiers de configuration.

Ordre de chargement du fichier de configuration

Le site officiel décrit l'ordre de chargement du fichier de configuration comme ceci :

框架默认的配置 -> 项目模式下框架配置 -> 项目公共配置 -> 项目模式下的公共配置 -> 模块下的配置

Demander moi en premier Question : À quoi font référence ces cinq configurations ?

Les deux premiers peuvent être ignorés. Ce sont les paramètres de configuration du framework thinkjs lui-même. Habituellement, notre projet n'utilisera aucun paramètre de configuration.

Les troisième et quatrième sont les dossiers de configuration par défaut sous différents modes de création de projet (pour le mode de création de projet, veuillez vous référer à Node.js Domestic MVC Framework ThinkJS Development Introduction (Jingxiu.com)), emplacement dans :

# normal modethinkjs_normal/src/config/*# module modethinkjs_module/src/common/config/*
Copier après la connexion

Le dernier fait référence au projet en mode module. Chaque module a sa propre config L'emplacement est :

thinkjs_module/src/home/config/*
Copier après la connexion
<🎜. >Il convient de noter que plusieurs fichiers de configuration seront éventuellement chargés lors de l'exécution de thinkjs et

fusionnés ensemble (notez le texte en gras).

Ainsi, lorsqu'il y a plusieurs fichiers de configuration, vous devez faire attention à

essayer de ne pas répéter les clés (c'est-à-dire les noms d'attribut) des paramètres de configuration , car selon l'ordre de chargement, le La valeur de la clé chargée ultérieurement écrasera la première. La valeur de la clé chargée entraîne des résultats indésirables.

Astuce : Le tutoriel explique principalement la méthode de développement en mode module.

Changer automatiquement les fichiers de configuration

Comme mentionné précédemment, nous pouvons placer les fichiers de configuration sous

Tous les paramètres de configuration peuvent être placés dans un seul fichier, ou ils peuvent être dispersés dans plusieurs. fichiers dans un fichier. src/common/config

Il existe un scénario courant que je pense que chaque développeur rencontrera :

Certains paramètres de configuration ne sont utilisés que pour le développement local, et d'autres ne sont utilisés que pour le fonctionnement en ligne. Une fois le développement terminé et l'intégration continue effectuée, lorsque les paramètres de configuration ont été téléchargés, il a été constaté que les paramètres de développement et les paramètres en ligne étaient mélangés. . .

thinkjs fournit trois environnements de paramètres de configuration sous

, à savoir la configuration de développement src/common/config/env/, la configuration de production development et la configuration de test production, qui peuvent sauvegarder notre intégration continue. testing

Nous pouvons diviser la configuration du projet en trois paramètres avec le même nom d'attribut et les placer dans différents environnements de configuration. De cette façon, thinkjs charge automatiquement la configuration de développement pendant le développement local, et la configuration de production est chargée en ligne après. intégration continue. , n'est-ce pas très pratique~

Configuration de développement

Le fichier de configuration de développement est :

src/common/config/env/development.js

Comme mentionné ci-dessus, la configuration de développement convient à développement local, alors thinkjs est Comment savoir dans quel environnement vous vous trouvez actuellement ?

La réponse est : Il a été défini dans package.json

{
  "scripts": {"start": "node www/development.js?1.1.11","compile": "babel src/ --out-dir app/","watch-compile": "node -e \"console.log(&#39;<npm run watch-compile> no longer need, use <npm start> command direct.&#39;);console.log();\"","watch": "npm run watch-compile"
  }}
Copier après la connexion
Vous pouvez voir que l'attribut

définit les détails lorsque nous utilisons scripts.start directement Ce qui est réellement exécuté est la commande npm start. node www/development.js

Conformément au principe de demander des réponses, jetez un oeil à ce qu'il y a dans ce fichier :

var thinkjs = require(&#39;thinkjs&#39;);var path = require(&#39;path&#39;);var rootPath = path.dirname(__dirname);var instance = new thinkjs({
  APP_PATH: rootPath + path.sep + &#39;app&#39;,
  RUNTIME_PATH: rootPath + path.sep + &#39;runtime&#39;,
  ROOT_PATH: rootPath,
  RESOURCE_PATH: __dirname,
  env: &#39;development&#39;  // <-- 这里定义了当前的 thinkjs 实例的运行环境});// Build code from src to app directory.instance.compile({
  log: true});instance.run();
Copier après la connexion

:-)

生产配置

生产配置文件是:src/common/config/env/production.js

明白了开发配置的原理,也就不难明白生产配置了。

使用 node www/production.js 命令可以告诉 thinkjs 现在运行的是生产环境。

同理,生产配置中的参数名(属性名)一般与开发配置一样,只是值不同而已。

比较常见的是数据库连接,本地开发时连接的是测试库,而生产环境中连接的是生产库,不同的地址、用户、密码和库名,这些都是要交给运维人员来管理了。

测试配置

测试配置文件是:src/common/config/env/testing.js

明白了前两个配置,这个也不难明白~

使用 node www/testing.js 命令可以告诉 thinkjs 现在运行的是测试环境。

定义和使用配置文件

前面其实有介绍过配置文件的分布原则和定义方法,只要确保不与系统特定配置冲突即可自由定义。

系统特定配置

下面是 thinkjs 默认的配置文件清单,这些系统特定配置都是有相应的使用场景和参数设置,详细说明及完整参数详见:

src/common/config/├── config.js  # 可以放置自己的配置├── db.js  # 数据库连接├── env  # 运行时配置,下面会详述│   ├── development.js│   ├── production.js│   └── testing.js├── error.js  # 错误配置├── hook.js  # 钩子配置├── locale  # 多语言版配置│   └── en.js├── session.js└── view.js  # 视图文件配置
Copier après la connexion

自定义配置

一般做法是使用带有层级的配置定义来组织配置参数(当然你一定要把全部参数都放在根下面也不是不可以),参见如下配置:

// development.js&#39;use strict&#39;;export default {
  site_name: "",
  site_title: "",
  site_keywords: "",
  site_description: "",
  db: {  // 这里的配置替代 db.jstype   : &#39;mysql&#39;,log_sql: true, //是否记录 sql 语句adapter: {  mysql: {host    : &#39;127.0.0.1&#39;,port    : &#39;3306&#39;,database: &#39;&#39;,user    : &#39;&#39;,password: &#39;&#39;,prefix  : &#39;thinkjs_&#39;,encoding: &#39;utf8&#39;  }}
  },
  jwt: { // 第三方模块的公共定义options: {  algorithm: &#39;HS128&#39;,  expiresIn: &#39;7d&#39;}
  },
  pay: {// 定义与在线支付接口相关的参数
  },
  backend: {// 定义管理后台相关的参数
  },
  home: {// 定义前端网站相关的参数
  },
  rest: {// 定义 REST API 相关的参数
  },
  task: {// 定义 crond 相关的参数
  }};
Copier après la connexion

配置参数按照层次组织之后,需要注意的一点是:获取配置的时候,不能无限制的 this.config(参数.参数.参数.参数) 下去,详见下面读取配置的几种方式描述。

几种读取配置的方式

配置文件定义之后,需要在项目运行的特别业务中读取(也可以设置)到配置参数的值,根据读取配置的位置的不同,thinkjs 提供了以下几种读取方式。

this.config()

这是使用率最高的读取配置方法,绝大多数位置都可以使用此方法来读取配置,比如 controller logic model service middleware 等地方。

// 配置 development.jslet dbOpt = this.config(&#39;db&#39;);let jwtOpt = this.config(&#39;jwt.options&#39;);
Copier après la connexion

这里有一点需要注意:thinkjs 只能解析两层配置参数,超过的层级不予解析(源码中写死了仅返回两层)。

// 配置 development.jslet jwtOpt = this.config(&#39;jwt.options&#39;);console.log(jwtOpt);// 读取成功,打印:// {//   options: {//     algorithm: &#39;HS128&#39;,//     expiresIn: &#39;7d&#39;//   }// }let jwtOptAlg = this.config(&#39;jwt.options.algorithm&#39;);console.log(jwtOptAlg);// 超过三层,读取失败,只能读取到两层内容,打印:// {//   options: {//     algorithm: &#39;HS128&#39;,//     expiresIn: &#39;7d&#39;//   }// }jwtOptAlg = jwtOpt[&#39;algorithm&#39;];console.log(jwtOptAlg);// 正确的读取方式,打印:// HS128
Copier après la connexion

think.config()

think.config 方法可以:

  • 无须考虑当前位置来读取配置参数(其内部运行方式类似 this.config )

  • 跨模块读取配置参数

对于前者可以无须思考当前所在的模块,更自由的读取配置参数。

对于后者则对开发多模块协作有着比较重要的意义,配置参数只有一份,不可能向不同的模块复制相同的配置,因此需要“一处配置、多处可用”。因此无须考虑“我在哪里读取配置”,只要考虑“我要读取哪里的配置”即可。

// 配置文件:src/home/config/assets.jslet siteName = think.config(&#39;assets.site_name&#39;, undefined, &#39;home&#39;);
Copier après la connexion

方法的第二个参数设置为 undefined 是为了避免将读取动作变为设置动作。

方法的第三个参数标明了这个配置参数在哪个模块下面,一旦给定此参数,thinkjs 会认为 src/home/config/ 下面的配置是你需要读取的目标。

http.config()

http.config 方法实质上是 think.config() 的一个别名,可以读取和设置配置参数。

避免踩坑之正确读取参数

如果不能理解 thinkjs 设计配置文件读取策略的情况下,会无意中踩坑,如下便是一个例子,代码说话。

假设有两个配置文件 src/common/config/assets.jssrc/home/config/assets.js,其中有着一样的属性名:

// src/common/config/assets.jsexport default {
  "site_title": "my site"};// src/home/config/assets.jsexport default {
  "site_title": "my test"};// 两个配置参数属性名一样的情况下// 使用不同的读取方式// 注意 config 方法的上下文对象的不同// 会导致读取的结果的不同// src/home/controller/index.jslet assets = this.config(&#39;assets&#39;);let siteTitle = assets[&#39;site_title&#39;];console.log(&#39;siteTitle is: &#39;, siteTitle);// 打印:// my test// src/home/controller/index.jslet assets = think.config(&#39;assets&#39;, undefined, &#39;common&#39;);let siteTitle = assets[&#39;site_title&#39;];console.log(&#39;siteTitle is: &#39;, siteTitle);// 打印:// my site
Copier après la connexion

明白了 thinkjs 配置文件加载顺序,就不会对上面发生的情况惊讶了~

如果你实在懒得去思考 this.configthink.config 两者的分别,建议你干脆使用后者,当读取参数只传入第一个参数时,它的表现与前者一致。这样貌似更有利于代码的维护~

避免踩坑之动态修改配置参数

当读取到了配置参数后,当然是可以动态修改其为新的值,以让后续的处理都读到新的值。动态修改方法也很简单:config 方法的第二个参数就是给定的新值。

let siteTitle = this.config(&#39;assets.site_title&#39;);console.log(siteTitle);// 打印:// my testthis.config(&#39;assets.site_title&#39;, &#39;test 123&#39;);siteTitle = this.config(&#39;assets.site_title&#39;);console.log(siteTitle);// 打印:// test 123
Copier après la connexion

上面的动态修改方法其实平淡无奇,来看看更有趣的修改方法,如下:

let siteAuthor = this.config(&#39;assets.site_author&#39;);console.log(siteAuthor);// 打印:// {//   name: &#39;xxuyou.com&#39;,//   email: &#39;cap@xxuyou.com&#39;// }siteAuthor[&#39;name&#39;] = &#39;cap&#39;;siteAuthor = this.config(&#39;assets.site_author&#39;);console.log(siteAuthor);// 打印:// {//   name: &#39;cap&#39;,//   email: &#39;cap@xxuyou.com&#39;// }
Copier après la connexion

假如上面的代码片段修改一下写法,就可以得到预期的效果,如下:

let siteAuthor = think.extend({}, this.config(&#39;assets.site_author&#39;)); // <-- 不同点在这里console.log(siteAuthor);// 打印:// {//   name: &#39;xxuyou.com&#39;,//   email: &#39;cap@xxuyou.com&#39;// }siteAuthor[&#39;name&#39;] = &#39;cap&#39;;siteAuthor = this.config(&#39;assets.site_author&#39;);console.log(siteAuthor);// 打印:// {//   name: &#39;xxuyou.com&#39;,//   email: &#39;cap@xxuyou.com&#39;// }
Copier après la connexion

Peu importe de qui il s'agit think.extend, pourquoi modifier la variable à gauche du signe égal a-t-il le même effet que de modifier directement la méthode de configuration ?

La raison est en fait très simple :

  1. thinkjs met en cache les paramètres de configuration en interne. La valeur du paramètre de configuration

  2. est un Object au lieu de String.

OK~

Pack de langue

Le pack de langue lui-même peut en fait être décrit séparément comme i18n, mais en raison de l'internationalisation du développement actuel et même processus d'architecture Il est rarement couvert, il est donc brièvement décrit ici.

src/config/locale/en.js

L'environnement de langue anglaise par défaut du système, qui définit les modèles de langue pertinents.

src/config/locale/zh-CN.js

Par souci de standardisation, il est recommandé de configurer manuellement ce fichier modèle de langue et de modifier le paramètre src/common/config/local.js dans default à zh-CN c'est-à-dire Ce modèle de langue peut être activé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal